@oliasoft-open-source/react-ui-library 4.7.4 → 4.7.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/index.d.ts +5 -0
  2. package/dist/index.js +85 -38
  3. package/dist/index.js.map +1 -1
  4. package/dist/storybook/assets/{Color-KGDBMAHA-fBkbFrxl.js → Color-KGDBMAHA-C0EpwEFf.js} +1 -1
  5. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-BCXpse5g.js → DocsRenderer-PKQXORMH-CWe5JIRI.js} +1 -1
  6. package/dist/storybook/assets/{accordion.stories-MGPZF2zs.js → accordion.stories-YuQaNHcr.js} +1 -1
  7. package/dist/storybook/assets/{afe.stories-Zs5w8AL0.js → afe.stories-CT81gs6M.js} +1 -1
  8. package/dist/storybook/assets/{buttons-and-links-DGEwyzdQ.js → buttons-and-links-CtOaPZlv.js} +1 -1
  9. package/dist/storybook/assets/{casing-loads.stories-BZZ4ps89.js → casing-loads.stories-DQy8gjj6.js} +1 -1
  10. package/dist/storybook/assets/{cell.stories-DtPT5vsK.js → cell.stories-ChfAWqCt.js} +1 -1
  11. package/dist/storybook/assets/check-box.stories-BAH78tMZ.js +126 -0
  12. package/dist/storybook/assets/{chunk-HLWAVYOI-B_e8hbrU.js → chunk-HLWAVYOI-CkQdzq8g.js} +1 -1
  13. package/dist/storybook/assets/{color-BWuYLPlh.js → color-eaylxLAo.js} +1 -1
  14. package/dist/storybook/assets/dialog-vClt2ahZ.js +1 -0
  15. package/dist/storybook/assets/{file-input.stories-BH_glmEk.js → file-input.stories-Br89AkVv.js} +1 -1
  16. package/dist/storybook/assets/{footer.stories-CsvsDr1-.js → footer.stories-BM5UBN62.js} +1 -1
  17. package/dist/storybook/assets/{form.stories-BwzDZgen.js → form.stories-CYcggA-f.js} +1 -1
  18. package/dist/storybook/assets/{formation.stories-2ZjWA25v.js → formation.stories-NDB_Sbor.js} +1 -1
  19. package/dist/storybook/assets/iframe-WLuE3PcW.js +2 -0
  20. package/dist/storybook/assets/index-Be0hXiyp.js +179 -0
  21. package/dist/storybook/assets/index-CF7H4eMJ.js +28 -0
  22. package/dist/storybook/assets/{index-BrCAgVdx.js → index-CXmS_Aty.js} +1 -1
  23. package/dist/storybook/assets/{index-tzHbUYOM.js → index-Cf2IDQZ4.js} +4 -4
  24. package/dist/storybook/assets/{input-group.stories-D1i3gaZ1.js → input-group.stories-BmeUtBOK.js} +1 -1
  25. package/dist/storybook/assets/{input-validation-BcgNUeij.js → input-validation-U3o9_8IY.js} +2 -2
  26. package/dist/storybook/assets/{inputs-gN3bum_f.js → inputs-gP7hGRtM.js} +2 -2
  27. package/dist/storybook/assets/{layout-forms-DXG6Da8u.js → layout-forms-r2wYyx-8.js} +1 -1
  28. package/dist/storybook/assets/{layout-general-CEpJsTnH.js → layout-general-Bw291PmI.js} +1 -1
  29. package/dist/storybook/assets/menu.stories-QTzp0Z7C.js +84 -0
  30. package/dist/storybook/assets/message-B7G1ESkC.js +1 -0
  31. package/dist/storybook/assets/{message.stories-o5jcKCK_.js → message.stories-Czui5Ym7.js} +1 -1
  32. package/dist/storybook/assets/modal.stories-DAxDpo0A.js +220 -0
  33. package/dist/storybook/assets/number-input.stories-CFTNLnHw.js +105 -0
  34. package/dist/storybook/assets/{padding-and-spacing-By28ROLj.js → padding-and-spacing-DLeCWmND.js} +1 -1
  35. package/dist/storybook/assets/{pagination-CqvxiZHR.js → pagination-BtguPxeR.js} +1 -1
  36. package/dist/storybook/assets/{pagination.stories-BzMlcLsN.js → pagination.stories-CgG4wp8P.js} +1 -1
  37. package/dist/storybook/assets/{pop-confirm.stories-MFDc3UAq.js → pop-confirm.stories-CZpYmUBz.js} +1 -1
  38. package/dist/storybook/assets/{popover.stories-CPW_LGAh.js → popover.stories-CtaFGXR_.js} +1 -1
  39. package/dist/storybook/assets/{preview-eMMARKcW.js → preview-BjyexbB3.js} +2 -2
  40. package/dist/storybook/assets/preview-DLBQXbKW.js +1 -0
  41. package/dist/storybook/assets/{preview-CO5-Yrmk.js → preview-Dml2wSQG.js} +1 -1
  42. package/dist/storybook/assets/radio-button.stories-BNE-U9db.js +71 -0
  43. package/dist/storybook/assets/{reservoirs.stories-Cql_9W4F.js → reservoirs.stories-ux3hZbkX.js} +1 -1
  44. package/dist/storybook/assets/{rich-text-input.stories-BuDUgUsz.js → rich-text-input.stories-savcIJ5B.js} +1 -1
  45. package/dist/storybook/assets/{row.stories-C-bEP9pE.js → row.stories-CG6Eipay.js} +1 -1
  46. package/dist/storybook/assets/select-Z-GCZ-pY.js +40 -0
  47. package/dist/storybook/assets/select.stories-CX_B6BvR.js +579 -0
  48. package/dist/storybook/assets/{smart-upload-modal.stories-DGIErcSu.js → smart-upload-modal.stories-BrsVuS4a.js} +1 -1
  49. package/dist/storybook/assets/{table-CXUwJOBt.js → table-CaaSoHex.js} +1 -1
  50. package/dist/storybook/assets/{table.stories-Cp0UIPUQ.js → table.stories-BiBivAvh.js} +1 -1
  51. package/dist/storybook/assets/{title.stories-hn5F8-2J.js → title.stories-CfdJbgvT.js} +1 -1
  52. package/dist/storybook/assets/toaster-DJeREs3e.js +1 -0
  53. package/dist/storybook/assets/toaster.stories-QjvljKdT.js +89 -0
  54. package/dist/storybook/assets/toggle.stories-BYrikgrA.js +141 -0
  55. package/dist/storybook/assets/{unit-input.stories-DGvDLll8.js → unit-input.stories-BSWm9641.js} +1 -1
  56. package/dist/storybook/assets/{unit-table.stories-D0q58B-1.js → unit-table.stories-CgF-UOP3.js} +1 -1
  57. package/dist/storybook/iframe.html +1 -1
  58. package/dist/storybook/index.html +6 -2
  59. package/dist/storybook/index.json +1 -1
  60. package/dist/storybook/project.json +1 -1
  61. package/dist/storybook/sb-addons/interactions-2/manager-bundle.js +233 -0
  62. package/dist/storybook/sb-addons/storybook-dark-mode-esm-preset-3/manager-bundle.js.LEGAL.txt +0 -0
  63. package/package.json +6 -2
  64. package/dist/storybook/assets/check-box.stories-J1keUUs0.js +0 -102
  65. package/dist/storybook/assets/dialog-lhPZkAI2.js +0 -1
  66. package/dist/storybook/assets/iframe-DLWAAiXM.js +0 -2
  67. package/dist/storybook/assets/menu.stories-BE0AzXUY.js +0 -82
  68. package/dist/storybook/assets/message-ttrR1AaP.js +0 -1
  69. package/dist/storybook/assets/modal.stories-Ns1ikKLR.js +0 -200
  70. package/dist/storybook/assets/number-input.stories-BfRW8wgL.js +0 -97
  71. package/dist/storybook/assets/radio-button.stories-D7uvMLbK.js +0 -61
  72. package/dist/storybook/assets/select-tIEV7vnw.js +0 -40
  73. package/dist/storybook/assets/select.stories-BuW6SmRZ.js +0 -914
  74. package/dist/storybook/assets/toaster-DPbde9Mi.js +0 -1
  75. package/dist/storybook/assets/toaster.stories-DtRx7MDa.js +0 -86
  76. package/dist/storybook/assets/toggle.stories-CBkCAQh6.js +0 -117
  77. /package/dist/storybook/sb-addons/{storybook-dark-mode-esm-preset-2 → interactions-2}/manager-bundle.js.LEGAL.txt +0 -0
  78. /package/dist/storybook/sb-addons/{storybook-dark-mode-esm-preset-2 → storybook-dark-mode-esm-preset-3}/manager-bundle.js +0 -0
@@ -1,5 +1,5 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BrCAgVdx.js","./iframe-DLWAAiXM.js","./index-DhsZuJvc.js","./index-CUZDtIZe.js","./extends-CF3RwP-h.js","./assertThisInitialized-B9jnkVVz.js","./inheritsLoose-DR8r8Ogv.js","./index-D6rZ4wEC.js","./Color-KGDBMAHA-fBkbFrxl.js"])))=>i.map(i=>d[i]);
2
- var g9=Object.defineProperty;var v9=(e,t,r)=>t in e?g9(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var wr=(e,t,r)=>v9(e,typeof t!="symbol"?t+"":t,r);import{_ as s4}from"./iframe-DLWAAiXM.js";import{r as s,R as y,g as Ds}from"./index-DhsZuJvc.js";import{R as c4,r as nf}from"./index-CUZDtIZe.js";import{_ as ot}from"./extends-CF3RwP-h.js";import{_ as y9}from"./assertThisInitialized-B9jnkVVz.js";import{a as u4,_ as b9}from"./inheritsLoose-DR8r8Ogv.js";import{_ as mr,j as d4,i as ka,k as af,d as gr,a as Ss,c as wn,l as w9,m as E9,b as p4,e as Gh,s as zc,h as x9}from"./index-D6rZ4wEC.js";var C9=Object.create,f4=Object.defineProperty,D9=Object.getOwnPropertyDescriptor,h4=Object.getOwnPropertyNames,S9=Object.getPrototypeOf,k9=Object.prototype.hasOwnProperty,_a=(e,t)=>function(){return t||(0,e[h4(e)[0]])((t={exports:{}}).exports,t),t.exports},_9=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of h4(t))!k9.call(e,a)&&a!==r&&f4(e,a,{get:()=>t[a],enumerable:!(n=D9(t,a))||n.enumerable});return e},A9=(e,t,r)=>(r=e!=null?C9(S9(e)):{},_9(!e||!e.__esModule?f4(r,"default",{value:e,enumerable:!0}):r,e)),Dt=e=>`control-${e.replace(/\s+/g,"-")}`,ks=e=>`set-${e.replace(/\s+/g,"-")}`,F9=Object.create,of=Object.defineProperty,I9=Object.getOwnPropertyDescriptor,T9=Object.getOwnPropertyNames,R9=Object.getPrototypeOf,$9=Object.prototype.hasOwnProperty,I=(e,t)=>of(e,"name",{value:t,configurable:!0}),$i=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),_s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),z9=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of T9(t))!$9.call(e,a)&&a!==r&&of(e,a,{get:()=>t[a],enumerable:!(n=I9(t,a))||n.enumerable});return e},lf=(e,t,r)=>(r=e!=null?F9(R9(e)):{},z9(t||!e||!e.__esModule?of(r,"default",{value:e,enumerable:!0}):r,e)),O9=_s(e=>{(function(){var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,l=t?Symbol.for("react.provider"):60109,c=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,p=t?Symbol.for("react.concurrent_mode"):60111,h=t?Symbol.for("react.forward_ref"):60112,m=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.suspense_list"):60120,v=t?Symbol.for("react.memo"):60115,g=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,C=t?Symbol.for("react.fundamental"):60117,w=t?Symbol.for("react.responder"):60118,x=t?Symbol.for("react.scope"):60119;function E(P){return typeof P=="string"||typeof P=="function"||P===a||P===p||P===i||P===o||P===m||P===f||typeof P=="object"&&P!==null&&(P.$$typeof===g||P.$$typeof===v||P.$$typeof===l||P.$$typeof===c||P.$$typeof===h||P.$$typeof===C||P.$$typeof===w||P.$$typeof===x||P.$$typeof===b)}I(E,"isValidElementType");function D(P){if(typeof P=="object"&&P!==null){var ut=P.$$typeof;switch(ut){case r:var Ft=P.type;switch(Ft){case d:case p:case a:case i:case o:case m:return Ft;default:var Ur=Ft&&Ft.$$typeof;switch(Ur){case c:case h:case g:case v:case l:return Ur;default:return ut}}case n:return ut}}}I(D,"typeOf");var S=d,k=p,_=c,F=l,T=r,R=h,O=a,z=g,M=v,L=n,B=i,j=o,G=m,H=!1;function K(P){return H||(H=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),te(P)||D(P)===d}I(K,"isAsyncMode");function te(P){return D(P)===p}I(te,"isConcurrentMode");function le(P){return D(P)===c}I(le,"isContextConsumer");function Q(P){return D(P)===l}I(Q,"isContextProvider");function re(P){return typeof P=="object"&&P!==null&&P.$$typeof===r}I(re,"isElement");function N(P){return D(P)===h}I(N,"isForwardRef");function Y(P){return D(P)===a}I(Y,"isFragment");function J(P){return D(P)===g}I(J,"isLazy");function pe(P){return D(P)===v}I(pe,"isMemo");function Se(P){return D(P)===n}I(Se,"isPortal");function At(P){return D(P)===i}I(At,"isProfiler");function Ue(P){return D(P)===o}I(Ue,"isStrictMode");function ct(P){return D(P)===m}I(ct,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=k,e.ContextConsumer=_,e.ContextProvider=F,e.Element=T,e.ForwardRef=R,e.Fragment=O,e.Lazy=z,e.Memo=M,e.Portal=L,e.Profiler=B,e.StrictMode=j,e.Suspense=G,e.isAsyncMode=K,e.isConcurrentMode=te,e.isContextConsumer=le,e.isContextProvider=Q,e.isElement=re,e.isForwardRef=N,e.isFragment=Y,e.isLazy=J,e.isMemo=pe,e.isPortal=Se,e.isProfiler=At,e.isStrictMode=Ue,e.isSuspense=ct,e.isValidElementType=E,e.typeOf=D})()}),L9=_s((e,t)=>{t.exports=O9()}),m4=_s((e,t)=>{var r=L9(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};l[r.ForwardRef]=o,l[r.Memo]=i;function c(b){return r.isMemo(b)?i:l[b.$$typeof]||n}I(c,"getStatics");var d=Object.defineProperty,p=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,m=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Object.prototype;function g(b,C,w){if(typeof C!="string"){if(v){var x=f(C);x&&x!==v&&g(b,x,w)}var E=p(C);h&&(E=E.concat(h(C)));for(var D=c(b),S=c(C),k=0;k<E.length;++k){var _=E[k];if(!a[_]&&!(w&&w[_])&&!(S&&S[_])&&!(D&&D[_])){var F=m(C,_);try{d(b,_,F)}catch{}}}}return b}I(g,"hoistNonReactStatics"),t.exports=g}),M9=_s((e,t)=>{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"?n=window:typeof global<"u"?n=global:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return I(function r(n,a,o){function i(d,p){if(!a[d]){if(!n[d]){var h=typeof $i=="function"&&$i;if(!p&&h)return h(d,!0);if(l)return l(d,!0);var m=new Error("Cannot find module '"+d+"'");throw m.code="MODULE_NOT_FOUND",m}var f=a[d]={exports:{}};n[d][0].call(f.exports,function(v){var g=n[d][1][v];return i(g||v)},f,f.exports,r,n,a,o)}return a[d].exports}I(i,"s");for(var l=typeof $i=="function"&&$i,c=0;c<o.length;c++)i(o[c]);return i},"e")({1:[function(r,n,a){n.exports=function(o){if(typeof Map!="function"||o){var i=r("./similar");return new i}else return new Map}},{"./similar":2}],2:[function(r,n,a){function o(){return this.list=[],this.lastItem=void 0,this.size=0,this}I(o,"Similar"),o.prototype.get=function(i){var l;if(this.lastItem&&this.isEqual(this.lastItem.key,i))return this.lastItem.val;if(l=this.indexOf(i),l>=0)return this.lastItem=this.list[l],this.list[l].val},o.prototype.set=function(i,l){var c;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=l,this):(c=this.indexOf(i),c>=0?(this.lastItem=this.list[c],this.list[c].val=l,this):(this.lastItem={key:i,val:l},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var l;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),l=this.indexOf(i),l>=0)return this.size--,this.list.splice(l,1)[0]},o.prototype.has=function(i){var l;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(l=this.indexOf(i),l>=0?(this.lastItem=this.list[l],!0):!1)},o.prototype.forEach=function(i,l){var c;for(c=0;c<this.size;c++)i.call(l||this,this.list[c].val,this.list[c].key,this)},o.prototype.indexOf=function(i){var l;for(l=0;l<this.size;l++)if(this.isEqual(this.list[l].key,i))return l;return-1},o.prototype.isEqual=function(i,l){return i===l||i!==i&&l!==l},n.exports=o},{}],3:[function(r,n,a){var o=r("map-or-similar");n.exports=function(d){var p=new o(!1),h=[];return function(m){var f=I(function(){var v=p,g,b,C=arguments.length-1,w=Array(C+1),x=!0,E;if((f.numArgs||f.numArgs===0)&&f.numArgs!==C+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(E=0;E<C;E++){if(w[E]={cacheItem:v,arg:arguments[E]},v.has(arguments[E])){v=v.get(arguments[E]);continue}x=!1,g=new o(!1),v.set(arguments[E],g),v=g}return x&&(v.has(arguments[C])?b=v.get(arguments[C]):x=!1),x||(b=m.apply(null,arguments),v.set(arguments[C],b)),d>0&&(w[C]={cacheItem:v,arg:arguments[C]},x?i(h,w):h.push(w),h.length>d&&l(h.shift())),f.wasMemoized=x,f.numArgs=C+1,b},"memoizerific");return f.limit=d,f.wasMemoized=!1,f.cache=p,f.lru=h,f}};function i(d,p){var h=d.length,m=p.length,f,v,g;for(v=0;v<h;v++){for(f=!0,g=0;g<m;g++)if(!c(d[v][g].arg,p[g].arg)){f=!1;break}if(f)break}d.push(d.splice(v,1)[0])}I(i,"moveToMostRecentLru");function l(d){var p=d.length,h=d[p-1],m,f;for(h.cacheItem.delete(h.arg),f=p-2;f>=0&&(h=d[f],m=h.cacheItem.get(h.arg),!m||!m.size);f--)h.cacheItem.delete(h.arg)}I(l,"removeCachedResult");function c(d,p){return d===p||d!==d&&p!==p}I(c,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function Kt(){return Kt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Kt.apply(this,arguments)}I(Kt,"_extends");function sf(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}I(sf,"memoize");var B9=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,cf=sf(function(e){return B9.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91});function g4(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}I(g4,"sheetForTag");function v4(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),e.nonce!==void 0&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}I(v4,"createStyleElement");var P9=function(){function e(r){var n=this;this._insertTag=function(a){var o;n.tags.length===0?n.insertionPoint?o=n.insertionPoint.nextSibling:n.prepend?o=n.container.firstChild:o=n.before:o=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,o),n.tags.push(a)},this.isSpeedy=r.speedy===void 0?!1:r.speedy,this.tags=[],this.ctr=0,this.nonce=r.nonce,this.key=r.key,this.container=r.container,this.prepend=r.prepend,this.insertionPoint=r.insertionPoint,this.before=null}I(e,"StyleSheet");var t=e.prototype;return t.hydrate=I(function(r){r.forEach(this._insertTag)},"hydrate"),t.insert=I(function(r){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(v4(this));var n=this.tags[this.tags.length-1],a=r.charCodeAt(0)===64&&r.charCodeAt(1)===105;if(a&&this._alreadyInsertedOrderInsensitiveRule&&console.error(`You're attempting to insert the following rule:
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-CXmS_Aty.js","./iframe-WLuE3PcW.js","./index-DhsZuJvc.js","./index-CUZDtIZe.js","./extends-CF3RwP-h.js","./assertThisInitialized-B9jnkVVz.js","./inheritsLoose-DR8r8Ogv.js","./index-D6rZ4wEC.js","./Color-KGDBMAHA-C0EpwEFf.js"])))=>i.map(i=>d[i]);
2
+ var g9=Object.defineProperty;var v9=(e,t,r)=>t in e?g9(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var wr=(e,t,r)=>v9(e,typeof t!="symbol"?t+"":t,r);import{_ as s4}from"./iframe-WLuE3PcW.js";import{r as s,R as y,g as Ds}from"./index-DhsZuJvc.js";import{R as c4,r as nf}from"./index-CUZDtIZe.js";import{_ as ot}from"./extends-CF3RwP-h.js";import{_ as y9}from"./assertThisInitialized-B9jnkVVz.js";import{a as u4,_ as b9}from"./inheritsLoose-DR8r8Ogv.js";import{_ as mr,j as d4,i as ka,k as af,d as gr,a as Ss,c as wn,l as w9,m as E9,b as p4,e as Gh,s as zc,h as x9}from"./index-D6rZ4wEC.js";var C9=Object.create,f4=Object.defineProperty,D9=Object.getOwnPropertyDescriptor,h4=Object.getOwnPropertyNames,S9=Object.getPrototypeOf,k9=Object.prototype.hasOwnProperty,_a=(e,t)=>function(){return t||(0,e[h4(e)[0]])((t={exports:{}}).exports,t),t.exports},_9=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of h4(t))!k9.call(e,a)&&a!==r&&f4(e,a,{get:()=>t[a],enumerable:!(n=D9(t,a))||n.enumerable});return e},A9=(e,t,r)=>(r=e!=null?C9(S9(e)):{},_9(!e||!e.__esModule?f4(r,"default",{value:e,enumerable:!0}):r,e)),Dt=e=>`control-${e.replace(/\s+/g,"-")}`,ks=e=>`set-${e.replace(/\s+/g,"-")}`,F9=Object.create,of=Object.defineProperty,I9=Object.getOwnPropertyDescriptor,T9=Object.getOwnPropertyNames,R9=Object.getPrototypeOf,$9=Object.prototype.hasOwnProperty,I=(e,t)=>of(e,"name",{value:t,configurable:!0}),$i=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),_s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),z9=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of T9(t))!$9.call(e,a)&&a!==r&&of(e,a,{get:()=>t[a],enumerable:!(n=I9(t,a))||n.enumerable});return e},lf=(e,t,r)=>(r=e!=null?F9(R9(e)):{},z9(t||!e||!e.__esModule?of(r,"default",{value:e,enumerable:!0}):r,e)),O9=_s(e=>{(function(){var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,l=t?Symbol.for("react.provider"):60109,c=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,p=t?Symbol.for("react.concurrent_mode"):60111,h=t?Symbol.for("react.forward_ref"):60112,m=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.suspense_list"):60120,v=t?Symbol.for("react.memo"):60115,g=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,C=t?Symbol.for("react.fundamental"):60117,w=t?Symbol.for("react.responder"):60118,x=t?Symbol.for("react.scope"):60119;function E(P){return typeof P=="string"||typeof P=="function"||P===a||P===p||P===i||P===o||P===m||P===f||typeof P=="object"&&P!==null&&(P.$$typeof===g||P.$$typeof===v||P.$$typeof===l||P.$$typeof===c||P.$$typeof===h||P.$$typeof===C||P.$$typeof===w||P.$$typeof===x||P.$$typeof===b)}I(E,"isValidElementType");function D(P){if(typeof P=="object"&&P!==null){var ut=P.$$typeof;switch(ut){case r:var Ft=P.type;switch(Ft){case d:case p:case a:case i:case o:case m:return Ft;default:var Ur=Ft&&Ft.$$typeof;switch(Ur){case c:case h:case g:case v:case l:return Ur;default:return ut}}case n:return ut}}}I(D,"typeOf");var S=d,k=p,_=c,F=l,T=r,R=h,O=a,z=g,M=v,L=n,B=i,j=o,G=m,H=!1;function K(P){return H||(H=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),te(P)||D(P)===d}I(K,"isAsyncMode");function te(P){return D(P)===p}I(te,"isConcurrentMode");function le(P){return D(P)===c}I(le,"isContextConsumer");function Q(P){return D(P)===l}I(Q,"isContextProvider");function re(P){return typeof P=="object"&&P!==null&&P.$$typeof===r}I(re,"isElement");function N(P){return D(P)===h}I(N,"isForwardRef");function Y(P){return D(P)===a}I(Y,"isFragment");function J(P){return D(P)===g}I(J,"isLazy");function pe(P){return D(P)===v}I(pe,"isMemo");function Se(P){return D(P)===n}I(Se,"isPortal");function At(P){return D(P)===i}I(At,"isProfiler");function Ue(P){return D(P)===o}I(Ue,"isStrictMode");function ct(P){return D(P)===m}I(ct,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=k,e.ContextConsumer=_,e.ContextProvider=F,e.Element=T,e.ForwardRef=R,e.Fragment=O,e.Lazy=z,e.Memo=M,e.Portal=L,e.Profiler=B,e.StrictMode=j,e.Suspense=G,e.isAsyncMode=K,e.isConcurrentMode=te,e.isContextConsumer=le,e.isContextProvider=Q,e.isElement=re,e.isForwardRef=N,e.isFragment=Y,e.isLazy=J,e.isMemo=pe,e.isPortal=Se,e.isProfiler=At,e.isStrictMode=Ue,e.isSuspense=ct,e.isValidElementType=E,e.typeOf=D})()}),L9=_s((e,t)=>{t.exports=O9()}),m4=_s((e,t)=>{var r=L9(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};l[r.ForwardRef]=o,l[r.Memo]=i;function c(b){return r.isMemo(b)?i:l[b.$$typeof]||n}I(c,"getStatics");var d=Object.defineProperty,p=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,m=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Object.prototype;function g(b,C,w){if(typeof C!="string"){if(v){var x=f(C);x&&x!==v&&g(b,x,w)}var E=p(C);h&&(E=E.concat(h(C)));for(var D=c(b),S=c(C),k=0;k<E.length;++k){var _=E[k];if(!a[_]&&!(w&&w[_])&&!(S&&S[_])&&!(D&&D[_])){var F=m(C,_);try{d(b,_,F)}catch{}}}}return b}I(g,"hoistNonReactStatics"),t.exports=g}),M9=_s((e,t)=>{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"?n=window:typeof global<"u"?n=global:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return I(function r(n,a,o){function i(d,p){if(!a[d]){if(!n[d]){var h=typeof $i=="function"&&$i;if(!p&&h)return h(d,!0);if(l)return l(d,!0);var m=new Error("Cannot find module '"+d+"'");throw m.code="MODULE_NOT_FOUND",m}var f=a[d]={exports:{}};n[d][0].call(f.exports,function(v){var g=n[d][1][v];return i(g||v)},f,f.exports,r,n,a,o)}return a[d].exports}I(i,"s");for(var l=typeof $i=="function"&&$i,c=0;c<o.length;c++)i(o[c]);return i},"e")({1:[function(r,n,a){n.exports=function(o){if(typeof Map!="function"||o){var i=r("./similar");return new i}else return new Map}},{"./similar":2}],2:[function(r,n,a){function o(){return this.list=[],this.lastItem=void 0,this.size=0,this}I(o,"Similar"),o.prototype.get=function(i){var l;if(this.lastItem&&this.isEqual(this.lastItem.key,i))return this.lastItem.val;if(l=this.indexOf(i),l>=0)return this.lastItem=this.list[l],this.list[l].val},o.prototype.set=function(i,l){var c;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=l,this):(c=this.indexOf(i),c>=0?(this.lastItem=this.list[c],this.list[c].val=l,this):(this.lastItem={key:i,val:l},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var l;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),l=this.indexOf(i),l>=0)return this.size--,this.list.splice(l,1)[0]},o.prototype.has=function(i){var l;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(l=this.indexOf(i),l>=0?(this.lastItem=this.list[l],!0):!1)},o.prototype.forEach=function(i,l){var c;for(c=0;c<this.size;c++)i.call(l||this,this.list[c].val,this.list[c].key,this)},o.prototype.indexOf=function(i){var l;for(l=0;l<this.size;l++)if(this.isEqual(this.list[l].key,i))return l;return-1},o.prototype.isEqual=function(i,l){return i===l||i!==i&&l!==l},n.exports=o},{}],3:[function(r,n,a){var o=r("map-or-similar");n.exports=function(d){var p=new o(!1),h=[];return function(m){var f=I(function(){var v=p,g,b,C=arguments.length-1,w=Array(C+1),x=!0,E;if((f.numArgs||f.numArgs===0)&&f.numArgs!==C+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(E=0;E<C;E++){if(w[E]={cacheItem:v,arg:arguments[E]},v.has(arguments[E])){v=v.get(arguments[E]);continue}x=!1,g=new o(!1),v.set(arguments[E],g),v=g}return x&&(v.has(arguments[C])?b=v.get(arguments[C]):x=!1),x||(b=m.apply(null,arguments),v.set(arguments[C],b)),d>0&&(w[C]={cacheItem:v,arg:arguments[C]},x?i(h,w):h.push(w),h.length>d&&l(h.shift())),f.wasMemoized=x,f.numArgs=C+1,b},"memoizerific");return f.limit=d,f.wasMemoized=!1,f.cache=p,f.lru=h,f}};function i(d,p){var h=d.length,m=p.length,f,v,g;for(v=0;v<h;v++){for(f=!0,g=0;g<m;g++)if(!c(d[v][g].arg,p[g].arg)){f=!1;break}if(f)break}d.push(d.splice(v,1)[0])}I(i,"moveToMostRecentLru");function l(d){var p=d.length,h=d[p-1],m,f;for(h.cacheItem.delete(h.arg),f=p-2;f>=0&&(h=d[f],m=h.cacheItem.get(h.arg),!m||!m.size);f--)h.cacheItem.delete(h.arg)}I(l,"removeCachedResult");function c(d,p){return d===p||d!==d&&p!==p}I(c,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function Kt(){return Kt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Kt.apply(this,arguments)}I(Kt,"_extends");function sf(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}I(sf,"memoize");var B9=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,cf=sf(function(e){return B9.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91});function g4(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}I(g4,"sheetForTag");function v4(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),e.nonce!==void 0&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}I(v4,"createStyleElement");var P9=function(){function e(r){var n=this;this._insertTag=function(a){var o;n.tags.length===0?n.insertionPoint?o=n.insertionPoint.nextSibling:n.prepend?o=n.container.firstChild:o=n.before:o=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,o),n.tags.push(a)},this.isSpeedy=r.speedy===void 0?!1:r.speedy,this.tags=[],this.ctr=0,this.nonce=r.nonce,this.key=r.key,this.container=r.container,this.prepend=r.prepend,this.insertionPoint=r.insertionPoint,this.before=null}I(e,"StyleSheet");var t=e.prototype;return t.hydrate=I(function(r){r.forEach(this._insertTag)},"hydrate"),t.insert=I(function(r){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(v4(this));var n=this.tags[this.tags.length-1],a=r.charCodeAt(0)===64&&r.charCodeAt(1)===105;if(a&&this._alreadyInsertedOrderInsensitiveRule&&console.error(`You're attempting to insert the following rule:
3
3
  `+r+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!a,this.isSpeedy){var o=g4(n);try{o.insertRule(r,o.cssRules.length)}catch(i){/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(r)||console.error('There was a problem inserting the following rule: "'+r+'"',i)}}else n.appendChild(document.createTextNode(r));this.ctr++},"insert"),t.flush=I(function(){this.tags.forEach(function(r){return r.parentNode&&r.parentNode.removeChild(r)}),this.tags=[],this.ctr=0,this._alreadyInsertedOrderInsensitiveRule=!1},"flush"),e}(),Fe="-ms-",Tl="-moz-",ee="-webkit-",uf="comm",df="rule",pf="decl",N9="@import",y4="@keyframes",H9="@layer",j9=Math.abs,As=String.fromCharCode,V9=Object.assign;function b4(e,t){return be(e,0)^45?(((t<<2^be(e,0))<<2^be(e,1))<<2^be(e,2))<<2^be(e,3):0}I(b4,"hash");function ff(e){return e.trim()}I(ff,"trim");function w4(e,t){return(e=t.exec(e))?e[0]:e}I(w4,"match");function X(e,t,r){return e.replace(t,r)}I(X,"replace");function Rl(e,t){return e.indexOf(t)}I(Rl,"indexof");function be(e,t){return e.charCodeAt(t)|0}I(be,"charat");function ia(e,t,r){return e.slice(t,r)}I(ia,"substr");function ht(e){return e.length}I(ht,"strlen");function Fs(e){return e.length}I(Fs,"sizeof");function go(e,t){return t.push(e),e}I(go,"append");function E4(e,t){return e.map(t).join("")}I(E4,"combine");var Is=1,la=1,x4=0,je=0,de=0,Aa="";function ri(e,t,r,n,a,o,i){return{value:e,root:t,parent:r,type:n,props:a,children:o,line:Is,column:la,length:i,return:""}}I(ri,"node");function Un(e,t){return V9(ri("",null,null,"",null,null,0),e,{length:-e.length},t)}I(Un,"copy");function C4(){return de}I(C4,"char");function D4(){return de=je>0?be(Aa,--je):0,la--,de===10&&(la=1,Is--),de}I(D4,"prev");function Pe(){return de=je<x4?be(Aa,je++):0,la++,de===10&&(la=1,Is++),de}I(Pe,"next");function yt(){return be(Aa,je)}I(yt,"peek");function _o(){return je}I(_o,"caret");function Fa(e,t){return ia(Aa,e,t)}I(Fa,"slice");function sa(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}I(sa,"token");function hf(e){return Is=la=1,x4=ht(Aa=e),je=0,[]}I(hf,"alloc");function mf(e){return Aa="",e}I(mf,"dealloc");function Ao(e){return ff(Fa(je-1,$l(e===91?e+2:e===40?e+1:e)))}I(Ao,"delimit");function S4(e){for(;(de=yt())&&de<33;)Pe();return sa(e)>2||sa(de)>3?"":" "}I(S4,"whitespace");function k4(e,t){for(;--t&&Pe()&&!(de<48||de>102||de>57&&de<65||de>70&&de<97););return Fa(e,_o()+(t<6&&yt()==32&&Pe()==32))}I(k4,"escaping");function $l(e){for(;Pe();)switch(de){case e:return je;case 34:case 39:e!==34&&e!==39&&$l(de);break;case 40:e===41&&$l(e);break;case 92:Pe();break}return je}I($l,"delimiter");function _4(e,t){for(;Pe()&&e+de!==57&&!(e+de===84&&yt()===47););return"/*"+Fa(t,je-1)+"*"+As(e===47?e:Pe())}I(_4,"commenter");function A4(e){for(;!sa(yt());)Pe();return Fa(e,je)}I(A4,"identifier");function F4(e){return mf(Fo("",null,null,null,[""],e=hf(e),0,[0],e))}I(F4,"compile");function Fo(e,t,r,n,a,o,i,l,c){for(var d=0,p=0,h=i,m=0,f=0,v=0,g=1,b=1,C=1,w=0,x="",E=a,D=o,S=n,k=x;b;)switch(v=w,w=Pe()){case 40:if(v!=108&&be(k,h-1)==58){Rl(k+=X(Ao(w),"&","&\f"),"&\f")!=-1&&(C=-1);break}case 34:case 39:case 91:k+=Ao(w);break;case 9:case 10:case 13:case 32:k+=S4(v);break;case 92:k+=k4(_o()-1,7);continue;case 47:switch(yt()){case 42:case 47:go(I4(_4(Pe(),_o()),t,r),c);break;default:k+="/"}break;case 123*g:l[d++]=ht(k)*C;case 125*g:case 59:case 0:switch(w){case 0:case 125:b=0;case 59+p:C==-1&&(k=X(k,/\f/g,"")),f>0&&ht(k)-h&&go(f>32?ld(k+";",n,r,h-1):ld(X(k," ","")+";",n,r,h-2),c);break;case 59:k+=";";default:if(go(S=id(k,t,r,d,p,a,l,x,E=[],D=[],h),o),w===123)if(p===0)Fo(k,t,S,S,E,o,h,l,D);else switch(m===99&&be(k,3)===110?100:m){case 100:case 108:case 109:case 115:Fo(e,S,S,n&&go(id(e,S,S,0,0,a,l,x,a,E=[],h),D),a,D,h,l,n?E:D);break;default:Fo(k,S,S,S,[""],D,0,l,D)}}d=p=f=0,g=C=1,x=k="",h=i;break;case 58:h=1+ht(k),f=v;default:if(g<1){if(w==123)--g;else if(w==125&&g++==0&&D4()==125)continue}switch(k+=As(w),w*g){case 38:C=p>0?1:(k+="\f",-1);break;case 44:l[d++]=(ht(k)-1)*C,C=1;break;case 64:yt()===45&&(k+=Ao(Pe())),m=yt(),p=h=ht(x=k+=A4(_o())),w++;break;case 45:v===45&&ht(k)==2&&(g=0)}}return o}I(Fo,"parse");function id(e,t,r,n,a,o,i,l,c,d,p){for(var h=a-1,m=a===0?o:[""],f=Fs(m),v=0,g=0,b=0;v<n;++v)for(var C=0,w=ia(e,h+1,h=j9(g=i[v])),x=e;C<f;++C)(x=ff(g>0?m[C]+" "+w:X(w,/&\f/g,m[C])))&&(c[b++]=x);return ri(e,t,r,a===0?df:l,c,d,p)}I(id,"ruleset");function I4(e,t,r){return ri(e,t,r,uf,As(C4()),ia(e,2,-2),0)}I(I4,"comment");function ld(e,t,r,n){return ri(e,t,r,pf,ia(e,0,n),ia(e,n+1,-1),n)}I(ld,"declaration");function un(e,t){for(var r="",n=Fs(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}I(un,"serialize");function T4(e,t,r,n){switch(e.type){case H9:if(e.children.length)break;case N9:case pf:return e.return=e.return||e.value;case uf:return"";case y4:return e.return=e.value+"{"+un(e.children,n)+"}";case df:e.value=e.props.join(",")}return ht(r=un(e.children,n))?e.return=e.value+"{"+r+"}":""}I(T4,"stringify");function R4(e){var t=Fs(e);return function(r,n,a,o){for(var i="",l=0;l<t;l++)i+=e[l](r,n,a,o)||"";return i}}I(R4,"middleware");var Kh=I(function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var n=e(r);return t.set(r,n),n}},"weakMemoize"),U9=I(function(e,t,r){for(var n=0,a=0;n=a,a=yt(),n===38&&a===12&&(t[r]=1),!sa(a);)Pe();return Fa(e,je)},"identifierWithPointTracking"),q9=I(function(e,t){var r=-1,n=44;do switch(sa(n)){case 0:n===38&&yt()===12&&(t[r]=1),e[r]+=U9(je-1,t,r);break;case 2:e[r]+=Ao(n);break;case 4:if(n===44){e[++r]=yt()===58?"&\f":"",t[r]=e[r].length;break}default:e[r]+=As(n)}while(n=Pe());return e},"toRules"),W9=I(function(e,t){return mf(q9(hf(e),t))},"getRules"),Yh=new WeakMap,G9=I(function(e){if(!(e.type!=="rule"||!e.parent||e.length<1)){for(var t=e.value,r=e.parent,n=e.column===r.column&&e.line===r.line;r.type!=="rule";)if(r=r.parent,!r)return;if(!(e.props.length===1&&t.charCodeAt(0)!==58&&!Yh.get(r))&&!n){Yh.set(e,!0);for(var a=[],o=W9(t,a),i=r.props,l=0,c=0;l<o.length;l++)for(var d=0;d<i.length;d++,c++)e.props[c]=a[l]?o[l].replace(/&\f/g,i[d]):i[d]+" "+o[l]}}},"compat"),K9=I(function(e){if(e.type==="decl"){var t=e.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(e.return="",e.value="")}},"removeLabel"),Y9="emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason",J9=I(function(e){return e.type==="comm"&&e.children.indexOf(Y9)>-1},"isIgnoringComment"),Z9=I(function(e){return function(t,r,n){if(!(t.type!=="rule"||e.compat)){var a=t.value.match(/(:first|:nth|:nth-last)-child/g);if(a){for(var o=!!t.parent,i=o?t.parent.children:n,l=i.length-1;l>=0;l--){var c=i[l];if(c.line<t.line)break;if(c.column<t.column){if(J9(c))return;break}}a.forEach(function(d){console.error('The pseudo class "'+d+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+d.split("-child")[0]+'-of-type".')})}}}},"createUnsafeSelectorsAlarm"),$4=I(function(e){return e.type.charCodeAt(1)===105&&e.type.charCodeAt(0)===64},"isImportRule"),X9=I(function(e,t){for(var r=e-1;r>=0;r--)if(!$4(t[r]))return!0;return!1},"isPrependedWithRegularRules"),Jh=I(function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},"nullifyElement"),Q9=I(function(e,t,r){$4(e)&&(e.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),Jh(e)):X9(t,r)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),Jh(e)))},"incorrectImportAlarm");function gf(e,t){switch(b4(e,t)){case 5103:return ee+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return ee+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return ee+e+Tl+e+Fe+e+e;case 6828:case 4268:return ee+e+Fe+e+e;case 6165:return ee+e+Fe+"flex-"+e+e;case 5187:return ee+e+X(e,/(\w+).+(:[^]+)/,ee+"box-$1$2"+Fe+"flex-$1$2")+e;case 5443:return ee+e+Fe+"flex-item-"+X(e,/flex-|-self/,"")+e;case 4675:return ee+e+Fe+"flex-line-pack"+X(e,/align-content|flex-|-self/,"")+e;case 5548:return ee+e+Fe+X(e,"shrink","negative")+e;case 5292:return ee+e+Fe+X(e,"basis","preferred-size")+e;case 6060:return ee+"box-"+X(e,"-grow","")+ee+e+Fe+X(e,"grow","positive")+e;case 4554:return ee+X(e,/([^-])(transform)/g,"$1"+ee+"$2")+e;case 6187:return X(X(X(e,/(zoom-|grab)/,ee+"$1"),/(image-set)/,ee+"$1"),e,"")+e;case 5495:case 3959:return X(e,/(image-set\([^]*)/,ee+"$1$`$1");case 4968:return X(X(e,/(.+:)(flex-)?(.*)/,ee+"box-pack:$3"+Fe+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+ee+e+e;case 4095:case 3583:case 4068:case 2532:return X(e,/(.+)-inline(.+)/,ee+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(ht(e)-1-t>6)switch(be(e,t+1)){case 109:if(be(e,t+4)!==45)break;case 102:return X(e,/(.+:)(.+)-([^]+)/,"$1"+ee+"$2-$3$1"+Tl+(be(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Rl(e,"stretch")?gf(X(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(be(e,t+1)!==115)break;case 6444:switch(be(e,ht(e)-3-(~Rl(e,"!important")&&10))){case 107:return X(e,":",":"+ee)+e;case 101:return X(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+ee+(be(e,14)===45?"inline-":"")+"box$3$1"+ee+"$2$3$1"+Fe+"$2box$3")+e}break;case 5936:switch(be(e,t+11)){case 114:return ee+e+Fe+X(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return ee+e+Fe+X(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return ee+e+Fe+X(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return ee+e+Fe+e+e}return e}I(gf,"prefix");var eS=I(function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case pf:e.return=gf(e.value,e.length);break;case y4:return un([Un(e,{value:X(e.value,"@","@"+ee)})],n);case df:if(e.length)return E4(e.props,function(a){switch(w4(a,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return un([Un(e,{props:[X(a,/:(read-\w+)/,":"+Tl+"$1")]})],n);case"::placeholder":return un([Un(e,{props:[X(a,/:(plac\w+)/,":"+ee+"input-$1")]}),Un(e,{props:[X(a,/:(plac\w+)/,":"+Tl+"$1")]}),Un(e,{props:[X(a,/:(plac\w+)/,Fe+"input-$1")]})],n)}return""})}},"prefixer"),tS=[eS],rS=I(function(e){var t=e.key;if(!t)throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
4
4
  If multiple caches share the same key they might "fight" for each other's style elements.`);if(t==="css"){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(v){var g=v.getAttribute("data-emotion");g.indexOf(" ")!==-1&&(document.head.appendChild(v),v.setAttribute("data-s",""))})}var n=e.stylisPlugins||tS;if(/[^a-z-]/.test(t))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+t+'" was passed');var a={},o,i=[];o=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(v){for(var g=v.getAttribute("data-emotion").split(" "),b=1;b<g.length;b++)a[g[b]]=!0;i.push(v)});var l,c=[G9,K9];c.push(Z9({get compat(){return f.compat}}),Q9);{var d,p=[T4,function(v){v.root||(v.return?d.insert(v.return):v.value&&v.type!==uf&&d.insert(v.value+"{}"))}],h=R4(c.concat(n,p)),m=I(function(v){return un(F4(v),h)},"stylis");l=I(function(v,g,b,C){d=b,g.map!==void 0&&(d={insert:I(function(w){b.insert(w+g.map)},"insert")}),m(v?v+"{"+g.styles+"}":g.styles),C&&(f.inserted[g.name]=!0)},"insert")}var f={key:t,sheet:new P9({key:t,container:o,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:a,registered:{},insert:l};return f.sheet.hydrate(i),f},"createCache"),nS=lf(m4()),aS=I(function(e,t){return(0,nS.default)(e,t)},"hoistNonReactStatics"),oS=!0;function Ts(e,t,r){var n="";return r.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):n+=a+" "}),n}I(Ts,"getRegisteredStyles");var Rs=I(function(e,t,r){var n=e.key+"-"+t.name;(r===!1||oS===!1)&&e.registered[n]===void 0&&(e.registered[n]=t.styles)},"registerStyles"),$s=I(function(e,t,r){Rs(e,t,r);var n=e.key+"-"+t.name;if(e.inserted[t.name]===void 0){var a=t;do e.insert(t===a?"."+n:"",a,e.sheet,!0),a=a.next;while(a!==void 0)}},"insertStyles");function z4(e){for(var t=0,r,n=0,a=e.length;a>=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}I(z4,"murmur2");var iS={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Zh=`You have illegal escape sequence in your template literal, most likely inside content's property value.
5
5
  Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
@@ -537,7 +537,7 @@ ${t}`);let r=t.match(Yz);if(!r)return y.createElement(s.Fragment,null,t);let[,n,
537
537
  * Released under MIT license <https://lodash.com/license>
538
538
  * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
539
539
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
540
- */const{global:at}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:IX,once:TX,logger:Mh}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:Wb,composeConfigs:vre,Preview:yre,DocsContext:bre}=__STORYBOOK_MODULE_PREVIEW_API__,{GLOBALS_UPDATED:Gb,STORY_ARGS_UPDATED:Kb,UPDATE_STORY_ARGS:RX,RESET_STORY_ARGS:$X,NAVIGATE_URL:zX}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var OX=_a({"../../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}}}),LX=_a({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,l=!0,c=" ";function d(E,D){var S=D.appendChild(h(E));if(E.children.length){var k=m(E.isCollapsed);E.children.forEach(function(_){d(_,k)}),S.appendChild(k)}}function p(E,D){var S=!1,k=m(S);if(D.forEach(function(_){d(_,k)}),i=E||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(k)}function h(E){var D=document.createElement("li"),S=document.createElement("a");return r.listItemClass&&D.setAttribute("class",r.listItemClass),r.onClick&&(S.onclick=r.onClick),r.includeTitleTags&&S.setAttribute("title",E.textContent),r.includeHtml&&E.childNodes.length?n.call(E.childNodes,function(k){S.appendChild(k.cloneNode(!0))}):S.textContent=E.textContent,S.setAttribute("href",r.basePath+"#"+E.id),S.setAttribute("class",r.linkClass+c+"node-name--"+E.nodeName+c+r.extraLinkClasses),D.appendChild(S),D}function m(E){var D=r.orderedList?"ol":"ul",S=document.createElement(D),k=r.listClass+c+r.extraListClasses;return E&&(k=k+c+r.collapsibleClass,k=k+c+r.isCollapsedClass),S.setAttribute("class",k),S}function f(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var E;E=document.querySelector(r.scrollContainer).scrollTop}else E=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),E>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=c+r.positionFixedClass):D.className=D.className.replace(c+r.positionFixedClass,"")}function v(E){var D=0;return E!==null&&(D=E.offsetTop,r.hasInnerContainers&&(D+=v(E.offsetParent))),D}function g(E,D){return E&&E.className!==D&&(E.className=D),E}function b(E){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&f();var S=E,k;if(l&&i!==null&&S.length>0){a.call(S,function(M,L){if(v(M)>D+r.headingsOffset+10){var B=L===0?L:L-1;return k=S[B],!0}else if(L===S.length-1)return k=S[S.length-1],!0});var _=i.querySelector("."+r.activeLinkClass),F=i.querySelector("."+r.linkClass+".node-name--"+k.nodeName+'[href="'+r.basePath+"#"+k.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(_===F)return;var T=i.querySelectorAll("."+r.linkClass);n.call(T,function(M){g(M,M.className.replace(c+r.activeLinkClass,""))});var R=i.querySelectorAll("."+r.listItemClass);n.call(R,function(M){g(M,M.className.replace(c+r.activeListItemClass,""))}),F&&F.className.indexOf(r.activeLinkClass)===-1&&(F.className+=c+r.activeLinkClass);var O=F&&F.parentNode;O&&O.className.indexOf(r.activeListItemClass)===-1&&(O.className+=c+r.activeListItemClass);var z=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(z,function(M){M.className.indexOf(r.isCollapsedClass)===-1&&(M.className+=c+r.isCollapsedClass)}),F&&F.nextSibling&&F.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&g(F.nextSibling,F.nextSibling.className.replace(c+r.isCollapsedClass,"")),C(F&&F.parentNode.parentNode)}}function C(E){return E&&E.className.indexOf(r.collapsibleClass)!==-1&&E.className.indexOf(r.isCollapsedClass)!==-1?(g(E,E.className.replace(c+r.isCollapsedClass,"")),C(E.parentNode.parentNode)):E}function w(E){var D=E.target||E.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(l=!1)}function x(){l=!0}return{enableTocAnimation:x,disableTocAnimation:w,render:p,updateToc:b}}}}),MX=_a({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(h){return h[h.length-1]}function o(h){return+h.nodeName.toUpperCase().replace("H","")}function i(h){try{return h instanceof window.HTMLElement||h instanceof window.parent.HTMLElement}catch{return h instanceof window.HTMLElement}}function l(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let m=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var f={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:m};return r.includeHtml&&(f.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(f,h):f}function c(h,m){for(var f=l(h),v=f.headingLevel,g=m,b=a(g),C=b?b.headingLevel:0,w=v-C;w>0&&(b=a(g),!(b&&v===b.headingLevel));)b&&b.children!==void 0&&(g=b.children),w--;return v>=r.collapseDepth&&(f.isCollapsed=!0),g.push(f),g}function d(h,m){var f=m;r.ignoreSelector&&(f=m.split(",").map(function(v){return v.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(f)}catch{return console.warn("Headers not found with selector: "+f),null}}function p(h){return n.call(h,function(m,f){var v=l(f);return v&&c(v,m.nest),m},{nest:[]})}return{nestHeadingsArray:p,selectHeadings:d}}}}),BX=_a({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var a=n.querySelector("."+r.activeListItemClass);a&&(n.scrollTop=a.offsetTop-r.tocScrollOffset)}}}}),PX=_a({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var a=n.duration,o=n.offset,i=location.hash?d(location.href):location.href;l();function l(){document.body.addEventListener("click",h,!1);function h(m){!c(m.target)||m.target.className.indexOf("no-smooth-scroll")>-1||m.target.href.charAt(m.target.href.length-2)==="#"&&m.target.href.charAt(m.target.href.length-1)==="!"||m.target.className.indexOf(n.linkClass)===-1||r(m.target.hash,{duration:a,offset:o,callback:function(){p(m.target.hash)}})}}function c(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function p(h){var m=document.getElementById(h.substring(1));m&&(/^(?:a|select|input|button|textarea)$/i.test(m.tagName)||(m.tabIndex=-1),m.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||v},l=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),c=typeof n=="string"?i.offset+(n?l&&l.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(c):i.duration,p,h;requestAnimationFrame(function(g){p=g,m(g)});function m(g){h=g-p,window.scrollTo(0,i.easing(h,o,c,d)),h<d?requestAnimationFrame(m):f()}function f(){window.scrollTo(0,o+c),typeof i.callback=="function"&&i.callback()}function v(g,b,C,w){return g/=w/2,g<1?C/2*g*g+b:(g--,-C/2*(g*(g-2)-1)+b)}}}}),NX=_a({"../../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=OX(),a={},o={},i=LX(),l=MX(),c=BX(),d,p,h=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!h)return;var m,f=Object.prototype.hasOwnProperty;function v(){for(var w={},x=0;x<arguments.length;x++){var E=arguments[x];for(var D in E)f.call(E,D)&&(w[D]=E[D])}return w}function g(w,x,E){x||(x=250);var D,S;return function(){var k=this,_=+new Date,F=arguments;D&&_<D+x?(clearTimeout(S),S=setTimeout(function(){D=_,w.apply(k,F)},x)):(D=_,w.apply(k,F))}}function b(w){try{return w.contentElement||document.querySelector(w.contentSelector)}catch{return console.warn("Contents element not found: "+w.contentSelector),null}}function C(w){try{return w.tocElement||document.querySelector(w.tocSelector)}catch{return console.warn("TOC element not found: "+w.tocSelector),null}}return o.destroy=function(){var w=C(a);w!==null&&(a.skipRendering||w&&(w.innerHTML=""),a.scrollContainer&&document.querySelector(a.scrollContainer)?(document.querySelector(a.scrollContainer).removeEventListener("scroll",this._scrollListener,!1),document.querySelector(a.scrollContainer).removeEventListener("resize",this._scrollListener,!1),d&&document.querySelector(a.scrollContainer).removeEventListener("click",this._clickListener,!1)):(document.removeEventListener("scroll",this._scrollListener,!1),document.removeEventListener("resize",this._scrollListener,!1),d&&document.removeEventListener("click",this._clickListener,!1)))},o.init=function(w){if(h){a=v(n,w||{}),this.options=a,this.state={},a.scrollSmooth&&(a.duration=a.scrollSmoothDuration,a.offset=a.scrollSmoothOffset,o.scrollSmooth=PX().initSmoothScrolling(a)),d=i(a),p=l(a),this._buildHtml=d,this._parseContent=p,this._headingsArray=m,o.destroy();var x=b(a);if(x!==null){var E=C(a);if(E!==null&&(m=p.selectHeadings(x,a.headingSelector),m!==null)){var D=p.nestHeadingsArray(m),S=D.nest;if(!a.skipRendering)d.render(E,S);else return this;this._scrollListener=g(function(_){d.updateToc(m),!a.disableTocScrollSync&&c(a);var F=_&&_.target&&_.target.scrollingElement&&_.target.scrollingElement.scrollTop===0;(_&&(_.eventPhase===0||_.currentTarget===null)||F)&&(d.updateToc(m),a.scrollEndCallback&&a.scrollEndCallback(_))},a.throttleTimeout),this._scrollListener(),a.scrollContainer&&document.querySelector(a.scrollContainer)?(document.querySelector(a.scrollContainer).addEventListener("scroll",this._scrollListener,!1),document.querySelector(a.scrollContainer).addEventListener("resize",this._scrollListener,!1)):(document.addEventListener("scroll",this._scrollListener,!1),document.addEventListener("resize",this._scrollListener,!1));var k=null;return this._clickListener=g(function(_){a.scrollSmooth&&d.disableTocAnimation(_),d.updateToc(m),k&&clearTimeout(k),k=setTimeout(function(){d.enableTocAnimation()},a.scrollSmoothDuration)},a.throttleTimeout),a.scrollContainer&&document.querySelector(a.scrollContainer)?document.querySelector(a.scrollContainer).addEventListener("click",this._clickListener,!1):document.addEventListener("click",this._clickListener,!1),this}}}},o.refresh=function(w){o.destroy(),o.init(w||this.options)},r.tocbot=o,o})}}),HX=A.div(ce,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:ie(.3,e.color.defaultText),fontSize:e.typography.size.s2})),UD=e=>y.createElement(HX,{...e,className:"docblock-emptyblock sb-unstyled"}),jX=A(rh)(({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"}})),VX=A.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"})),ol=A.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${dd}`]:{margin:0}})),UX=()=>y.createElement(VX,null,y.createElement(ol,null),y.createElement(ol,{style:{width:"80%"}}),y.createElement(ol,{style:{width:"30%"}}),y.createElement(ol,{style:{width:"80%"}})),qD=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:l}=N4();if(e)return y.createElement(UX,null);if(t)return y.createElement(UD,null,t);let c=y.createElement(jX,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return c;let d=a?cd.dark:cd.light;return y.createElement(H4,{theme:ud({...d,fontCode:l.fonts.mono,fontBase:l.fonts.base})},c)},fe=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,Bh=600,qX=A.h1(ce,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${Bh}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),WX=A.h2(ce,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Bh}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:ie(.25,e.color.defaultText)})),GX=A.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"?ie(.1,e.color.defaultText):ie(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[fe("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[fe("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[fe("div")]:t,[fe("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[fe("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[fe("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[fe("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[fe("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[fe("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[fe("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[fe("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[fe("img")]:{maxWidth:"100%"},[fe("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[fe("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[fe("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[fe("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[fe("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[fe("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[fe("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),KX=A.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${Bh}px)`]:{}})),YX=({children:e,toc:t})=>y.createElement(KX,{className:"sbdocs sbdocs-wrapper"},y.createElement(GX,{className:"sbdocs sbdocs-content"},e),t),Ic=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}`}),JX=A(dh)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),ZX=A.div({display:"flex",alignItems:"center",gap:4}),XX=A.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`})),QX=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(JX,{...o},y.createElement(ZX,{key:"left"},e?[1,2,3].map(i=>y.createElement(XX,{key:i})):y.createElement(y.Fragment,null,y.createElement(fn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(XL,null)),y.createElement(fn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(QL,null)),y.createElement(fn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(eM,null))))),WD=s.createContext({scale:1}),{window:eQ}=at,tQ=class extends s.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=eQ.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return y.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},{PREVIEW_URL:rQ}=at,nQ=rQ||"iframe.html",Jp=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,aQ=e=>{let t=s.useRef(),[r,n]=s.useState(!0),[a,o]=s.useState(),{story:i,height:l,autoplay:c,forceInitialArgs:d,renderStoryToElement:p}=e;return s.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,m=p(i,h,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:c,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>m())}},[c,p,i]),a?y.createElement("pre",null,y.createElement(Qz,{error:a})):y.createElement(y.Fragment,null,l?y.createElement("style",null,`#${Jp(e)} { min-height: ${l}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(GD,null),y.createElement("div",{ref:t,id:`${Jp(e)}-inner`,"data-name":i.name}))},oQ=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(WD.Consumer,null,({scale:r})=>y.createElement(tQ,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:pL(nQ,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),iQ=A.strong(({theme:e})=>({color:e.color.orange})),lQ=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(iQ,null,"This story mounts inside of play. Set"," ",y.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):y.createElement("div",{id:Jp(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(aQ,{...e}):y.createElement(oQ,{...e}))},GD=()=>y.createElement(dL,null),sQ=A.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)`}}:{}),Yb=A(qD)(({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)":Bt(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Bt(.05,e.background.content)}})),cQ=A.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Ic(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),uQ=(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:y.createElement(Yb,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(Yb,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function dQ(e){if(s.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var pQ=A(QX)({position:"absolute",top:0,left:0,right:0,height:40}),fQ=A.div({overflow:"hidden",position:"relative"}),KD=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:l,className:c,layout:d="padded",...p})=>{let[h,m]=s.useState(i),{source:f,actionItem:v}=uQ(a,h,m),[g,b]=s.useState(1),C=[c].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),w=a?[v]:[],[x,E]=s.useState(l?[...l]:[]),D=[...w,...x],{window:S}=at,k=s.useCallback(async F=>{let{createCopyToClipboardFunction:T}=await s4(async()=>{const{createCopyToClipboardFunction:R}=await import("./index-BrCAgVdx.js");return{createCopyToClipboardFunction:R}},__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);T()},[]),_=F=>{let T=S.getSelection();T&&T.type==="Range"||(F.preventDefault(),x.filter(R=>R.title==="Copied").length===0&&k(f.props.code).then(()=>{E([...x,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>E(x.filter(R=>R.title!=="Copied")),1500)}))};return y.createElement(cQ,{withSource:a,withToolbar:o,...p,className:C.join(" ")},o&&y.createElement(pQ,{isLoading:e,border:!0,zoom:F=>b(g*F),resetZoom:()=>b(1),storyId:dQ(n),baseUrl:"./iframe.html"}),y.createElement(WD.Provider,{value:{scale:g}},y.createElement(fQ,{className:"docs-story",onCopyCapture:a&&_},y.createElement(sQ,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(Uz.Element,{scale:g},Array.isArray(n)?n.map((F,T)=>y.createElement("div",{key:T},F)):y.createElement("div",null,n))),y.createElement($f,{actionItems:D}))),a&&h&&f)};A(KD)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var hQ=A.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:Hr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),mQ=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:y.createElement(y.Fragment,null,y.createElement(hQ,null,y.createElement("tbody",null,n&&y.createElement("tr",{key:"deprecated"},y.createElement("td",{colSpan:2},y.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>y.createElement("tr",{key:o.name},y.createElement("td",null,y.createElement("code",null,o.name)),y.createElement("td",null,o.description))),a&&y.createElement("tr",{key:"returns"},y.createElement("td",null,y.createElement("code",null,"Returns")),y.createElement("td",null,e.returns.description)))))},Zp=8,Jb=A.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),gQ=A.span(Hr,({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}})),vQ=A.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),yQ=A.div(Hr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),bQ=A.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"}})),wQ=A(cM)({marginLeft:4}),EQ=A(zC)({marginLeft:4}),xQ=()=>y.createElement("span",null,"-"),YD=({text:e,simple:t})=>y.createElement(gQ,{simple:t},e),CQ=ID(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),DQ=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return kG(t)},Zb=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,Zp)),r.map(n=>y.createElement(YD,{key:n,text:n===""?'""':n}))},SQ=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=s.useState(!1),[i,l]=s.useState(t||!1);if(r==null)return null;let c=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(c))return y.createElement(YD,{text:c});let d=DQ(c),p=d.length;return p>Zp?y.createElement(Jb,{isExpanded:i},Zb(d,i),y.createElement(vQ,{onClick:()=>l(!i)},i?"Show less...":`Show ${p-Zp} more...`)):y.createElement(Jb,null,Zb(d))}return y.createElement(SO,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(bQ,{width:CQ(n)},y.createElement(rh,{language:"jsx",format:!1},n))},y.createElement(yQ,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(wQ,null):y.createElement(EQ,null)))},nd=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(xQ,null):y.createElement(SQ,{value:e,initialExpandedArgs:t}),kQ=A.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:ie(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${rl(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${rl(.05,e.appBorderColor)} 0 0 0 2px inset`,color:rl(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"?`${rl(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),_Q=e=>e==="true",AQ=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{var p;let i=s.useCallback(()=>r(!1),[r]),l=!!((p=o==null?void 0:o.table)!=null&&p.readonly);if(t===void 0)return y.createElement(Fn,{variant:"outline",size:"medium",id:ks(e),onClick:i,disabled:l},"Set boolean");let c=Dt(e),d=typeof t=="string"?_Q(t):t;return y.createElement(kQ,{"aria-disabled":l,htmlFor:c,"aria-label":e},y.createElement("input",{id:c,type:"checkbox",onChange:h=>r(h.target.checked),checked:d,role:"switch",disabled:l,name:e,onBlur:n,onFocus:a}),y.createElement("span",{"aria-hidden":"true"},"False"),y.createElement("span",{"aria-hidden":"true"},"True"))},FQ=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},IQ=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},TQ=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),a=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${a}`},RQ=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},Xb=A(Ai.Input)(({readOnly:e})=>({opacity:e?.5:1})),$Q=A.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}})),zQ=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{var v;let[i,l]=s.useState(!0),c=s.useRef(),d=s.useRef(),p=!!((v=o==null?void 0:o.table)!=null&&v.readonly);s.useEffect(()=>{i!==!1&&(c&&c.current&&(c.current.value=t?TQ(t):""),d&&d.current&&(d.current.value=t?RQ(t):""))},[t]);let h=g=>{if(!g.target.value)return r();let b=FQ(g.target.value),C=new Date(t);C.setFullYear(b.getFullYear(),b.getMonth(),b.getDate());let w=C.getTime();w&&r(w),l(!!w)},m=g=>{if(!g.target.value)return r();let b=IQ(g.target.value),C=new Date(t);C.setHours(b.getHours()),C.setMinutes(b.getMinutes());let w=C.getTime();w&&r(w),l(!!w)},f=Dt(e);return y.createElement($Q,null,y.createElement(Xb,{type:"date",max:"9999-12-31",ref:c,id:`${f}-date`,name:`${f}-date`,readOnly:p,onChange:h,onFocus:n,onBlur:a}),y.createElement(Xb,{type:"time",id:`${f}-time`,name:`${f}-time`,ref:d,onChange:m,readOnly:p,onFocus:n,onBlur:a}),i?null:y.createElement("div",null,"invalid"))},OQ=A.label({display:"flex"}),LQ=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},MQ=A(Ai.Input)(({readOnly:e})=>({opacity:e?.5:1})),BQ=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:l,argType:c})=>{var x;let[d,p]=s.useState(typeof t=="number"?t:""),[h,m]=s.useState(!1),[f,v]=s.useState(null),g=!!((x=c==null?void 0:c.table)!=null&&x.readonly),b=s.useCallback(E=>{p(E.target.value);let D=parseFloat(E.target.value);Number.isNaN(D)?v(new Error(`'${E.target.value}' is not a number`)):(r(D),v(null))},[r,v]),C=s.useCallback(()=>{p("0"),r(0),m(!0)},[m]),w=s.useRef(null);return s.useEffect(()=>{h&&w.current&&w.current.select()},[h]),s.useEffect(()=>{d!==(typeof t=="number"?t:"")&&p(t)},[t]),t===void 0?y.createElement(Fn,{variant:"outline",size:"medium",id:ks(e),onClick:C,disabled:g},"Set number"):y.createElement(OQ,null,y.createElement(MQ,{ref:w,id:Dt(e),type:"number",onChange:b,size:"flex",placeholder:"Edit number...",value:d,valid:f?"error":null,autoFocus:h,readOnly:g,name:e,min:n,max:a,step:o,onFocus:l,onBlur:i}))},JD=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},Xp=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],ZD=(e,t)=>e&&t&&e.map(r=>t[r]),PQ=A.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"}}}),NQ=A.span({"[aria-readonly=true] &":{opacity:.5}}),HQ=A.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Qb=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var m;if(!t)return Mh.warn(`Checkbox with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=Xp(r,t),[l,c]=s.useState(i),d=!!((m=o==null?void 0:o.table)!=null&&m.readonly),p=f=>{let v=f.target.value,g=[...l];g.includes(v)?g.splice(g.indexOf(v),1):g.push(v),n(ZD(g,t)),c(g)};s.useEffect(()=>{c(Xp(r,t))},[r]);let h=Dt(e);return y.createElement(PQ,{"aria-readonly":d,isInline:a},Object.keys(t).map((f,v)=>{let g=`${h}-${v}`;return y.createElement(HQ,{key:g,htmlFor:g},y.createElement("input",{type:"checkbox",disabled:d,id:g,name:g,value:f,onChange:p,checked:l==null?void 0:l.includes(f)}),y.createElement(NQ,null,f))}))},jQ=A.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"}}}),VQ=A.span({"[aria-readonly=true] &":{opacity:.5}}),UQ=A.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),e4=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var d;if(!t)return Mh.warn(`Radio with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=JD(r,t),l=Dt(e),c=!!((d=o==null?void 0:o.table)!=null&&d.readonly);return y.createElement(jQ,{"aria-readonly":c,isInline:a},Object.keys(t).map((p,h)=>{let m=`${l}-${h}`;return y.createElement(UQ,{key:m,htmlFor:m},y.createElement("input",{type:"radio",id:m,name:l,disabled:c,value:p,onChange:f=>n(t[f.currentTarget.value]),checked:p===i}),y.createElement(VQ,null,p))}))},qQ={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},XD=A.select(qQ,({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}}})),QD=A.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}}})),t4="Choose option...",WQ=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{n(r[p.currentTarget.value])},i=JD(t,r)||t4,l=Dt(e),c=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(QD,null,y.createElement(zC,null),y.createElement(XD,{disabled:c,id:l,value:i,onChange:o},y.createElement("option",{key:"no-selection",disabled:!0},t4),Object.keys(r).map(p=>y.createElement("option",{key:p,value:p},p))))},GQ=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{let h=Array.from(p.currentTarget.options).filter(m=>m.selected).map(m=>m.value);n(ZD(h,r))},i=Xp(t,r),l=Dt(e),c=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(QD,null,y.createElement(XD,{disabled:c,id:l,multiple:!0,value:i,onChange:o},Object.keys(r).map(p=>y.createElement("option",{key:p,value:p},p))))},r4=e=>{let{name:t,options:r}=e;return r?e.isMulti?y.createElement(GQ,{...e}):y.createElement(WQ,{...e}):(Mh.warn(`Select with no options: ${t}`),y.createElement(y.Fragment,null,"-"))},KQ=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,YQ={check:Qb,"inline-check":Qb,radio:e4,"inline-radio":e4,select:r4,"multi-select":r4},Vn=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?KQ(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=YQ[t];if(o)return y.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},Ph="value",JQ="key",ZQ="Error",XQ="Object",QQ="Array",eee="String",tee="Number",ree="Boolean",nee="Date",aee="Null",oee="Undefined",iee="Function",lee="Symbol",e9="ADD_DELTA_TYPE",t9="REMOVE_DELTA_TYPE",r9="UPDATE_DELTA_TYPE";function cn(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 n9(e,t){let r=cn(e),n=cn(t);return(r==="Function"||n==="Function")&&n!==r}var Nh=class extends s.Component{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:a}=this.props,{inputRefKey:o,inputRefValue:i}=this.state,l={};if(!t){if(!o.value)return;l.key=o.value}l.newValue=r(!1,n,a,l.key,i.value),e(l)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:a,keyPath:o,deep:i}=this.props,l=s.cloneElement(r,{onClick:this.onSubmit}),c=s.cloneElement(n,{onClick:e}),d=a(Ph,o,i),p=s.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let m=a(JQ,o,i);h=s.cloneElement(m,{placeholder:"Key",ref:this.refInputKey})}return y.createElement("span",{className:"rejt-add-value-node"},h,p,c,l)}};Nh.defaultProps={onlyValue:!1,addButtonElement:y.createElement("button",null,"+"),cancelButtonElement:y.createElement("button",null,"c")};var a9=class extends s.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:t9};n.splice(e,1),this.setState({data:n});let{onUpdate:c,onDeltaUpdate:d}=this.props;c(a[a.length-1],n),d(l)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:o}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:c}=this.props;l(r[r.length-1],i),c({type:e9,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(o.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,c=o[e];a(e,i,l,c,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:r9,keyPath:i,deep:l,key:e,newValue:t,oldValue:c}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:l,minusMenuElement:c}=this.props,{minus:d,collapsed:p}=i(e,t,r,n,l),h=o(e,t,r,n,l),m=s.cloneElement(c,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:c,readOnly:d,getStyle:p,dataType:h,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:F,delimiter:T,ul:R,addForm:O}=p(e,t,r,n,h),z=d(e,t,r,n,h),M=s.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),L=s.cloneElement(C,{onClick:l,className:"rejt-minus-menu",style:_});return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"["),!a&&M,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},t.map((B,j)=>y.createElement(Tc,{key:j,name:j.toString(),data:B,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(j),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:c,readOnly:d,getStyle:p,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}))),!z&&a&&y.createElement("div",{className:"rejt-add-form",style:O},y.createElement(Nh,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:m,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"]"),!z&&L)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),c=i(e,r,n,a,o);return y.createElement("div",{className:"rejt-array-node"},y.createElement("span",{onClick:this.handleCollapseMode},y.createElement("span",{className:"rejt-name",style:c.name},e," :"," ")),l)}};a9.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var o9=class extends s.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,c=i(r,n,a,o,l);e&&!c&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let c=n(!0,a,l,i,o.value);e({value:c,key:i}).then(()=>{n9(t,c)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:c,getStyle:d,editButtonElement:p,cancelButtonElement:h,textareaElementGenerator:m,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,c),b=null,C=null,w=l(e,i,n,a,c);if(r&&!w){let x=m(Ph,v,a,e,i,c),E=s.cloneElement(p,{onClick:this.handleEdit}),D=s.cloneElement(h,{onClick:this.handleCancelEdit}),S=s.cloneElement(x,{ref:this.refInput,defaultValue:i});b=y.createElement("span",{className:"rejt-edit-form",style:g.editForm},S," ",D,E),C=null}else{b=y.createElement("span",{className:"rejt-value",style:g.value,onClick:w?null:this.handleEditMode},t);let x=s.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});C=w?null:x}return y.createElement("li",{className:"rejt-function-value-node",style:g.li},y.createElement("span",{className:"rejt-name",style:g.name},e," :"," "),b,C)}};o9.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};var Tc=class extends s.Component{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:a,handleRemove:o,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:c,readOnly:d,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S}=this.props,k=()=>!0,_=cn(e);switch(_){case ZQ:return y.createElement(Qp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:c,readOnly:k,dataType:_,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case XQ:return y.createElement(Qp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:c,readOnly:d,dataType:_,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case QQ:return y.createElement(a9,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:c,readOnly:d,dataType:_,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case eee:return y.createElement(Dr,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case tee:return y.createElement(Dr,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case ree:return y.createElement(Dr,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case nee:return y.createElement(Dr,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case aee:return y.createElement(Dr,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case oee:return y.createElement(Dr,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case iee:return y.createElement(o9,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,textareaElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case lee:return y.createElement(Dr,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});default:return null}}};Tc.defaultProps={keyPath:[],deep:0};var Qp=class extends s.Component{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:a}=this.state,{beforeAddAction:o,logger:i}=this.props;o(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:c}=this.props;l(n[n.length-1],r),c({type:e9,keyPath:n,deep:a,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:t9};delete n[e],this.setState({data:n});let{onUpdate:c,onDeltaUpdate:d}=this.props;c(a[a.length-1],n),d(l)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,c=o[e];a(e,i,l,c,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:r9,keyPath:i,deep:l,key:e,newValue:t,oldValue:c}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:l,minusMenuElement:c}=this.props,{minus:d,collapsed:p}=l(e,n,t,r,i),h=Object.getOwnPropertyNames(n),m=o(e,n,t,r,i),f=s.cloneElement(c,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!m&&f)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:c,readOnly:d,getStyle:p,dataType:h,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:F,addForm:T,ul:R,delimiter:O}=p(e,t,r,n,h),z=Object.getOwnPropertyNames(t),M=d(e,t,r,n,h),L=s.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),B=s.cloneElement(C,{onClick:l,className:"rejt-minus-menu",style:_}),j=z.map(G=>y.createElement(Tc,{key:G,name:G,data:t[G],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(G),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:c,readOnly:d,getStyle:p,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}));return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"{"),!M&&L,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},j),!M&&o&&y.createElement("div",{className:"rejt-add-form",style:T},y.createElement(Nh,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:m,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"}"),!M&&B)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),c=o(e,r,n,a,i);return y.createElement("div",{className:"rejt-object-node"},y.createElement("span",{onClick:this.handleCollapseMode},y.createElement("span",{className:"rejt-name",style:c.name},e," :"," ")),l)}};Qp.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var Dr=class extends s.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,c=i(r,n,a,o,l);e&&!c&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let c=n(!0,a,l,i,o.value);e({value:c,key:i}).then(()=>{n9(t,c)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:c,getStyle:d,editButtonElement:p,cancelButtonElement:h,inputElementGenerator:m,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,c),b=l(e,i,n,a,c),C=r&&!b,w=m(Ph,v,a,e,i,c),x=s.cloneElement(p,{onClick:this.handleEdit}),E=s.cloneElement(h,{onClick:this.handleCancelEdit}),D=s.cloneElement(w,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=s.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});return y.createElement("li",{className:"rejt-value-node",style:g.li},y.createElement("span",{className:"rejt-name",style:g.name},e," : "),C?y.createElement("span",{className:"rejt-edit-form",style:g.editForm},D," ",E,x):y.createElement("span",{className:"rejt-value",style:g.value,onClick:b?null:this.handleEditMode},String(t)),!b&&!C&&S)}};Dr.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};var see={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},cee={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},uee={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function dee(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var i9=class extends s.Component{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:a,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:c,inputElement:d,textareaElement:p,minusMenuElement:h,plusMenuElement:m,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:b,onSubmitValueParser:C,fallback:w=null}=this.props,x=cn(e),E=a;cn(a)==="Boolean"&&(E=()=>a);let D=d;d&&cn(d)!=="Function"&&(D=()=>d);let S=p;return p&&cn(p)!=="Function"&&(S=()=>p),x==="Object"||x==="Array"?y.createElement("div",{className:"rejt-tree"},y.createElement(Tc,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:E,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:c,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:m,handleRemove:this.removeRoot,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:b,onSubmitValueParser:C})):w}};i9.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return see;case"Array":return cee;default:return uee}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>dee(a),inputElement:()=>y.createElement("input",null),textareaElement:()=>y.createElement("textarea",null),fallback:null};var{window:pee}=at,fee=A.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}})),ad=A.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})),hee=A(aM)(({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}})),mee=A(oM)(({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}})),n4=A.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}`}})),gee=A(fn)(({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}})),vee=A(Ai.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"}})),yee={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},bee=e=>{e.currentTarget.dispatchEvent(new pee.KeyboardEvent("keydown",yee))},wee=e=>{e.currentTarget.select()},Eee=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),a4=({name:e,value:t,onChange:r,argType:n})=>{var x;let a=N4(),o=s.useMemo(()=>t&&dJ(t),[t]),i=o!=null,[l,c]=s.useState(!i),[d,p]=s.useState(null),h=!!((x=n==null?void 0:n.table)!=null&&x.readonly),m=s.useCallback(E=>{try{E&&r(JSON.parse(E)),p(void 0)}catch(D){p(D)}},[r]),[f,v]=s.useState(!1),g=s.useCallback(()=>{r({}),v(!0)},[v]),b=s.useRef(null);if(s.useEffect(()=>{f&&b.current&&b.current.select()},[f]),!i)return y.createElement(Fn,{disabled:h,id:ks(e),onClick:g},"Set object");let C=y.createElement(vee,{ref:b,id:Dt(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:E=>m(E.target.value),placeholder:"Edit JSON string...",autoFocus:f,valid:d?"error":null,readOnly:h}),w=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return y.createElement(fee,{"aria-readonly":h},w&&y.createElement(gee,{onClick:E=>{E.preventDefault(),c(D=>!D)}},l?y.createElement(rM,null):y.createElement(tM,null),y.createElement("span",null,"RAW")),l?C:y.createElement(i9,{readOnly:h||!w,isCollapsed:w?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:Eee(a),cancelButtonElement:y.createElement(ad,{type:"button"},"Cancel"),editButtonElement:y.createElement(ad,{type:"submit"},"Save"),addButtonElement:y.createElement(ad,{type:"submit",primary:!0},"Save"),plusMenuElement:y.createElement(hee,null),minusMenuElement:y.createElement(mee,null),inputElement:(E,D,S,k)=>k?y.createElement(n4,{onFocus:wee,onBlur:bee}):y.createElement(n4,null),fallback:C}))},xee=A.input(({theme:e,min:t,max:r,value:n,disabled:a})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right,
540
+ */const{global:at}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:IX,once:TX,logger:Mh}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:Wb,composeConfigs:vre,Preview:yre,DocsContext:bre}=__STORYBOOK_MODULE_PREVIEW_API__,{GLOBALS_UPDATED:Gb,STORY_ARGS_UPDATED:Kb,UPDATE_STORY_ARGS:RX,RESET_STORY_ARGS:$X,NAVIGATE_URL:zX}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var OX=_a({"../../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}}}),LX=_a({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,l=!0,c=" ";function d(E,D){var S=D.appendChild(h(E));if(E.children.length){var k=m(E.isCollapsed);E.children.forEach(function(_){d(_,k)}),S.appendChild(k)}}function p(E,D){var S=!1,k=m(S);if(D.forEach(function(_){d(_,k)}),i=E||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(k)}function h(E){var D=document.createElement("li"),S=document.createElement("a");return r.listItemClass&&D.setAttribute("class",r.listItemClass),r.onClick&&(S.onclick=r.onClick),r.includeTitleTags&&S.setAttribute("title",E.textContent),r.includeHtml&&E.childNodes.length?n.call(E.childNodes,function(k){S.appendChild(k.cloneNode(!0))}):S.textContent=E.textContent,S.setAttribute("href",r.basePath+"#"+E.id),S.setAttribute("class",r.linkClass+c+"node-name--"+E.nodeName+c+r.extraLinkClasses),D.appendChild(S),D}function m(E){var D=r.orderedList?"ol":"ul",S=document.createElement(D),k=r.listClass+c+r.extraListClasses;return E&&(k=k+c+r.collapsibleClass,k=k+c+r.isCollapsedClass),S.setAttribute("class",k),S}function f(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var E;E=document.querySelector(r.scrollContainer).scrollTop}else E=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),E>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=c+r.positionFixedClass):D.className=D.className.replace(c+r.positionFixedClass,"")}function v(E){var D=0;return E!==null&&(D=E.offsetTop,r.hasInnerContainers&&(D+=v(E.offsetParent))),D}function g(E,D){return E&&E.className!==D&&(E.className=D),E}function b(E){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&f();var S=E,k;if(l&&i!==null&&S.length>0){a.call(S,function(M,L){if(v(M)>D+r.headingsOffset+10){var B=L===0?L:L-1;return k=S[B],!0}else if(L===S.length-1)return k=S[S.length-1],!0});var _=i.querySelector("."+r.activeLinkClass),F=i.querySelector("."+r.linkClass+".node-name--"+k.nodeName+'[href="'+r.basePath+"#"+k.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(_===F)return;var T=i.querySelectorAll("."+r.linkClass);n.call(T,function(M){g(M,M.className.replace(c+r.activeLinkClass,""))});var R=i.querySelectorAll("."+r.listItemClass);n.call(R,function(M){g(M,M.className.replace(c+r.activeListItemClass,""))}),F&&F.className.indexOf(r.activeLinkClass)===-1&&(F.className+=c+r.activeLinkClass);var O=F&&F.parentNode;O&&O.className.indexOf(r.activeListItemClass)===-1&&(O.className+=c+r.activeListItemClass);var z=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(z,function(M){M.className.indexOf(r.isCollapsedClass)===-1&&(M.className+=c+r.isCollapsedClass)}),F&&F.nextSibling&&F.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&g(F.nextSibling,F.nextSibling.className.replace(c+r.isCollapsedClass,"")),C(F&&F.parentNode.parentNode)}}function C(E){return E&&E.className.indexOf(r.collapsibleClass)!==-1&&E.className.indexOf(r.isCollapsedClass)!==-1?(g(E,E.className.replace(c+r.isCollapsedClass,"")),C(E.parentNode.parentNode)):E}function w(E){var D=E.target||E.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(l=!1)}function x(){l=!0}return{enableTocAnimation:x,disableTocAnimation:w,render:p,updateToc:b}}}}),MX=_a({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(h){return h[h.length-1]}function o(h){return+h.nodeName.toUpperCase().replace("H","")}function i(h){try{return h instanceof window.HTMLElement||h instanceof window.parent.HTMLElement}catch{return h instanceof window.HTMLElement}}function l(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let m=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var f={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:m};return r.includeHtml&&(f.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(f,h):f}function c(h,m){for(var f=l(h),v=f.headingLevel,g=m,b=a(g),C=b?b.headingLevel:0,w=v-C;w>0&&(b=a(g),!(b&&v===b.headingLevel));)b&&b.children!==void 0&&(g=b.children),w--;return v>=r.collapseDepth&&(f.isCollapsed=!0),g.push(f),g}function d(h,m){var f=m;r.ignoreSelector&&(f=m.split(",").map(function(v){return v.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(f)}catch{return console.warn("Headers not found with selector: "+f),null}}function p(h){return n.call(h,function(m,f){var v=l(f);return v&&c(v,m.nest),m},{nest:[]})}return{nestHeadingsArray:p,selectHeadings:d}}}}),BX=_a({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var a=n.querySelector("."+r.activeListItemClass);a&&(n.scrollTop=a.offsetTop-r.tocScrollOffset)}}}}),PX=_a({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var a=n.duration,o=n.offset,i=location.hash?d(location.href):location.href;l();function l(){document.body.addEventListener("click",h,!1);function h(m){!c(m.target)||m.target.className.indexOf("no-smooth-scroll")>-1||m.target.href.charAt(m.target.href.length-2)==="#"&&m.target.href.charAt(m.target.href.length-1)==="!"||m.target.className.indexOf(n.linkClass)===-1||r(m.target.hash,{duration:a,offset:o,callback:function(){p(m.target.hash)}})}}function c(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function p(h){var m=document.getElementById(h.substring(1));m&&(/^(?:a|select|input|button|textarea)$/i.test(m.tagName)||(m.tabIndex=-1),m.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||v},l=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),c=typeof n=="string"?i.offset+(n?l&&l.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(c):i.duration,p,h;requestAnimationFrame(function(g){p=g,m(g)});function m(g){h=g-p,window.scrollTo(0,i.easing(h,o,c,d)),h<d?requestAnimationFrame(m):f()}function f(){window.scrollTo(0,o+c),typeof i.callback=="function"&&i.callback()}function v(g,b,C,w){return g/=w/2,g<1?C/2*g*g+b:(g--,-C/2*(g*(g-2)-1)+b)}}}}),NX=_a({"../../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=OX(),a={},o={},i=LX(),l=MX(),c=BX(),d,p,h=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!h)return;var m,f=Object.prototype.hasOwnProperty;function v(){for(var w={},x=0;x<arguments.length;x++){var E=arguments[x];for(var D in E)f.call(E,D)&&(w[D]=E[D])}return w}function g(w,x,E){x||(x=250);var D,S;return function(){var k=this,_=+new Date,F=arguments;D&&_<D+x?(clearTimeout(S),S=setTimeout(function(){D=_,w.apply(k,F)},x)):(D=_,w.apply(k,F))}}function b(w){try{return w.contentElement||document.querySelector(w.contentSelector)}catch{return console.warn("Contents element not found: "+w.contentSelector),null}}function C(w){try{return w.tocElement||document.querySelector(w.tocSelector)}catch{return console.warn("TOC element not found: "+w.tocSelector),null}}return o.destroy=function(){var w=C(a);w!==null&&(a.skipRendering||w&&(w.innerHTML=""),a.scrollContainer&&document.querySelector(a.scrollContainer)?(document.querySelector(a.scrollContainer).removeEventListener("scroll",this._scrollListener,!1),document.querySelector(a.scrollContainer).removeEventListener("resize",this._scrollListener,!1),d&&document.querySelector(a.scrollContainer).removeEventListener("click",this._clickListener,!1)):(document.removeEventListener("scroll",this._scrollListener,!1),document.removeEventListener("resize",this._scrollListener,!1),d&&document.removeEventListener("click",this._clickListener,!1)))},o.init=function(w){if(h){a=v(n,w||{}),this.options=a,this.state={},a.scrollSmooth&&(a.duration=a.scrollSmoothDuration,a.offset=a.scrollSmoothOffset,o.scrollSmooth=PX().initSmoothScrolling(a)),d=i(a),p=l(a),this._buildHtml=d,this._parseContent=p,this._headingsArray=m,o.destroy();var x=b(a);if(x!==null){var E=C(a);if(E!==null&&(m=p.selectHeadings(x,a.headingSelector),m!==null)){var D=p.nestHeadingsArray(m),S=D.nest;if(!a.skipRendering)d.render(E,S);else return this;this._scrollListener=g(function(_){d.updateToc(m),!a.disableTocScrollSync&&c(a);var F=_&&_.target&&_.target.scrollingElement&&_.target.scrollingElement.scrollTop===0;(_&&(_.eventPhase===0||_.currentTarget===null)||F)&&(d.updateToc(m),a.scrollEndCallback&&a.scrollEndCallback(_))},a.throttleTimeout),this._scrollListener(),a.scrollContainer&&document.querySelector(a.scrollContainer)?(document.querySelector(a.scrollContainer).addEventListener("scroll",this._scrollListener,!1),document.querySelector(a.scrollContainer).addEventListener("resize",this._scrollListener,!1)):(document.addEventListener("scroll",this._scrollListener,!1),document.addEventListener("resize",this._scrollListener,!1));var k=null;return this._clickListener=g(function(_){a.scrollSmooth&&d.disableTocAnimation(_),d.updateToc(m),k&&clearTimeout(k),k=setTimeout(function(){d.enableTocAnimation()},a.scrollSmoothDuration)},a.throttleTimeout),a.scrollContainer&&document.querySelector(a.scrollContainer)?document.querySelector(a.scrollContainer).addEventListener("click",this._clickListener,!1):document.addEventListener("click",this._clickListener,!1),this}}}},o.refresh=function(w){o.destroy(),o.init(w||this.options)},r.tocbot=o,o})}}),HX=A.div(ce,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:ie(.3,e.color.defaultText),fontSize:e.typography.size.s2})),UD=e=>y.createElement(HX,{...e,className:"docblock-emptyblock sb-unstyled"}),jX=A(rh)(({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"}})),VX=A.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"})),ol=A.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${dd}`]:{margin:0}})),UX=()=>y.createElement(VX,null,y.createElement(ol,null),y.createElement(ol,{style:{width:"80%"}}),y.createElement(ol,{style:{width:"30%"}}),y.createElement(ol,{style:{width:"80%"}})),qD=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:l}=N4();if(e)return y.createElement(UX,null);if(t)return y.createElement(UD,null,t);let c=y.createElement(jX,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return c;let d=a?cd.dark:cd.light;return y.createElement(H4,{theme:ud({...d,fontCode:l.fonts.mono,fontBase:l.fonts.base})},c)},fe=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,Bh=600,qX=A.h1(ce,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${Bh}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),WX=A.h2(ce,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Bh}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:ie(.25,e.color.defaultText)})),GX=A.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"?ie(.1,e.color.defaultText):ie(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[fe("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[fe("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[fe("div")]:t,[fe("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[fe("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[fe("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[fe("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[fe("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[fe("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[fe("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[fe("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[fe("img")]:{maxWidth:"100%"},[fe("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[fe("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[fe("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[fe("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[fe("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[fe("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[fe("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),KX=A.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${Bh}px)`]:{}})),YX=({children:e,toc:t})=>y.createElement(KX,{className:"sbdocs sbdocs-wrapper"},y.createElement(GX,{className:"sbdocs sbdocs-content"},e),t),Ic=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}`}),JX=A(dh)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),ZX=A.div({display:"flex",alignItems:"center",gap:4}),XX=A.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`})),QX=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(JX,{...o},y.createElement(ZX,{key:"left"},e?[1,2,3].map(i=>y.createElement(XX,{key:i})):y.createElement(y.Fragment,null,y.createElement(fn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(XL,null)),y.createElement(fn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(QL,null)),y.createElement(fn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(eM,null))))),WD=s.createContext({scale:1}),{window:eQ}=at,tQ=class extends s.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=eQ.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return y.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},{PREVIEW_URL:rQ}=at,nQ=rQ||"iframe.html",Jp=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,aQ=e=>{let t=s.useRef(),[r,n]=s.useState(!0),[a,o]=s.useState(),{story:i,height:l,autoplay:c,forceInitialArgs:d,renderStoryToElement:p}=e;return s.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,m=p(i,h,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:c,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>m())}},[c,p,i]),a?y.createElement("pre",null,y.createElement(Qz,{error:a})):y.createElement(y.Fragment,null,l?y.createElement("style",null,`#${Jp(e)} { min-height: ${l}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(GD,null),y.createElement("div",{ref:t,id:`${Jp(e)}-inner`,"data-name":i.name}))},oQ=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(WD.Consumer,null,({scale:r})=>y.createElement(tQ,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:pL(nQ,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),iQ=A.strong(({theme:e})=>({color:e.color.orange})),lQ=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(iQ,null,"This story mounts inside of play. Set"," ",y.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):y.createElement("div",{id:Jp(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(aQ,{...e}):y.createElement(oQ,{...e}))},GD=()=>y.createElement(dL,null),sQ=A.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)`}}:{}),Yb=A(qD)(({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)":Bt(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Bt(.05,e.background.content)}})),cQ=A.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Ic(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),uQ=(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:y.createElement(Yb,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(Yb,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function dQ(e){if(s.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var pQ=A(QX)({position:"absolute",top:0,left:0,right:0,height:40}),fQ=A.div({overflow:"hidden",position:"relative"}),KD=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:l,className:c,layout:d="padded",...p})=>{let[h,m]=s.useState(i),{source:f,actionItem:v}=uQ(a,h,m),[g,b]=s.useState(1),C=[c].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),w=a?[v]:[],[x,E]=s.useState(l?[...l]:[]),D=[...w,...x],{window:S}=at,k=s.useCallback(async F=>{let{createCopyToClipboardFunction:T}=await s4(async()=>{const{createCopyToClipboardFunction:R}=await import("./index-CXmS_Aty.js");return{createCopyToClipboardFunction:R}},__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);T()},[]),_=F=>{let T=S.getSelection();T&&T.type==="Range"||(F.preventDefault(),x.filter(R=>R.title==="Copied").length===0&&k(f.props.code).then(()=>{E([...x,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>E(x.filter(R=>R.title!=="Copied")),1500)}))};return y.createElement(cQ,{withSource:a,withToolbar:o,...p,className:C.join(" ")},o&&y.createElement(pQ,{isLoading:e,border:!0,zoom:F=>b(g*F),resetZoom:()=>b(1),storyId:dQ(n),baseUrl:"./iframe.html"}),y.createElement(WD.Provider,{value:{scale:g}},y.createElement(fQ,{className:"docs-story",onCopyCapture:a&&_},y.createElement(sQ,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(Uz.Element,{scale:g},Array.isArray(n)?n.map((F,T)=>y.createElement("div",{key:T},F)):y.createElement("div",null,n))),y.createElement($f,{actionItems:D}))),a&&h&&f)};A(KD)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var hQ=A.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:Hr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),mQ=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:y.createElement(y.Fragment,null,y.createElement(hQ,null,y.createElement("tbody",null,n&&y.createElement("tr",{key:"deprecated"},y.createElement("td",{colSpan:2},y.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>y.createElement("tr",{key:o.name},y.createElement("td",null,y.createElement("code",null,o.name)),y.createElement("td",null,o.description))),a&&y.createElement("tr",{key:"returns"},y.createElement("td",null,y.createElement("code",null,"Returns")),y.createElement("td",null,e.returns.description)))))},Zp=8,Jb=A.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),gQ=A.span(Hr,({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}})),vQ=A.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),yQ=A.div(Hr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),bQ=A.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"}})),wQ=A(cM)({marginLeft:4}),EQ=A(zC)({marginLeft:4}),xQ=()=>y.createElement("span",null,"-"),YD=({text:e,simple:t})=>y.createElement(gQ,{simple:t},e),CQ=ID(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),DQ=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return kG(t)},Zb=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,Zp)),r.map(n=>y.createElement(YD,{key:n,text:n===""?'""':n}))},SQ=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=s.useState(!1),[i,l]=s.useState(t||!1);if(r==null)return null;let c=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(c))return y.createElement(YD,{text:c});let d=DQ(c),p=d.length;return p>Zp?y.createElement(Jb,{isExpanded:i},Zb(d,i),y.createElement(vQ,{onClick:()=>l(!i)},i?"Show less...":`Show ${p-Zp} more...`)):y.createElement(Jb,null,Zb(d))}return y.createElement(SO,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(bQ,{width:CQ(n)},y.createElement(rh,{language:"jsx",format:!1},n))},y.createElement(yQ,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(wQ,null):y.createElement(EQ,null)))},nd=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(xQ,null):y.createElement(SQ,{value:e,initialExpandedArgs:t}),kQ=A.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:ie(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${rl(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${rl(.05,e.appBorderColor)} 0 0 0 2px inset`,color:rl(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"?`${rl(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),_Q=e=>e==="true",AQ=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{var p;let i=s.useCallback(()=>r(!1),[r]),l=!!((p=o==null?void 0:o.table)!=null&&p.readonly);if(t===void 0)return y.createElement(Fn,{variant:"outline",size:"medium",id:ks(e),onClick:i,disabled:l},"Set boolean");let c=Dt(e),d=typeof t=="string"?_Q(t):t;return y.createElement(kQ,{"aria-disabled":l,htmlFor:c,"aria-label":e},y.createElement("input",{id:c,type:"checkbox",onChange:h=>r(h.target.checked),checked:d,role:"switch",disabled:l,name:e,onBlur:n,onFocus:a}),y.createElement("span",{"aria-hidden":"true"},"False"),y.createElement("span",{"aria-hidden":"true"},"True"))},FQ=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},IQ=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},TQ=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),a=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${a}`},RQ=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},Xb=A(Ai.Input)(({readOnly:e})=>({opacity:e?.5:1})),$Q=A.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}})),zQ=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{var v;let[i,l]=s.useState(!0),c=s.useRef(),d=s.useRef(),p=!!((v=o==null?void 0:o.table)!=null&&v.readonly);s.useEffect(()=>{i!==!1&&(c&&c.current&&(c.current.value=t?TQ(t):""),d&&d.current&&(d.current.value=t?RQ(t):""))},[t]);let h=g=>{if(!g.target.value)return r();let b=FQ(g.target.value),C=new Date(t);C.setFullYear(b.getFullYear(),b.getMonth(),b.getDate());let w=C.getTime();w&&r(w),l(!!w)},m=g=>{if(!g.target.value)return r();let b=IQ(g.target.value),C=new Date(t);C.setHours(b.getHours()),C.setMinutes(b.getMinutes());let w=C.getTime();w&&r(w),l(!!w)},f=Dt(e);return y.createElement($Q,null,y.createElement(Xb,{type:"date",max:"9999-12-31",ref:c,id:`${f}-date`,name:`${f}-date`,readOnly:p,onChange:h,onFocus:n,onBlur:a}),y.createElement(Xb,{type:"time",id:`${f}-time`,name:`${f}-time`,ref:d,onChange:m,readOnly:p,onFocus:n,onBlur:a}),i?null:y.createElement("div",null,"invalid"))},OQ=A.label({display:"flex"}),LQ=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},MQ=A(Ai.Input)(({readOnly:e})=>({opacity:e?.5:1})),BQ=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:l,argType:c})=>{var x;let[d,p]=s.useState(typeof t=="number"?t:""),[h,m]=s.useState(!1),[f,v]=s.useState(null),g=!!((x=c==null?void 0:c.table)!=null&&x.readonly),b=s.useCallback(E=>{p(E.target.value);let D=parseFloat(E.target.value);Number.isNaN(D)?v(new Error(`'${E.target.value}' is not a number`)):(r(D),v(null))},[r,v]),C=s.useCallback(()=>{p("0"),r(0),m(!0)},[m]),w=s.useRef(null);return s.useEffect(()=>{h&&w.current&&w.current.select()},[h]),s.useEffect(()=>{d!==(typeof t=="number"?t:"")&&p(t)},[t]),t===void 0?y.createElement(Fn,{variant:"outline",size:"medium",id:ks(e),onClick:C,disabled:g},"Set number"):y.createElement(OQ,null,y.createElement(MQ,{ref:w,id:Dt(e),type:"number",onChange:b,size:"flex",placeholder:"Edit number...",value:d,valid:f?"error":null,autoFocus:h,readOnly:g,name:e,min:n,max:a,step:o,onFocus:l,onBlur:i}))},JD=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},Xp=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],ZD=(e,t)=>e&&t&&e.map(r=>t[r]),PQ=A.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"}}}),NQ=A.span({"[aria-readonly=true] &":{opacity:.5}}),HQ=A.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Qb=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var m;if(!t)return Mh.warn(`Checkbox with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=Xp(r,t),[l,c]=s.useState(i),d=!!((m=o==null?void 0:o.table)!=null&&m.readonly),p=f=>{let v=f.target.value,g=[...l];g.includes(v)?g.splice(g.indexOf(v),1):g.push(v),n(ZD(g,t)),c(g)};s.useEffect(()=>{c(Xp(r,t))},[r]);let h=Dt(e);return y.createElement(PQ,{"aria-readonly":d,isInline:a},Object.keys(t).map((f,v)=>{let g=`${h}-${v}`;return y.createElement(HQ,{key:g,htmlFor:g},y.createElement("input",{type:"checkbox",disabled:d,id:g,name:g,value:f,onChange:p,checked:l==null?void 0:l.includes(f)}),y.createElement(NQ,null,f))}))},jQ=A.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"}}}),VQ=A.span({"[aria-readonly=true] &":{opacity:.5}}),UQ=A.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),e4=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var d;if(!t)return Mh.warn(`Radio with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=JD(r,t),l=Dt(e),c=!!((d=o==null?void 0:o.table)!=null&&d.readonly);return y.createElement(jQ,{"aria-readonly":c,isInline:a},Object.keys(t).map((p,h)=>{let m=`${l}-${h}`;return y.createElement(UQ,{key:m,htmlFor:m},y.createElement("input",{type:"radio",id:m,name:l,disabled:c,value:p,onChange:f=>n(t[f.currentTarget.value]),checked:p===i}),y.createElement(VQ,null,p))}))},qQ={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},XD=A.select(qQ,({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}}})),QD=A.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}}})),t4="Choose option...",WQ=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{n(r[p.currentTarget.value])},i=JD(t,r)||t4,l=Dt(e),c=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(QD,null,y.createElement(zC,null),y.createElement(XD,{disabled:c,id:l,value:i,onChange:o},y.createElement("option",{key:"no-selection",disabled:!0},t4),Object.keys(r).map(p=>y.createElement("option",{key:p,value:p},p))))},GQ=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{let h=Array.from(p.currentTarget.options).filter(m=>m.selected).map(m=>m.value);n(ZD(h,r))},i=Xp(t,r),l=Dt(e),c=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(QD,null,y.createElement(XD,{disabled:c,id:l,multiple:!0,value:i,onChange:o},Object.keys(r).map(p=>y.createElement("option",{key:p,value:p},p))))},r4=e=>{let{name:t,options:r}=e;return r?e.isMulti?y.createElement(GQ,{...e}):y.createElement(WQ,{...e}):(Mh.warn(`Select with no options: ${t}`),y.createElement(y.Fragment,null,"-"))},KQ=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,YQ={check:Qb,"inline-check":Qb,radio:e4,"inline-radio":e4,select:r4,"multi-select":r4},Vn=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?KQ(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=YQ[t];if(o)return y.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},Ph="value",JQ="key",ZQ="Error",XQ="Object",QQ="Array",eee="String",tee="Number",ree="Boolean",nee="Date",aee="Null",oee="Undefined",iee="Function",lee="Symbol",e9="ADD_DELTA_TYPE",t9="REMOVE_DELTA_TYPE",r9="UPDATE_DELTA_TYPE";function cn(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 n9(e,t){let r=cn(e),n=cn(t);return(r==="Function"||n==="Function")&&n!==r}var Nh=class extends s.Component{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:a}=this.props,{inputRefKey:o,inputRefValue:i}=this.state,l={};if(!t){if(!o.value)return;l.key=o.value}l.newValue=r(!1,n,a,l.key,i.value),e(l)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:a,keyPath:o,deep:i}=this.props,l=s.cloneElement(r,{onClick:this.onSubmit}),c=s.cloneElement(n,{onClick:e}),d=a(Ph,o,i),p=s.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let m=a(JQ,o,i);h=s.cloneElement(m,{placeholder:"Key",ref:this.refInputKey})}return y.createElement("span",{className:"rejt-add-value-node"},h,p,c,l)}};Nh.defaultProps={onlyValue:!1,addButtonElement:y.createElement("button",null,"+"),cancelButtonElement:y.createElement("button",null,"c")};var a9=class extends s.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:t9};n.splice(e,1),this.setState({data:n});let{onUpdate:c,onDeltaUpdate:d}=this.props;c(a[a.length-1],n),d(l)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:o}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:c}=this.props;l(r[r.length-1],i),c({type:e9,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(o.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,c=o[e];a(e,i,l,c,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:r9,keyPath:i,deep:l,key:e,newValue:t,oldValue:c}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:l,minusMenuElement:c}=this.props,{minus:d,collapsed:p}=i(e,t,r,n,l),h=o(e,t,r,n,l),m=s.cloneElement(c,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:c,readOnly:d,getStyle:p,dataType:h,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:F,delimiter:T,ul:R,addForm:O}=p(e,t,r,n,h),z=d(e,t,r,n,h),M=s.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),L=s.cloneElement(C,{onClick:l,className:"rejt-minus-menu",style:_});return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"["),!a&&M,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},t.map((B,j)=>y.createElement(Tc,{key:j,name:j.toString(),data:B,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(j),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:c,readOnly:d,getStyle:p,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}))),!z&&a&&y.createElement("div",{className:"rejt-add-form",style:O},y.createElement(Nh,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:m,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"]"),!z&&L)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),c=i(e,r,n,a,o);return y.createElement("div",{className:"rejt-array-node"},y.createElement("span",{onClick:this.handleCollapseMode},y.createElement("span",{className:"rejt-name",style:c.name},e," :"," ")),l)}};a9.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var o9=class extends s.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,c=i(r,n,a,o,l);e&&!c&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let c=n(!0,a,l,i,o.value);e({value:c,key:i}).then(()=>{n9(t,c)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:c,getStyle:d,editButtonElement:p,cancelButtonElement:h,textareaElementGenerator:m,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,c),b=null,C=null,w=l(e,i,n,a,c);if(r&&!w){let x=m(Ph,v,a,e,i,c),E=s.cloneElement(p,{onClick:this.handleEdit}),D=s.cloneElement(h,{onClick:this.handleCancelEdit}),S=s.cloneElement(x,{ref:this.refInput,defaultValue:i});b=y.createElement("span",{className:"rejt-edit-form",style:g.editForm},S," ",D,E),C=null}else{b=y.createElement("span",{className:"rejt-value",style:g.value,onClick:w?null:this.handleEditMode},t);let x=s.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});C=w?null:x}return y.createElement("li",{className:"rejt-function-value-node",style:g.li},y.createElement("span",{className:"rejt-name",style:g.name},e," :"," "),b,C)}};o9.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};var Tc=class extends s.Component{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:a,handleRemove:o,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:c,readOnly:d,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S}=this.props,k=()=>!0,_=cn(e);switch(_){case ZQ:return y.createElement(Qp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:c,readOnly:k,dataType:_,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case XQ:return y.createElement(Qp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:c,readOnly:d,dataType:_,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case QQ:return y.createElement(a9,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:c,readOnly:d,dataType:_,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case eee:return y.createElement(Dr,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case tee:return y.createElement(Dr,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case ree:return y.createElement(Dr,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case nee:return y.createElement(Dr,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case aee:return y.createElement(Dr,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case oee:return y.createElement(Dr,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case iee:return y.createElement(o9,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,textareaElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case lee:return y.createElement(Dr,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});default:return null}}};Tc.defaultProps={keyPath:[],deep:0};var Qp=class extends s.Component{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:a}=this.state,{beforeAddAction:o,logger:i}=this.props;o(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:c}=this.props;l(n[n.length-1],r),c({type:e9,keyPath:n,deep:a,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:t9};delete n[e],this.setState({data:n});let{onUpdate:c,onDeltaUpdate:d}=this.props;c(a[a.length-1],n),d(l)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,c=o[e];a(e,i,l,c,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:r9,keyPath:i,deep:l,key:e,newValue:t,oldValue:c}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:l,minusMenuElement:c}=this.props,{minus:d,collapsed:p}=l(e,n,t,r,i),h=Object.getOwnPropertyNames(n),m=o(e,n,t,r,i),f=s.cloneElement(c,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!m&&f)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:c,readOnly:d,getStyle:p,dataType:h,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:F,addForm:T,ul:R,delimiter:O}=p(e,t,r,n,h),z=Object.getOwnPropertyNames(t),M=d(e,t,r,n,h),L=s.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),B=s.cloneElement(C,{onClick:l,className:"rejt-minus-menu",style:_}),j=z.map(G=>y.createElement(Tc,{key:G,name:G,data:t[G],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(G),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:c,readOnly:d,getStyle:p,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}));return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"{"),!M&&L,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},j),!M&&o&&y.createElement("div",{className:"rejt-add-form",style:T},y.createElement(Nh,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:m,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"}"),!M&&B)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),c=o(e,r,n,a,i);return y.createElement("div",{className:"rejt-object-node"},y.createElement("span",{onClick:this.handleCollapseMode},y.createElement("span",{className:"rejt-name",style:c.name},e," :"," ")),l)}};Qp.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var Dr=class extends s.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,c=i(r,n,a,o,l);e&&!c&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let c=n(!0,a,l,i,o.value);e({value:c,key:i}).then(()=>{n9(t,c)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:c,getStyle:d,editButtonElement:p,cancelButtonElement:h,inputElementGenerator:m,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,c),b=l(e,i,n,a,c),C=r&&!b,w=m(Ph,v,a,e,i,c),x=s.cloneElement(p,{onClick:this.handleEdit}),E=s.cloneElement(h,{onClick:this.handleCancelEdit}),D=s.cloneElement(w,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=s.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});return y.createElement("li",{className:"rejt-value-node",style:g.li},y.createElement("span",{className:"rejt-name",style:g.name},e," : "),C?y.createElement("span",{className:"rejt-edit-form",style:g.editForm},D," ",E,x):y.createElement("span",{className:"rejt-value",style:g.value,onClick:b?null:this.handleEditMode},String(t)),!b&&!C&&S)}};Dr.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};var see={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},cee={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},uee={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function dee(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var i9=class extends s.Component{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:a,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:c,inputElement:d,textareaElement:p,minusMenuElement:h,plusMenuElement:m,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:b,onSubmitValueParser:C,fallback:w=null}=this.props,x=cn(e),E=a;cn(a)==="Boolean"&&(E=()=>a);let D=d;d&&cn(d)!=="Function"&&(D=()=>d);let S=p;return p&&cn(p)!=="Function"&&(S=()=>p),x==="Object"||x==="Array"?y.createElement("div",{className:"rejt-tree"},y.createElement(Tc,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:E,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:c,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:m,handleRemove:this.removeRoot,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:b,onSubmitValueParser:C})):w}};i9.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return see;case"Array":return cee;default:return uee}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>dee(a),inputElement:()=>y.createElement("input",null),textareaElement:()=>y.createElement("textarea",null),fallback:null};var{window:pee}=at,fee=A.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}})),ad=A.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})),hee=A(aM)(({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}})),mee=A(oM)(({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}})),n4=A.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}`}})),gee=A(fn)(({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}})),vee=A(Ai.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"}})),yee={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},bee=e=>{e.currentTarget.dispatchEvent(new pee.KeyboardEvent("keydown",yee))},wee=e=>{e.currentTarget.select()},Eee=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),a4=({name:e,value:t,onChange:r,argType:n})=>{var x;let a=N4(),o=s.useMemo(()=>t&&dJ(t),[t]),i=o!=null,[l,c]=s.useState(!i),[d,p]=s.useState(null),h=!!((x=n==null?void 0:n.table)!=null&&x.readonly),m=s.useCallback(E=>{try{E&&r(JSON.parse(E)),p(void 0)}catch(D){p(D)}},[r]),[f,v]=s.useState(!1),g=s.useCallback(()=>{r({}),v(!0)},[v]),b=s.useRef(null);if(s.useEffect(()=>{f&&b.current&&b.current.select()},[f]),!i)return y.createElement(Fn,{disabled:h,id:ks(e),onClick:g},"Set object");let C=y.createElement(vee,{ref:b,id:Dt(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:E=>m(E.target.value),placeholder:"Edit JSON string...",autoFocus:f,valid:d?"error":null,readOnly:h}),w=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return y.createElement(fee,{"aria-readonly":h},w&&y.createElement(gee,{onClick:E=>{E.preventDefault(),c(D=>!D)}},l?y.createElement(rM,null):y.createElement(tM,null),y.createElement("span",null,"RAW")),l?C:y.createElement(i9,{readOnly:h||!w,isCollapsed:w?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:Eee(a),cancelButtonElement:y.createElement(ad,{type:"button"},"Cancel"),editButtonElement:y.createElement(ad,{type:"submit"},"Save"),addButtonElement:y.createElement(ad,{type:"submit",primary:!0},"Save"),plusMenuElement:y.createElement(hee,null),minusMenuElement:y.createElement(mee,null),inputElement:(E,D,S,k)=>k?y.createElement(n4,{onFocus:wee,onBlur:bee}):y.createElement(n4,null),fallback:C}))},xee=A.input(({theme:e,min:t,max:r,value:n,disabled:a})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right,
541
541
  ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
542
542
  ${Bt(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
543
543
  ${Bt(.02,e.input.background)} 100%)`:`linear-gradient(to right,
@@ -555,7 +555,7 @@ ${t}`);let r=t.match(Yz);if(!r)return y.createElement(s.Fragment,null,t);let[,n,
555
555
  ${Bt(.02,e.input.background)} 100%)`:`linear-gradient(to right,
556
556
  ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
557
557
  ${en(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
558
- ${en(.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 ${Nt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),l9=A.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Cee=A(l9)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Dee=A.div({display:"flex",alignItems:"center",width:"100%"});function See(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 kee=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:l,argType:c})=>{var f;let d=v=>{r(LQ(v.target.value))},p=t!==void 0,h=s.useMemo(()=>See(o),[o]),m=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return y.createElement(Dee,{"aria-readonly":m},y.createElement(l9,null,n),y.createElement(xee,{id:Dt(e),type:"range",disabled:m,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:l,onBlur:i}),y.createElement(Cee,{numberOFDecimalsPlaces:h,max:a},p?t.toFixed(h):"--"," / ",a))},_ee=A.label({display:"flex"}),Aee=A.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Fee=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let l=v=>{r(v.target.value)},c=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=s.useState(!1),h=s.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Fn,{variant:"outline",size:"medium",disabled:c,id:ks(e),onClick:h},"Set string");let m=typeof t=="string";return y.createElement(_ee,null,y.createElement(Ai.Textarea,{id:Dt(e),maxLength:o,onChange:l,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:m?null:"error",name:e,value:m?t:"",onFocus:n,onBlur:a}),o&&y.createElement(Aee,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},Iee=A(Ai.Input)({padding:10});function Tee(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Ree=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var c;let o=s.useRef(null),i=(c=a==null?void 0:a.control)==null?void 0:c.readOnly;function l(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(h=>URL.createObjectURL(h));e(p),Tee(n)}return s.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(Iee,{ref:o,id:Dt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:l,accept:r,size:"flex"})},$ee=s.lazy(()=>s4(()=>import("./Color-KGDBMAHA-fBkbFrxl.js"),__vite__mapDeps([8,2,7,1,3,4,5,6]),import.meta.url)),zee=e=>y.createElement(s.Suspense,{fallback:y.createElement("div",null)},y.createElement($ee,{...e})),Oee={array:a4,object:a4,boolean:AQ,color:zee,date:zQ,number:BQ,check:Vn,"inline-check":Vn,radio:Vn,"inline-radio":Vn,select:Vn,"multi-select":Vn,range:kee,text:Fee,file:Ree},o4=()=>y.createElement(y.Fragment,null,"-"),Lee=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,l]=s.useState(!1),[c,d]=s.useState({value:t});s.useEffect(()=>{i||d({value:t})},[i,t]);let p=s.useCallback(b=>(d({value:b}),r({[a]:b}),b),[r,a]),h=s.useCallback(()=>l(!1),[]),m=s.useCallback(()=>l(!0),[]);if(!o||o.disable){let b=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&b?y.createElement(Mo,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement(o4,null)}let f={name:a,argType:e,value:c.value,onChange:p,onBlur:h,onFocus:m},v=Oee[o.type]||o4;return y.createElement(v,{...f,...o,controlType:o.type})},Mee=A.span({fontWeight:"bold"}),Bee=A.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Pee=A.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Hr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Nee=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ie(.1,e.color.defaultText):ie(.2,e.color.defaultText),marginTop:t?4:0})),Hee=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ie(.1,e.color.defaultText):ie(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),jee=A.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),Vee=e=>e&&{summary:typeof e=="string"?e:e.name},il=e=>{var g;let[t,r]=s.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:l}=e,{name:c,description:d}=n,p=n.table||{},h=p.type||Vee(n.type),m=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(jee,{expandable:i},y.createElement(Mee,null,c),f?y.createElement(Bee,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(Pee,null,y.createElement(AD,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(Hee,{hasDescription:v},y.createElement(nd,{value:h,initialExpandedArgs:l})),y.createElement(mQ,{tags:p.jsDocTags})):y.createElement(Nee,{hasDescription:v},y.createElement(nd,{value:h,initialExpandedArgs:l}))),o?null:y.createElement("td",null,y.createElement(nd,{value:m,initialExpandedArgs:l})),a?y.createElement("td",null,y.createElement(Lee,{...e,isHovered:t})):null)},Uee=A(lM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ie(.25,e.color.defaultText):ie(.3,e.color.defaultText),border:"none",display:"inline-block"})),qee=A(sM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ie(.25,e.color.defaultText):ie(.3,e.color.defaultText),border:"none",display:"inline-block"})),Wee=A.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Gee=A.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"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Kee=A.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),Yee=A.td(()=>({position:"relative"})),Jee=A.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${en(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),i4=A.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"})),od=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=s.useState(n),l=e==="subsection"?Kee:Gee,c=(r==null?void 0:r.length)||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(Jee,{title:p},y.createElement(l,{colSpan:1},y.createElement(i4,{onClick:h=>i(!o),tabIndex:0},p),y.createElement(Wee,null,o?y.createElement(Uee,null):y.createElement(qee,null),t)),y.createElement(Yee,{colSpan:a-1},y.createElement(i4,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},ll=A.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),_e=A.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),he=A.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})),Ae=[2,4,2,2],Zee=()=>y.createElement(y.Fragment,null,y.createElement(ll,null,y.createElement(_e,{numColumn:Ae[0]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[1]},y.createElement(he,{width:"30%"})),y.createElement(_e,{numColumn:Ae[2]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[3]},y.createElement(he,{width:"60%"}))),y.createElement(ll,null,y.createElement(_e,{numColumn:Ae[0]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(_e,{numColumn:Ae[2]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[3]},y.createElement(he,{width:"60%"}))),y.createElement(ll,null,y.createElement(_e,{numColumn:Ae[0]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(_e,{numColumn:Ae[2]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[3]},y.createElement(he,{width:"60%"}))),y.createElement(ll,null,y.createElement(_e,{numColumn:Ae[0]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(_e,{numColumn:Ae[2]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[3]},y.createElement(he,{width:"60%"})))),Xee=A.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"})),Qee=A.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),ete=A.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),tte=({inAddonPanel:e})=>{let[t,r]=s.useState(!0);return s.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(Xee,{inAddonPanel:e},y.createElement(_C,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:y.createElement(y.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:y.createElement(Qee,null,e&&y.createElement(y.Fragment,null,y.createElement(Mo,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(nM,null)," Watch 5m video"),y.createElement(ete,null),y.createElement(Mo,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(jp,null)," Read docs")),!e&&y.createElement(Mo,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(jp,null)," Learn how to set that up"))}))},rte=A.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"?ie(.25,e.color.defaultText):ie(.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}}}}})),nte=A(fn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),ate=A.span({display:"flex",justifyContent:"space-between"}),ote={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},ite=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:l,subcategory:c}=(i==null?void 0:i.table)||{};if(l){let d=r.sections[l]||{ungrouped:[],subsections:{}};if(!c)d.ungrouped.push({key:o,...i});else{let p=d.subsections[c]||[];p.push({key:o,...i}),d.subsections[c]=p}r.sections[l]=d}else if(c){let d=r.ungroupedSubsections[c]||[];d.push({key:o,...i}),r.ungroupedSubsections[c]=d}else r.ungrouped.push({key:o,...i})});let n=ote[t],a=o=>n?Object.keys(o).reduce((i,l)=>({...i,[l]:o[l].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},lte=(e,t,r)=>{try{return Hq(e,t,r)}catch(n){return TX.warn(n.message),!1}},ef=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:l}=e;if("error"in e){let{error:w}=e;return y.createElement(UD,null,w," ",y.createElement(Mo,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(jp,null)," Read the docs"))}if(l)return y.createElement(Zee,null);let{rows:c,args:d,globals:p}="rows"in e&&e,h=ite(Iq(c,w=>{var x;return!((x=w==null?void 0:w.table)!=null&&x.disable)&&lte(w,d||{},p||{})}),i),m=h.ungrouped.length===0,f=Object.entries(h.sections).length===0,v=Object.entries(h.ungroupedSubsections).length===0;if(m&&f&&v)return y.createElement(tte,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let b=Object.keys(h.sections).length>0,C={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(ox,null,y.createElement(rte,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},y.createElement("thead",{className:"docblock-argstable-head"},y.createElement("tr",null,y.createElement("th",null,y.createElement("span",null,"Name")),n?null:y.createElement("th",null,y.createElement("span",null,"Description")),n?null:y.createElement("th",null,y.createElement("span",null,"Default")),t?y.createElement("th",null,y.createElement(ate,null,"Control"," ",!l&&r&&y.createElement(nte,{onClick:()=>r(),title:"Reset controls"},y.createElement(uM,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(w=>y.createElement(il,{key:w.key,row:w,arg:d&&d[w.key],...C})),Object.entries(h.ungroupedSubsections).map(([w,x])=>y.createElement(od,{key:w,label:w,level:"subsection",colSpan:g},x.map(E=>y.createElement(il,{key:E.key,row:E,arg:d&&d[E.key],expandable:b,...C})))),Object.entries(h.sections).map(([w,x])=>y.createElement(od,{key:w,label:w,level:"section",colSpan:g},x.ungrouped.map(E=>y.createElement(il,{key:E.key,row:E,arg:d&&d[E.key],...C})),Object.entries(x.subsections).map(([E,D])=>y.createElement(od,{key:E,label:E,level:"subsection",colSpan:g},D.map(S=>y.createElement(il,{key:S.key,row:S,arg:d&&d[S.key],expandable:b,...C})))))))))},ste=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(ef,{...r[0][1],...t}):y.createElement(tL,null,r.map((n,a)=>{let[o,i]=n,l=`prop_table_div_${o}`,c="div",d=a===0?t:{sort:t.sort};return y.createElement(c,{key:l,id:l,title:o},({active:p})=>p?y.createElement(ef,{key:`prop_table_${o}`,...i,...d}):null)}))};A.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText)}));A.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});A.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});A.div(ce,({theme:e})=>({...Ic(e),margin:"25px 0 40px",padding:"30px 20px"}));A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));A.div(({theme:e})=>({color:e.base==="light"?ie(.2,e.color.defaultText):ie(.6,e.color.defaultText)}));A.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});A.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"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));A.div({display:"flex",flexDirection:"row"});A.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));A.div(({theme:e})=>({...Ic(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"}));A.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});A.div({flex:1,display:"flex",flexDirection:"row"});A.div({display:"flex",alignItems:"flex-start"});A.div({flex:"0 0 30%"});A.div({flex:1});A.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText)}));A.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));A.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));A.div(({theme:e})=>({...Ic(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));A.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});A.div({display:"flex",flexFlow:"row wrap"});var cte=e=>`anchor--${e}`,s9=({storyId:e,children:t})=>y.createElement("div",{id:cte(e),className:"sb-anchor"},t);at&&at.__DOCS_CONTEXT__===void 0&&(at.__DOCS_CONTEXT__=s.createContext(null),at.__DOCS_CONTEXT__.displayName="DocsContext");var _t=at?at.__DOCS_CONTEXT__:s.createContext(null),Tn=(e,t)=>s.useContext(_t).resolveOf(e,t),ute=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),dte=e=>{if(e)return typeof e=="string"?e.includes("-")?ute(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function pte(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function c9(e){return FX(e,{allowFunction:!1})}var u9=s.createContext({sources:{}}),d9="--unknown--",fte=({children:e,channel:t})=>{let[r,n]=s.useState({});return s.useEffect(()=>{let a=(o,i=null,l=!1)=>{let{id:c,args:d=void 0,source:p,format:h}=typeof o=="string"?{id:o,source:i,format:l}:o,m=d?c9(d):d9;n(f=>({...f,[c]:{...f[c],[m]:{code:p,format:h}}}))};return t.on(Gh,a),()=>t.off(Gh,a)},[]),y.createElement(u9.Provider,{value:{sources:r}},e)},hte=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[c9(t)])||(a==null?void 0:a[d9])||{code:""}},mte=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var c,d;let{__isArgsStory:a}=t.parameters,o=((c=t.parameters.docs)==null?void 0:c.source)||{},i=r||o.type||zc.AUTO;if(o.code!==void 0)return o.code;let l=i===zc.DYNAMIC||i===zc.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(l,t))||l},gte=(e,t,r)=>{var f,v,g,b;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,l=e.format??o.format,c=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:l,language:c,dark:d};let p=t.getStoryContext(n),h=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,m=hte(n.id,h,r);return l=m.format??((b=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:b.format)??!1,{code:mte({snippet:m.code,storyContext:{...p,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:l,language:c,dark:d}};function vte(e,t){let r=yte([e],t);return r&&r[0]}function yte(e,t){let[r,n]=s.useState({});return s.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var bte=(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},wte=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let l=e.height??o.height,c=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:l,autoplay:c,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},Ete=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=s.useContext(_t),r=bte(e,t),n=vte(r,t);if(!n)return y.createElement(GD,null);let a=wte(e,n,t);return a?y.createElement(lQ,{...a}):null},xte=e=>{var m,f,v,g,b,C,w,x,E,D;let t=s.useContext(_t),r=s.useContext(u9),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=Tn(n||"story",["story"]),i=gte({...a,...n&&{of:n}},t,r),l=e.layout??o.parameters.layout??((f=(m=o.parameters.docs)==null?void 0:m.canvas)==null?void 0:f.layout)??"padded",c=e.withToolbar??((g=(v=o.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((C=(b=o.parameters.docs)==null?void 0:b.canvas)==null?void 0:C.additionalActions),p=e.sourceState??((x=(w=o.parameters.docs)==null?void 0:w.canvas)==null?void 0:x.sourceState)??"hidden",h=e.className??((D=(E=o.parameters.docs)==null?void 0:E.canvas)==null?void 0:D.className);return y.createElement(KD,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:c,additionalActions:d,className:h,layout:l},y.createElement(Ete,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Cte=(e,t)=>{let r=t.getStoryContext(e),[n,a]=s.useState(r.globals);return s.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(Gb,o),()=>t.channel.off(Gb,o)},[t.channel]),[n]},Dte=(e,t)=>{let r=Ste(e,t);if(!r)throw new Error("No result when story was defined");return r},Ste=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=s.useState(r.args);s.useEffect(()=>{let c=d=>{d.storyId===n&&o(d.args)};return t.channel.on(Kb,c),()=>t.channel.off(Kb,c)},[n,t.channel]);let i=s.useCallback(c=>t.channel.emit(RX,{storyId:n,updatedArgs:c}),[n,t.channel]),l=s.useCallback(c=>t.channel.emit($X,{storyId:n,argNames:c}),[n,t.channel]);return e&&[a,i,l]};function kte(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var _te=e=>{var 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=s.useContext(_t),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:l}=n,c=((E=a.docs)==null?void 0:E.controls)||{},d=e.include??c.include,p=e.exclude??c.exclude,h=e.sort??c.sort,[m,f,v]=Dte(n,r),[g]=Cte(n,r),b=Wb(o,d,p);if(!(l&&Object.keys(l).length>0))return Object.keys(b).length>0||Object.keys(m).length>0?y.createElement(ef,{rows:b,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v}):null;let C=dte(i),w=Object.fromEntries(Object.entries(l).map(([D,S])=>[D,{rows:Wb(kte(S,a),d,p),sort:h}])),x={[C]:{rows:b,sort:h},...w};return y.createElement(ste,{tabs:x,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v})},{document:p9}=at,Ate=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return y.createElement(rx,null,t);let n=e&&e.split("-");return y.createElement(qD,{language:n&&n[1]||"text",format:!1,code:t,...r})};function Hh(e,t){e.channel.emit(zX,t)}var tf=fL.a,Fte=({hash:e,children:t})=>{let r=s.useContext(_t);return y.createElement(tf,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);p9.getElementById(a)&&Hh(r,e)}},t)},Ite=e=>{let{href:t,target:r,children:n,...a}=e,o=s.useContext(_t);return!t||r==="_blank"||/^https?:\/\//.test(t)?y.createElement(tf,{...e}):t.startsWith("#")?y.createElement(Fte,{hash:t},n):y.createElement(tf,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),Hh(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},f9=["h1","h2","h3","h4","h5","h6"],Tte=f9.reduce((e,t)=>({...e,[t]:A(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Rte=A.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),$te=({as:e,id:t,children:r,...n})=>{let a=s.useContext(_t),o=Tte[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement(Rte,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:l=>{p9.getElementById(t)&&Hh(a,i)}},y.createElement(iM,null)),r)},jh=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement($te,{as:t,id:r,...a},n);let o=t,{as:i,...l}=e;return y.createElement(o,{...se(l,t)})},zte=f9.reduce((e,t)=>({...e,[t]:r=>y.createElement(jh,{as:t,...r})}),{}),Ote=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(x9`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
558
+ ${en(.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 ${Nt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),l9=A.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Cee=A(l9)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Dee=A.div({display:"flex",alignItems:"center",width:"100%"});function See(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 kee=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:l,argType:c})=>{var f;let d=v=>{r(LQ(v.target.value))},p=t!==void 0,h=s.useMemo(()=>See(o),[o]),m=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return y.createElement(Dee,{"aria-readonly":m},y.createElement(l9,null,n),y.createElement(xee,{id:Dt(e),type:"range",disabled:m,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:l,onBlur:i}),y.createElement(Cee,{numberOFDecimalsPlaces:h,max:a},p?t.toFixed(h):"--"," / ",a))},_ee=A.label({display:"flex"}),Aee=A.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Fee=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let l=v=>{r(v.target.value)},c=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=s.useState(!1),h=s.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Fn,{variant:"outline",size:"medium",disabled:c,id:ks(e),onClick:h},"Set string");let m=typeof t=="string";return y.createElement(_ee,null,y.createElement(Ai.Textarea,{id:Dt(e),maxLength:o,onChange:l,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:m?null:"error",name:e,value:m?t:"",onFocus:n,onBlur:a}),o&&y.createElement(Aee,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},Iee=A(Ai.Input)({padding:10});function Tee(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Ree=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var c;let o=s.useRef(null),i=(c=a==null?void 0:a.control)==null?void 0:c.readOnly;function l(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(h=>URL.createObjectURL(h));e(p),Tee(n)}return s.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(Iee,{ref:o,id:Dt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:l,accept:r,size:"flex"})},$ee=s.lazy(()=>s4(()=>import("./Color-KGDBMAHA-C0EpwEFf.js"),__vite__mapDeps([8,2,7,1,3,4,5,6]),import.meta.url)),zee=e=>y.createElement(s.Suspense,{fallback:y.createElement("div",null)},y.createElement($ee,{...e})),Oee={array:a4,object:a4,boolean:AQ,color:zee,date:zQ,number:BQ,check:Vn,"inline-check":Vn,radio:Vn,"inline-radio":Vn,select:Vn,"multi-select":Vn,range:kee,text:Fee,file:Ree},o4=()=>y.createElement(y.Fragment,null,"-"),Lee=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,l]=s.useState(!1),[c,d]=s.useState({value:t});s.useEffect(()=>{i||d({value:t})},[i,t]);let p=s.useCallback(b=>(d({value:b}),r({[a]:b}),b),[r,a]),h=s.useCallback(()=>l(!1),[]),m=s.useCallback(()=>l(!0),[]);if(!o||o.disable){let b=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&b?y.createElement(Mo,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement(o4,null)}let f={name:a,argType:e,value:c.value,onChange:p,onBlur:h,onFocus:m},v=Oee[o.type]||o4;return y.createElement(v,{...f,...o,controlType:o.type})},Mee=A.span({fontWeight:"bold"}),Bee=A.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Pee=A.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Hr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Nee=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ie(.1,e.color.defaultText):ie(.2,e.color.defaultText),marginTop:t?4:0})),Hee=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ie(.1,e.color.defaultText):ie(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),jee=A.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),Vee=e=>e&&{summary:typeof e=="string"?e:e.name},il=e=>{var g;let[t,r]=s.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:l}=e,{name:c,description:d}=n,p=n.table||{},h=p.type||Vee(n.type),m=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(jee,{expandable:i},y.createElement(Mee,null,c),f?y.createElement(Bee,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(Pee,null,y.createElement(AD,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(Hee,{hasDescription:v},y.createElement(nd,{value:h,initialExpandedArgs:l})),y.createElement(mQ,{tags:p.jsDocTags})):y.createElement(Nee,{hasDescription:v},y.createElement(nd,{value:h,initialExpandedArgs:l}))),o?null:y.createElement("td",null,y.createElement(nd,{value:m,initialExpandedArgs:l})),a?y.createElement("td",null,y.createElement(Lee,{...e,isHovered:t})):null)},Uee=A(lM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ie(.25,e.color.defaultText):ie(.3,e.color.defaultText),border:"none",display:"inline-block"})),qee=A(sM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ie(.25,e.color.defaultText):ie(.3,e.color.defaultText),border:"none",display:"inline-block"})),Wee=A.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Gee=A.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"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Kee=A.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),Yee=A.td(()=>({position:"relative"})),Jee=A.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${en(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),i4=A.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"})),od=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=s.useState(n),l=e==="subsection"?Kee:Gee,c=(r==null?void 0:r.length)||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(Jee,{title:p},y.createElement(l,{colSpan:1},y.createElement(i4,{onClick:h=>i(!o),tabIndex:0},p),y.createElement(Wee,null,o?y.createElement(Uee,null):y.createElement(qee,null),t)),y.createElement(Yee,{colSpan:a-1},y.createElement(i4,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},ll=A.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),_e=A.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),he=A.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})),Ae=[2,4,2,2],Zee=()=>y.createElement(y.Fragment,null,y.createElement(ll,null,y.createElement(_e,{numColumn:Ae[0]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[1]},y.createElement(he,{width:"30%"})),y.createElement(_e,{numColumn:Ae[2]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[3]},y.createElement(he,{width:"60%"}))),y.createElement(ll,null,y.createElement(_e,{numColumn:Ae[0]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(_e,{numColumn:Ae[2]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[3]},y.createElement(he,{width:"60%"}))),y.createElement(ll,null,y.createElement(_e,{numColumn:Ae[0]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(_e,{numColumn:Ae[2]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[3]},y.createElement(he,{width:"60%"}))),y.createElement(ll,null,y.createElement(_e,{numColumn:Ae[0]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(_e,{numColumn:Ae[2]},y.createElement(he,{width:"60%"})),y.createElement(_e,{numColumn:Ae[3]},y.createElement(he,{width:"60%"})))),Xee=A.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"})),Qee=A.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),ete=A.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),tte=({inAddonPanel:e})=>{let[t,r]=s.useState(!0);return s.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(Xee,{inAddonPanel:e},y.createElement(_C,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:y.createElement(y.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:y.createElement(Qee,null,e&&y.createElement(y.Fragment,null,y.createElement(Mo,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(nM,null)," Watch 5m video"),y.createElement(ete,null),y.createElement(Mo,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(jp,null)," Read docs")),!e&&y.createElement(Mo,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(jp,null)," Learn how to set that up"))}))},rte=A.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"?ie(.25,e.color.defaultText):ie(.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}}}}})),nte=A(fn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),ate=A.span({display:"flex",justifyContent:"space-between"}),ote={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},ite=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:l,subcategory:c}=(i==null?void 0:i.table)||{};if(l){let d=r.sections[l]||{ungrouped:[],subsections:{}};if(!c)d.ungrouped.push({key:o,...i});else{let p=d.subsections[c]||[];p.push({key:o,...i}),d.subsections[c]=p}r.sections[l]=d}else if(c){let d=r.ungroupedSubsections[c]||[];d.push({key:o,...i}),r.ungroupedSubsections[c]=d}else r.ungrouped.push({key:o,...i})});let n=ote[t],a=o=>n?Object.keys(o).reduce((i,l)=>({...i,[l]:o[l].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},lte=(e,t,r)=>{try{return Hq(e,t,r)}catch(n){return TX.warn(n.message),!1}},ef=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:l}=e;if("error"in e){let{error:w}=e;return y.createElement(UD,null,w," ",y.createElement(Mo,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(jp,null)," Read the docs"))}if(l)return y.createElement(Zee,null);let{rows:c,args:d,globals:p}="rows"in e&&e,h=ite(Iq(c,w=>{var x;return!((x=w==null?void 0:w.table)!=null&&x.disable)&&lte(w,d||{},p||{})}),i),m=h.ungrouped.length===0,f=Object.entries(h.sections).length===0,v=Object.entries(h.ungroupedSubsections).length===0;if(m&&f&&v)return y.createElement(tte,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let b=Object.keys(h.sections).length>0,C={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(ox,null,y.createElement(rte,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},y.createElement("thead",{className:"docblock-argstable-head"},y.createElement("tr",null,y.createElement("th",null,y.createElement("span",null,"Name")),n?null:y.createElement("th",null,y.createElement("span",null,"Description")),n?null:y.createElement("th",null,y.createElement("span",null,"Default")),t?y.createElement("th",null,y.createElement(ate,null,"Control"," ",!l&&r&&y.createElement(nte,{onClick:()=>r(),title:"Reset controls"},y.createElement(uM,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(w=>y.createElement(il,{key:w.key,row:w,arg:d&&d[w.key],...C})),Object.entries(h.ungroupedSubsections).map(([w,x])=>y.createElement(od,{key:w,label:w,level:"subsection",colSpan:g},x.map(E=>y.createElement(il,{key:E.key,row:E,arg:d&&d[E.key],expandable:b,...C})))),Object.entries(h.sections).map(([w,x])=>y.createElement(od,{key:w,label:w,level:"section",colSpan:g},x.ungrouped.map(E=>y.createElement(il,{key:E.key,row:E,arg:d&&d[E.key],...C})),Object.entries(x.subsections).map(([E,D])=>y.createElement(od,{key:E,label:E,level:"subsection",colSpan:g},D.map(S=>y.createElement(il,{key:S.key,row:S,arg:d&&d[S.key],expandable:b,...C})))))))))},ste=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(ef,{...r[0][1],...t}):y.createElement(tL,null,r.map((n,a)=>{let[o,i]=n,l=`prop_table_div_${o}`,c="div",d=a===0?t:{sort:t.sort};return y.createElement(c,{key:l,id:l,title:o},({active:p})=>p?y.createElement(ef,{key:`prop_table_${o}`,...i,...d}):null)}))};A.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText)}));A.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});A.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});A.div(ce,({theme:e})=>({...Ic(e),margin:"25px 0 40px",padding:"30px 20px"}));A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));A.div(({theme:e})=>({color:e.base==="light"?ie(.2,e.color.defaultText):ie(.6,e.color.defaultText)}));A.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});A.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"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));A.div({display:"flex",flexDirection:"row"});A.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));A.div(({theme:e})=>({...Ic(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"}));A.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});A.div({flex:1,display:"flex",flexDirection:"row"});A.div({display:"flex",alignItems:"flex-start"});A.div({flex:"0 0 30%"});A.div({flex:1});A.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText)}));A.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));A.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));A.div(({theme:e})=>({...Ic(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));A.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});A.div({display:"flex",flexFlow:"row wrap"});var cte=e=>`anchor--${e}`,s9=({storyId:e,children:t})=>y.createElement("div",{id:cte(e),className:"sb-anchor"},t);at&&at.__DOCS_CONTEXT__===void 0&&(at.__DOCS_CONTEXT__=s.createContext(null),at.__DOCS_CONTEXT__.displayName="DocsContext");var _t=at?at.__DOCS_CONTEXT__:s.createContext(null),Tn=(e,t)=>s.useContext(_t).resolveOf(e,t),ute=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),dte=e=>{if(e)return typeof e=="string"?e.includes("-")?ute(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function pte(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function c9(e){return FX(e,{allowFunction:!1})}var u9=s.createContext({sources:{}}),d9="--unknown--",fte=({children:e,channel:t})=>{let[r,n]=s.useState({});return s.useEffect(()=>{let a=(o,i=null,l=!1)=>{let{id:c,args:d=void 0,source:p,format:h}=typeof o=="string"?{id:o,source:i,format:l}:o,m=d?c9(d):d9;n(f=>({...f,[c]:{...f[c],[m]:{code:p,format:h}}}))};return t.on(Gh,a),()=>t.off(Gh,a)},[]),y.createElement(u9.Provider,{value:{sources:r}},e)},hte=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[c9(t)])||(a==null?void 0:a[d9])||{code:""}},mte=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var c,d;let{__isArgsStory:a}=t.parameters,o=((c=t.parameters.docs)==null?void 0:c.source)||{},i=r||o.type||zc.AUTO;if(o.code!==void 0)return o.code;let l=i===zc.DYNAMIC||i===zc.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(l,t))||l},gte=(e,t,r)=>{var f,v,g,b;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,l=e.format??o.format,c=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:l,language:c,dark:d};let p=t.getStoryContext(n),h=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,m=hte(n.id,h,r);return l=m.format??((b=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:b.format)??!1,{code:mte({snippet:m.code,storyContext:{...p,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:l,language:c,dark:d}};function vte(e,t){let r=yte([e],t);return r&&r[0]}function yte(e,t){let[r,n]=s.useState({});return s.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var bte=(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},wte=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let l=e.height??o.height,c=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:l,autoplay:c,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},Ete=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=s.useContext(_t),r=bte(e,t),n=vte(r,t);if(!n)return y.createElement(GD,null);let a=wte(e,n,t);return a?y.createElement(lQ,{...a}):null},xte=e=>{var m,f,v,g,b,C,w,x,E,D;let t=s.useContext(_t),r=s.useContext(u9),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=Tn(n||"story",["story"]),i=gte({...a,...n&&{of:n}},t,r),l=e.layout??o.parameters.layout??((f=(m=o.parameters.docs)==null?void 0:m.canvas)==null?void 0:f.layout)??"padded",c=e.withToolbar??((g=(v=o.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((C=(b=o.parameters.docs)==null?void 0:b.canvas)==null?void 0:C.additionalActions),p=e.sourceState??((x=(w=o.parameters.docs)==null?void 0:w.canvas)==null?void 0:x.sourceState)??"hidden",h=e.className??((D=(E=o.parameters.docs)==null?void 0:E.canvas)==null?void 0:D.className);return y.createElement(KD,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:c,additionalActions:d,className:h,layout:l},y.createElement(Ete,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Cte=(e,t)=>{let r=t.getStoryContext(e),[n,a]=s.useState(r.globals);return s.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(Gb,o),()=>t.channel.off(Gb,o)},[t.channel]),[n]},Dte=(e,t)=>{let r=Ste(e,t);if(!r)throw new Error("No result when story was defined");return r},Ste=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=s.useState(r.args);s.useEffect(()=>{let c=d=>{d.storyId===n&&o(d.args)};return t.channel.on(Kb,c),()=>t.channel.off(Kb,c)},[n,t.channel]);let i=s.useCallback(c=>t.channel.emit(RX,{storyId:n,updatedArgs:c}),[n,t.channel]),l=s.useCallback(c=>t.channel.emit($X,{storyId:n,argNames:c}),[n,t.channel]);return e&&[a,i,l]};function kte(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var _te=e=>{var 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=s.useContext(_t),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:l}=n,c=((E=a.docs)==null?void 0:E.controls)||{},d=e.include??c.include,p=e.exclude??c.exclude,h=e.sort??c.sort,[m,f,v]=Dte(n,r),[g]=Cte(n,r),b=Wb(o,d,p);if(!(l&&Object.keys(l).length>0))return Object.keys(b).length>0||Object.keys(m).length>0?y.createElement(ef,{rows:b,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v}):null;let C=dte(i),w=Object.fromEntries(Object.entries(l).map(([D,S])=>[D,{rows:Wb(kte(S,a),d,p),sort:h}])),x={[C]:{rows:b,sort:h},...w};return y.createElement(ste,{tabs:x,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v})},{document:p9}=at,Ate=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return y.createElement(rx,null,t);let n=e&&e.split("-");return y.createElement(qD,{language:n&&n[1]||"text",format:!1,code:t,...r})};function Hh(e,t){e.channel.emit(zX,t)}var tf=fL.a,Fte=({hash:e,children:t})=>{let r=s.useContext(_t);return y.createElement(tf,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);p9.getElementById(a)&&Hh(r,e)}},t)},Ite=e=>{let{href:t,target:r,children:n,...a}=e,o=s.useContext(_t);return!t||r==="_blank"||/^https?:\/\//.test(t)?y.createElement(tf,{...e}):t.startsWith("#")?y.createElement(Fte,{hash:t},n):y.createElement(tf,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),Hh(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},f9=["h1","h2","h3","h4","h5","h6"],Tte=f9.reduce((e,t)=>({...e,[t]:A(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Rte=A.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),$te=({as:e,id:t,children:r,...n})=>{let a=s.useContext(_t),o=Tte[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement(Rte,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:l=>{p9.getElementById(t)&&Hh(a,i)}},y.createElement(iM,null)),r)},jh=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement($te,{as:t,id:r,...a},n);let o=t,{as:i,...l}=e;return y.createElement(o,{...se(l,t)})},zte=f9.reduce((e,t)=>({...e,[t]:r=>y.createElement(jh,{as:t,...r})}),{}),Ote=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(x9`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
559
559
  This is often caused by not wrapping the child in a template string.
560
560
 
561
561
  This is invalid: