@preply/ds-docs 0.100.1 → 1.0.0

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 (210) hide show
  1. package/dist/assets/{00.applications-SuGhZ2d6.js → 00.applications-CQSwS143.js} +3 -3
  2. package/dist/assets/{00.favicons.guide-DzTzQGOX.js → 00.favicons.guide-B5VhuzDN.js} +1 -1
  3. package/dist/assets/{00.token-explorer-YKX25K0Z.js → 00.token-explorer-D52-d6td.js} +1 -1
  4. package/dist/assets/{00.using-responsive-props-B53R_GrL.js → 00.using-responsive-props-BfY7f1x1.js} +1 -1
  5. package/dist/assets/{01.semantic-tokens-BRIHpkCy.js → 01.semantic-tokens-CG1v-2wG.js} +1 -1
  6. package/dist/assets/{10.fonts.guide-CpnQZZLi.js → 10.fonts.guide-CSfRFAZF.js} +1 -1
  7. package/dist/assets/{10.ssr-Kxsb6CV_.js → 10.ssr-iKr3ztu4.js} +2 -2
  8. package/dist/assets/{11.languageFont.explorer-Ckz-uF4N.js → 11.languageFont.explorer-CbzOJ5IK.js} +4 -4
  9. package/dist/assets/{11.ssr.app-router-DC-0dbEn.js → 11.ssr.app-router-s2wtNWNt.js} +1 -1
  10. package/dist/assets/{20.libraries-CmacBW8t.js → 20.libraries-r7trOO77.js} +1 -1
  11. package/dist/assets/{30.icons.explorer-CfMFkyQd.js → 30.icons.explorer-Bh0UPMFQ.js} +2 -2
  12. package/dist/assets/{30.storybook-lO7E7IxU.js → 30.storybook-C2GceniE.js} +7 -3
  13. package/dist/assets/{40.illustrations.explorer-RiA5UJEs.js → 40.illustrations.explorer-C-DTEZUZ.js} +1 -1
  14. package/dist/assets/{90.advanced-CQ8Bc0wk.js → 90.advanced-Bsh9fJpy.js} +1 -1
  15. package/dist/assets/Avatar-BV779HK5.css +1 -0
  16. package/dist/assets/Avatar-CkEVjZGg.js +6 -0
  17. package/dist/assets/Avatar-CtBp3Are.css +1 -0
  18. package/dist/assets/Avatar-wjE18wgf.js +1 -0
  19. package/dist/assets/{Avatar.stories-HAUC3h0w.js → Avatar.stories-DYxmMq9t.js} +1 -1
  20. package/dist/assets/AvatarWithStatus-f9H17LD-.css +1 -0
  21. package/dist/assets/{AvatarWithStatus.stories-BeLSoM6l.js → AvatarWithStatus.stories-B4Qed7F5.js} +4 -4
  22. package/dist/assets/Badge-C4CfUBO_.css +1 -0
  23. package/dist/assets/{Badge.stories-YB7vNEb0.js → Badge.stories-BmIuSixc.js} +1 -1
  24. package/dist/assets/Box-lCJVjGLs.css +1 -0
  25. package/dist/assets/Box.stories-C1U6RAs1.js +12 -0
  26. package/dist/assets/{Button-N0VRM6A0.css → Button-CCEL4lDe.css} +1 -1
  27. package/dist/assets/Button-hx0d4Fw0.js +1 -0
  28. package/dist/assets/Button.stories-B9QlZfbQ.js +127 -0
  29. package/dist/assets/Chips-sGKCdMmW.css +1 -0
  30. package/dist/assets/{Chips.stories-CJsvbrSL.js → Chips.stories-BGXfMuKf.js} +1 -1
  31. package/dist/assets/{Color-ERTF36HU-x3UpVubc.js → Color-ERTF36HU-DPTAjghN.js} +1 -1
  32. package/dist/assets/{DocsRenderer-CFRXHY34-D8Tq4G-5.js → DocsRenderer-CFRXHY34-CDQRo9Fu.js} +1 -1
  33. package/dist/assets/{FieldAdditionalText-DCd07ysy.js → FieldAdditionalText-BoS3oi_w.js} +1 -1
  34. package/dist/assets/FieldAdditionalText-CZRrM30T.css +1 -0
  35. package/dist/assets/{FieldAdditionalText.stories-6JjvlIna.js → FieldAdditionalText.stories-b-Yl8cTR.js} +1 -1
  36. package/dist/assets/{FieldButton-DWzsuKt5.css → FieldButton-BinDyPEe.css} +1 -1
  37. package/dist/assets/{FieldButton-F9R8bzuR.js → FieldButton-C7ilyHtZ.js} +1 -1
  38. package/dist/assets/{FieldButton.stories-Dmgk0NRP.js → FieldButton.stories-BblHJhq4.js} +1 -1
  39. package/dist/assets/FieldLayout-Cnz4ymGS.css +1 -0
  40. package/dist/assets/FieldLayout-DsdOLmaV.js +1 -0
  41. package/dist/assets/{FieldLayout.stories-gLIudz9F.js → FieldLayout.stories-DD9NO5r3.js} +1 -1
  42. package/dist/assets/FieldLayoutBase-CXzegFO5.css +1 -0
  43. package/dist/assets/{FieldLayoutBase-BAZH_iVk.js → FieldLayoutBase-Df6Ude-W.js} +2 -2
  44. package/dist/assets/{Heading-C_b1pABg.css → Heading-9L-D4b_z.css} +1 -1
  45. package/dist/assets/Heading-C40luK_D.js +2 -0
  46. package/dist/assets/{Heading-o4ElOKlL.css → Heading-C9WOVajU.css} +1 -1
  47. package/dist/assets/Heading-D-AZG0v4.js +1 -0
  48. package/dist/assets/{Heading.stories-s72xKv_y.js → Heading.stories-wJ6iUmE9.js} +1 -1
  49. package/dist/assets/Icon-BcKHAqQd.css +1 -0
  50. package/dist/assets/Icon-Cn3B7mqs.js +8 -0
  51. package/dist/assets/Icon-DFfpTv8V.js +1 -0
  52. package/dist/assets/{Icon-RSC-auOdhCGC.js → Icon-RSC-BGMItX4l.js} +1 -1
  53. package/dist/assets/{Icon.stories-DrSDJY-K.js → Icon.stories-DkX3szLd.js} +1 -1
  54. package/dist/assets/{InputText-DEpRpqG2.js → InputText-DYbGFufD.js} +1 -1
  55. package/dist/assets/{LayoutFlex-BaK05rll.css → LayoutFlex-0Ka3g7cK.css} +1 -1
  56. package/dist/assets/LayoutFlex-CvJvga_4.css +1 -0
  57. package/dist/assets/LayoutFlex-DaMkUPaJ.js +1 -0
  58. package/dist/assets/LayoutFlex-DpaYy_Wf.css +1 -0
  59. package/dist/assets/LayoutFlex-YVO1KNoK.js +1 -0
  60. package/dist/assets/LayoutFlex.stories-CcKsp4GP.js +19 -0
  61. package/dist/assets/LayoutGrid-DjKT1qP4.css +1 -0
  62. package/dist/assets/LayoutGrid-DnQoHEcf.js +1 -0
  63. package/dist/assets/LayoutGrid-SpXCETqa.css +1 -0
  64. package/dist/assets/LayoutGrid.stories-D5NKoT-Z.js +32 -0
  65. package/dist/assets/LayoutGridItem-B88Bd_ld.css +1 -0
  66. package/dist/assets/LayoutGridItem-QKsx1EOv.js +1 -0
  67. package/dist/assets/Link-oQl9RUkp.css +1 -0
  68. package/dist/assets/{Link.stories-027t2FnU.js → Link.stories-k6aarBWf.js} +20 -13
  69. package/dist/assets/Loader-C9AFWM0q.css +1 -0
  70. package/dist/assets/Loader.stories-H4PEvPAK.js +8 -0
  71. package/dist/assets/{NumberField.stories-BkIJHxVu.js → NumberField.stories-DXrAL_iJ.js} +1 -1
  72. package/dist/assets/{ObserveIntersection-Cr2BzgPx.js → ObserveIntersection-BQNATzj7.js} +1 -1
  73. package/dist/assets/ObserveIntersection.stories-6LMtyIGO.js +27 -0
  74. package/dist/assets/{PasswordField.stories-LShIvEnK.js → PasswordField.stories-C-to4kZf.js} +1 -1
  75. package/dist/assets/PreplyLogo-CWFbG33k.css +1 -0
  76. package/dist/assets/{PreplyLogo.stories-D9ffWvsM.js → PreplyLogo.stories-D4zo7fOn.js} +2 -2
  77. package/dist/assets/RootProvider-CLBjXsMY.js +1 -0
  78. package/dist/assets/SelectField-Bm2mCPMq.css +1 -0
  79. package/dist/assets/{SelectField.stories-CGmVU2iA.js → SelectField.stories-aJHxyEsN.js} +1 -1
  80. package/dist/assets/{ShowOnIntersection.stories-DWk9gluP.js → ShowOnIntersection.stories-Bu7UQKNF.js} +1 -1
  81. package/dist/assets/Spinner-C9dAh4yO.css +1 -0
  82. package/dist/assets/{Spinner-DNhrV5BK.js → Spinner-DXNC0i3g.js} +1 -1
  83. package/dist/assets/{StoryContextDSWeb-CViICLux.js → StoryContextDSWeb-CwCKdulo.js} +1 -1
  84. package/dist/assets/Text-B7-ttl-t.js +1 -0
  85. package/dist/assets/{Text-D6vaNiUQ.css → Text-CppB69QI.css} +1 -1
  86. package/dist/assets/Text-RoftugNM.js +1 -0
  87. package/dist/assets/Text.stories-D2QLJfT1.js +16 -0
  88. package/dist/assets/TextField-CwltHVM_.css +1 -0
  89. package/dist/assets/TextField-Cwr0pxnn.js +1 -0
  90. package/dist/assets/{TextField.stories-DPLzV9sr.js → TextField.stories-DUo5LLQU.js} +1 -1
  91. package/dist/assets/TextHighlighted-etaYnV4Y.js +1 -0
  92. package/dist/assets/TextHighlighted-o7T0QkK3.css +1 -0
  93. package/dist/assets/{TextHighlighted.stories-DB_R-gDs.js → TextHighlighted.stories-BqJ9iPjF.js} +1 -1
  94. package/dist/assets/TextInline-33nGjmep.css +1 -0
  95. package/dist/assets/{TextInline.stories-HT10loYE.js → TextInline.stories-B85Mb57Y.js} +1 -1
  96. package/dist/assets/{TextareaField.stories-px51-LZi.js → TextareaField.stories-Dvwpg0NA.js} +1 -1
  97. package/dist/assets/Toast-CacYvSDt.css +1 -0
  98. package/dist/assets/{Toast.stories-CmTZ3lau.js → Toast.stories-CbeQyWFA.js} +2 -2
  99. package/dist/assets/align-self-BDyC8hb6.css +1 -0
  100. package/dist/assets/align-self-oTRF0AIz.js +1 -0
  101. package/dist/assets/{breakpoints-D9ah2srw.js → breakpoints-B6lLqNjC.js} +1 -1
  102. package/dist/assets/{breakpoints-Dn5rWbf8.js → breakpoints-CzjEEu4s.js} +1 -1
  103. package/dist/assets/{breakpoints-BN25rAYx.js → breakpoints-DiXvjTVB.js} +1 -1
  104. package/dist/assets/{changelog-DGKwXUfP.js → changelog-Dr0p3GMF.js} +125 -108
  105. package/dist/assets/{chunk-NUUEMKO5-FMRMymcK.js → chunk-NUUEMKO5-B_IYSwMe.js} +1 -1
  106. package/dist/assets/classNames-DypE0CS3.js +1 -0
  107. package/dist/assets/{entry-preview-_th98VNw.js → entry-preview-Bp5F4iKw.js} +1 -1
  108. package/dist/assets/{getTokenVar-DTR7cOAc.js → getTokenVar-CC49GUkX.js} +1 -1
  109. package/dist/assets/{hover-B59di2Vi.js → hover-BDdMF_J2.js} +1 -1
  110. package/dist/assets/{hover-DjMp0VDE.js → hover-Cnk3mL37.js} +1 -1
  111. package/dist/assets/{hover-As2R_PZU.js → hover-Dam80V47.js} +1 -1
  112. package/dist/assets/iframe-CFAYM9Mj.js +2 -0
  113. package/dist/assets/{index-BdKDgH-N.js → index-BVSiPB0X.js} +5 -5
  114. package/dist/assets/{index-Cdgl62si.js → index-CBPKHXgm.js} +1 -1
  115. package/dist/assets/{index-CAEOHB9f.js → index-Cg4KN2Wb.js} +1 -1
  116. package/dist/assets/{intro-Dvcj45i2.js → intro-CwbnCGp9.js} +1 -1
  117. package/dist/assets/layout-relative-BO2ebDZL.css +1 -0
  118. package/dist/assets/layout-relative-CYbB23-W.css +1 -0
  119. package/dist/assets/layout-relative-Cl5Y3N4W.js +1 -0
  120. package/dist/assets/layout-relative-CmMGsNg3.js +1 -0
  121. package/dist/assets/{migrating-from-less-D0RjJs9l.js → migrating-from-less-C4d9GytH.js} +1 -1
  122. package/dist/assets/{options-Cmszy4eB.js → options-B-izEUN2.js} +1 -1
  123. package/dist/assets/playground-Dy_2mh6-.css +1 -0
  124. package/dist/assets/{playground.stories-CPIQUnVO.js → playground.stories-exUu4mie.js} +209 -208
  125. package/dist/assets/preview-BgQjD1RN.js +1 -0
  126. package/dist/assets/{preview-Dq4CwTqY.js → preview-DbbP98Wn.js} +1 -1
  127. package/dist/assets/{preview-vuEtMDr6.js → preview-DhgJvzIj.js} +2 -2
  128. package/dist/assets/text-accent-BbG6aEsK.js +1 -0
  129. package/dist/assets/text-accent-CRIVfBVN.js +1 -0
  130. package/dist/assets/text-accent-iqrc1CRU.css +1 -0
  131. package/dist/assets/text-centered-B2RJ_w5b.css +1 -0
  132. package/dist/assets/text-centered-Cbki6SCH.js +1 -0
  133. package/dist/assets/text-centered-CcR3xfWS.js +1 -0
  134. package/dist/assets/text-centered-Mh098fWh.css +1 -0
  135. package/dist/assets/{tokens-BF82AwVd.js → tokens-CGo3Lkkz.js} +1 -1
  136. package/dist/assets/{tokens-Bqw-E6go.js → tokens-CyAiZv2A.js} +1 -1
  137. package/dist/assets/{tokens-DA876hrI.js → tokens-DMBUszWZ.js} +1 -1
  138. package/dist/assets/{useTheme-ByES4oDS.js → useTheme-pdzgtlkQ.js} +1 -1
  139. package/dist/assets/{welcome-p3FME8OW.js → welcome-CRjOYcVM.js} +1 -1
  140. package/dist/iframe.html +1 -1
  141. package/dist/preview-stats.json +912 -987
  142. package/dist/project.json +1 -1
  143. package/dist/sb-addons/interactions-12/manager-bundle.js +58 -56
  144. package/dist/sb-manager/globals-runtime.js +5 -5
  145. package/package.json +16 -16
  146. package/dist/assets/Avatar-Bf-ZQ5SI.js +0 -6
  147. package/dist/assets/Avatar-C2bZgjPC.css +0 -1
  148. package/dist/assets/Avatar-D4PHplD2.css +0 -1
  149. package/dist/assets/Avatar-DUpkb2KC.js +0 -1
  150. package/dist/assets/AvatarWithStatus-CQH8pdXh.css +0 -1
  151. package/dist/assets/Badge-DyIodSmT.css +0 -1
  152. package/dist/assets/Box-Ca7OsY0c.css +0 -1
  153. package/dist/assets/Box.stories-yFcUfGK0.js +0 -12
  154. package/dist/assets/Button-Bi4jW9CV.js +0 -1
  155. package/dist/assets/Button.stories-De8WlQy7.js +0 -123
  156. package/dist/assets/Chips-C7eOEIzP.css +0 -1
  157. package/dist/assets/FieldAdditionalText-Dt30WqOi.css +0 -1
  158. package/dist/assets/FieldLayout-BYUVHDic.js +0 -1
  159. package/dist/assets/FieldLayout-CLzA8pBH.css +0 -1
  160. package/dist/assets/FieldLayoutBase-CA9Dmb-I.css +0 -1
  161. package/dist/assets/Heading-Des9-Kxs.js +0 -2
  162. package/dist/assets/Heading-eTizhp-a.js +0 -1
  163. package/dist/assets/Icon-BEGCR1FC.js +0 -1
  164. package/dist/assets/Icon-D66V3Lr7.css +0 -1
  165. package/dist/assets/Icon-DqOWgXnU.js +0 -8
  166. package/dist/assets/LayoutFlex-4LBfyC68.js +0 -1
  167. package/dist/assets/LayoutFlex-BsmGUxSb.css +0 -1
  168. package/dist/assets/LayoutFlex-CI-IyFab.js +0 -1
  169. package/dist/assets/LayoutFlex-DmMxJGKY.css +0 -1
  170. package/dist/assets/LayoutFlex.stories-D3WU4z6n.js +0 -19
  171. package/dist/assets/LayoutGrid-BHkpEiNP.css +0 -1
  172. package/dist/assets/LayoutGrid-Bbpoq4GZ.js +0 -1
  173. package/dist/assets/LayoutGrid-DL1Pib1N.css +0 -1
  174. package/dist/assets/LayoutGrid.stories-ByBJ8ZKQ.js +0 -32
  175. package/dist/assets/LayoutGridItem-BYGrMSD0.css +0 -1
  176. package/dist/assets/LayoutGridItem-yCAtLcT1.js +0 -1
  177. package/dist/assets/Link-BR07cPLn.css +0 -1
  178. package/dist/assets/Loader-DS2G2nvd.css +0 -1
  179. package/dist/assets/Loader.stories-Bg8CFUeL.js +0 -8
  180. package/dist/assets/ObserveIntersection.stories-py33xXDa.js +0 -24
  181. package/dist/assets/PreplyLogo-BtQbOpx9.css +0 -1
  182. package/dist/assets/RootProvider-BvHSkgDA.js +0 -1
  183. package/dist/assets/SelectField-C0MEcwkv.css +0 -1
  184. package/dist/assets/Spinner-CbwfZ3c6.css +0 -1
  185. package/dist/assets/Text-CfFW9YKH.js +0 -1
  186. package/dist/assets/Text-a99inIAW.js +0 -1
  187. package/dist/assets/Text.stories-DwWKizgM.js +0 -16
  188. package/dist/assets/TextField-5xfz0nlz.css +0 -1
  189. package/dist/assets/TextField-C2nBL3Da.js +0 -1
  190. package/dist/assets/TextHighlighted-BBQxVK8S.css +0 -1
  191. package/dist/assets/TextHighlighted-CojzyNhw.js +0 -1
  192. package/dist/assets/TextInline-D6fVMZ22.css +0 -1
  193. package/dist/assets/Toast-BH8aT7PL.css +0 -1
  194. package/dist/assets/align-self-B97O5ntC.css +0 -1
  195. package/dist/assets/align-self-bURpNU3k.js +0 -1
  196. package/dist/assets/classNames-Cqk1oqv4.js +0 -1
  197. package/dist/assets/iframe-C6ga-lcz.js +0 -2
  198. package/dist/assets/layout-relative-A0sx6VRO.css +0 -1
  199. package/dist/assets/layout-relative-DU9bR1fO.css +0 -1
  200. package/dist/assets/layout-relative-mMzJCmVd.js +0 -1
  201. package/dist/assets/layout-relative-qgYNk7GR.js +0 -1
  202. package/dist/assets/playground-DruFSVKj.css +0 -1
  203. package/dist/assets/preview-soLZ0BKj.js +0 -1
  204. package/dist/assets/text-accent-Bgi4eAtI.js +0 -1
  205. package/dist/assets/text-accent-Cu7YjM5H.js +0 -1
  206. package/dist/assets/text-accent-Dx3UOWlW.css +0 -1
  207. package/dist/assets/text-centered-B7xS0eZv.js +0 -1
  208. package/dist/assets/text-centered-C60nJKZS.css +0 -1
  209. package/dist/assets/text-centered-Cr-fOXNg.css +0 -1
  210. package/dist/assets/text-centered-yu4Ks4Ko.js +0 -1
@@ -1,5 +1,5 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-Cdgl62si.js","./iframe-C6ga-lcz.js","./index-CBqU2yxZ.js","./_commonjsHelpers-BosuxZz1.js","./jsx-runtime-CKrituN3.js","./index-D5dhze5r.js","./index-D-8MO0q_.js","./index-DF3CPj03.js","./index-DrFu-skq.js","./Color-ERTF36HU-x3UpVubc.js"])))=>i.map(i=>d[i]);
2
- var oS=Object.defineProperty;var iS=(e,t,r)=>t in e?oS(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var jn=(e,t,r)=>iS(e,typeof t!="symbol"?t+"":t,r);import{_ as N3}from"./iframe-C6ga-lcz.js";import{r as l,R as y}from"./index-CBqU2yxZ.js";import{j as X}from"./jsx-runtime-CKrituN3.js";import{r as Hs,G as H3}from"./index-D5dhze5r.js";import{O as j3,P as lS}from"./index-D-8MO0q_.js";import{c as Vi,g as js}from"./_commonjsHelpers-BosuxZz1.js";import{y as Cm,D as tc}from"./index-DF3CPj03.js";import{d as sS}from"./index-DrFu-skq.js";var uS=Object.create,V3=Object.defineProperty,cS=Object.getOwnPropertyDescriptor,U3=Object.getOwnPropertyNames,dS=Object.getPrototypeOf,pS=Object.prototype.hasOwnProperty,Oa=(e,t)=>function(){return t||(0,e[U3(e)[0]])((t={exports:{}}).exports,t),t.exports},fS=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of U3(t))!pS.call(e,a)&&a!==r&&V3(e,a,{get:()=>t[a],enumerable:!(n=cS(t,a))||n.enumerable});return e},hS=(e,t,r)=>(r=e!=null?uS(dS(e)):{},fS(!e||!e.__esModule?V3(r,"default",{value:e,enumerable:!0}):r,e)),Ct=e=>`control-${e.replace(/\s+/g,"-")}`,Vs=e=>`set-${e.replace(/\s+/g,"-")}`,mS=Object.create,Lp=Object.defineProperty,gS=Object.getOwnPropertyDescriptor,vS=Object.getOwnPropertyNames,yS=Object.getPrototypeOf,bS=Object.prototype.hasOwnProperty,I=(e,t)=>Lp(e,"name",{value:t,configurable:!0}),Ui=(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')}),Us=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),wS=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of vS(t))!bS.call(e,a)&&a!==r&&Lp(e,a,{get:()=>t[a],enumerable:!(n=gS(t,a))||n.enumerable});return e},Mp=(e,t,r)=>(r=e!=null?mS(yS(e)):{},wS(t||!e||!e.__esModule?Lp(r,"default",{value:e,enumerable:!0}):r,e)),ES=Us(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,s=t?Symbol.for("react.provider"):60109,u=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,f=t?Symbol.for("react.concurrent_mode"):60111,h=t?Symbol.for("react.forward_ref"):60112,p=t?Symbol.for("react.suspense"):60113,m=t?Symbol.for("react.suspense_list"):60120,g=t?Symbol.for("react.memo"):60115,v=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,x=t?Symbol.for("react.fundamental"):60117,E=t?Symbol.for("react.responder"):60118,C=t?Symbol.for("react.scope"):60119;function w(P){return typeof P=="string"||typeof P=="function"||P===a||P===f||P===i||P===o||P===p||P===m||typeof P=="object"&&P!==null&&(P.$$typeof===v||P.$$typeof===g||P.$$typeof===s||P.$$typeof===u||P.$$typeof===h||P.$$typeof===x||P.$$typeof===E||P.$$typeof===C||P.$$typeof===b)}I(w,"isValidElementType");function D(P){if(typeof P=="object"&&P!==null){var st=P.$$typeof;switch(st){case r:var _t=P.type;switch(_t){case d:case f:case a:case i:case o:case p:return _t;default:var Gr=_t&&_t.$$typeof;switch(Gr){case u:case h:case v:case g:case s:return Gr;default:return st}}case n:return st}}}I(D,"typeOf");var S=d,A=f,k=u,F=s,T=r,R=h,O=a,z=v,L=g,$=n,M=i,j=o,K=p,N=!1;function W(P){return N||(N=!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(W,"isAsyncMode");function te(P){return D(P)===f}I(te,"isConcurrentMode");function ue(P){return D(P)===u}I(ue,"isContextConsumer");function re(P){return D(P)===s}I(re,"isContextProvider");function ae(P){return typeof P=="object"&&P!==null&&P.$$typeof===r}I(ae,"isElement");function H(P){return D(P)===h}I(H,"isForwardRef");function Z(P){return D(P)===a}I(Z,"isFragment");function J(P){return D(P)===v}I(J,"isLazy");function ge(P){return D(P)===g}I(ge,"isMemo");function ke(P){return D(P)===n}I(ke,"isPortal");function kt(P){return D(P)===i}I(kt,"isProfiler");function qe(P){return D(P)===o}I(qe,"isStrictMode");function lt(P){return D(P)===p}I(lt,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=A,e.ContextConsumer=k,e.ContextProvider=F,e.Element=T,e.ForwardRef=R,e.Fragment=O,e.Lazy=z,e.Memo=L,e.Portal=$,e.Profiler=M,e.StrictMode=j,e.Suspense=K,e.isAsyncMode=W,e.isConcurrentMode=te,e.isContextConsumer=ue,e.isContextProvider=re,e.isElement=ae,e.isForwardRef=H,e.isFragment=Z,e.isLazy=J,e.isMemo=ge,e.isPortal=ke,e.isProfiler=kt,e.isStrictMode=qe,e.isSuspense=lt,e.isValidElementType=w,e.typeOf=D})()}),xS=Us((e,t)=>{t.exports=ES()}),q3=Us((e,t)=>{var r=xS(),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},s={};s[r.ForwardRef]=o,s[r.Memo]=i;function u(b){return r.isMemo(b)?i:s[b.$$typeof]||n}I(u,"getStatics");var d=Object.defineProperty,f=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,g=Object.prototype;function v(b,x,E){if(typeof x!="string"){if(g){var C=m(x);C&&C!==g&&v(b,C,E)}var w=f(x);h&&(w=w.concat(h(x)));for(var D=u(b),S=u(x),A=0;A<w.length;++A){var k=w[A];if(!a[k]&&!(E&&E[k])&&!(S&&S[k])&&!(D&&D[k])){var F=p(x,k);try{d(b,k,F)}catch{}}}}return b}I(v,"hoistNonReactStatics"),t.exports=v}),CS=Us((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,f){if(!a[d]){if(!n[d]){var h=typeof Ui=="function"&&Ui;if(!f&&h)return h(d,!0);if(s)return s(d,!0);var p=new Error("Cannot find module '"+d+"'");throw p.code="MODULE_NOT_FOUND",p}var m=a[d]={exports:{}};n[d][0].call(m.exports,function(g){var v=n[d][1][g];return i(v||g)},m,m.exports,r,n,a,o)}return a[d].exports}I(i,"s");for(var s=typeof Ui=="function"&&Ui,u=0;u<o.length;u++)i(o[u]);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 s;if(this.lastItem&&this.isEqual(this.lastItem.key,i))return this.lastItem.val;if(s=this.indexOf(i),s>=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var u;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(u=this.indexOf(i),u>=0?(this.lastItem=this.list[u],this.list[u].val=s,this):(this.lastItem={key:i,val:s},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var s;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),s=this.indexOf(i),s>=0)return this.size--,this.list.splice(s,1)[0]},o.prototype.has=function(i){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],!0):!1)},o.prototype.forEach=function(i,s){var u;for(u=0;u<this.size;u++)i.call(s||this,this.list[u].val,this.list[u].key,this)},o.prototype.indexOf=function(i){var s;for(s=0;s<this.size;s++)if(this.isEqual(this.list[s].key,i))return s;return-1},o.prototype.isEqual=function(i,s){return i===s||i!==i&&s!==s},n.exports=o},{}],3:[function(r,n,a){var o=r("map-or-similar");n.exports=function(d){var f=new o(!1),h=[];return function(p){var m=I(function(){var g=f,v,b,x=arguments.length-1,E=Array(x+1),C=!0,w;if((m.numArgs||m.numArgs===0)&&m.numArgs!==x+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(w=0;w<x;w++){if(E[w]={cacheItem:g,arg:arguments[w]},g.has(arguments[w])){g=g.get(arguments[w]);continue}C=!1,v=new o(!1),g.set(arguments[w],v),g=v}return C&&(g.has(arguments[x])?b=g.get(arguments[x]):C=!1),C||(b=p.apply(null,arguments),g.set(arguments[x],b)),d>0&&(E[x]={cacheItem:g,arg:arguments[x]},C?i(h,E):h.push(E),h.length>d&&s(h.shift())),m.wasMemoized=C,m.numArgs=x+1,b},"memoizerific");return m.limit=d,m.wasMemoized=!1,m.cache=f,m.lru=h,m}};function i(d,f){var h=d.length,p=f.length,m,g,v;for(g=0;g<h;g++){for(m=!0,v=0;v<p;v++)if(!u(d[g][v].arg,f[v].arg)){m=!1;break}if(m)break}d.push(d.splice(g,1)[0])}I(i,"moveToMostRecentLru");function s(d){var f=d.length,h=d[f-1],p,m;for(h.cacheItem.delete(h.arg),m=f-2;m>=0&&(h=d[m],p=h.cacheItem.get(h.arg),!p||!p.size);m--)h.cacheItem.delete(h.arg)}I(s,"removeCachedResult");function u(d,f){return d===f||d!==d&&f!==f}I(u,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function Wt(){return Wt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Wt.apply(null,arguments)}I(Wt,"_extends");function Pp(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}I(Pp,"memoize");var DS=/^((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)-.*))$/,Np=Pp(function(e){return DS.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91});function W3(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(W3,"sheetForTag");function G3(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(G3,"createStyleElement");var SS=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(G3(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-CBPKHXgm.js","./iframe-CFAYM9Mj.js","./index-CBqU2yxZ.js","./_commonjsHelpers-BosuxZz1.js","./jsx-runtime-CKrituN3.js","./index-D5dhze5r.js","./index-D-8MO0q_.js","./index-DF3CPj03.js","./index-DrFu-skq.js","./Color-ERTF36HU-DPTAjghN.js"])))=>i.map(i=>d[i]);
2
+ var oS=Object.defineProperty;var iS=(e,t,r)=>t in e?oS(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var jn=(e,t,r)=>iS(e,typeof t!="symbol"?t+"":t,r);import{_ as N3}from"./iframe-CFAYM9Mj.js";import{r as l,R as y}from"./index-CBqU2yxZ.js";import{j as X}from"./jsx-runtime-CKrituN3.js";import{r as Hs,G as H3}from"./index-D5dhze5r.js";import{O as j3,P as lS}from"./index-D-8MO0q_.js";import{c as Vi,g as js}from"./_commonjsHelpers-BosuxZz1.js";import{y as Cm,D as tc}from"./index-DF3CPj03.js";import{d as sS}from"./index-DrFu-skq.js";var uS=Object.create,V3=Object.defineProperty,cS=Object.getOwnPropertyDescriptor,U3=Object.getOwnPropertyNames,dS=Object.getPrototypeOf,pS=Object.prototype.hasOwnProperty,Oa=(e,t)=>function(){return t||(0,e[U3(e)[0]])((t={exports:{}}).exports,t),t.exports},fS=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of U3(t))!pS.call(e,a)&&a!==r&&V3(e,a,{get:()=>t[a],enumerable:!(n=cS(t,a))||n.enumerable});return e},hS=(e,t,r)=>(r=e!=null?uS(dS(e)):{},fS(!e||!e.__esModule?V3(r,"default",{value:e,enumerable:!0}):r,e)),Ct=e=>`control-${e.replace(/\s+/g,"-")}`,Vs=e=>`set-${e.replace(/\s+/g,"-")}`,mS=Object.create,Lp=Object.defineProperty,gS=Object.getOwnPropertyDescriptor,vS=Object.getOwnPropertyNames,yS=Object.getPrototypeOf,bS=Object.prototype.hasOwnProperty,I=(e,t)=>Lp(e,"name",{value:t,configurable:!0}),Ui=(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')}),Us=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),wS=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of vS(t))!bS.call(e,a)&&a!==r&&Lp(e,a,{get:()=>t[a],enumerable:!(n=gS(t,a))||n.enumerable});return e},Mp=(e,t,r)=>(r=e!=null?mS(yS(e)):{},wS(t||!e||!e.__esModule?Lp(r,"default",{value:e,enumerable:!0}):r,e)),ES=Us(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,s=t?Symbol.for("react.provider"):60109,u=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,f=t?Symbol.for("react.concurrent_mode"):60111,h=t?Symbol.for("react.forward_ref"):60112,p=t?Symbol.for("react.suspense"):60113,m=t?Symbol.for("react.suspense_list"):60120,g=t?Symbol.for("react.memo"):60115,v=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,x=t?Symbol.for("react.fundamental"):60117,E=t?Symbol.for("react.responder"):60118,C=t?Symbol.for("react.scope"):60119;function w(P){return typeof P=="string"||typeof P=="function"||P===a||P===f||P===i||P===o||P===p||P===m||typeof P=="object"&&P!==null&&(P.$$typeof===v||P.$$typeof===g||P.$$typeof===s||P.$$typeof===u||P.$$typeof===h||P.$$typeof===x||P.$$typeof===E||P.$$typeof===C||P.$$typeof===b)}I(w,"isValidElementType");function D(P){if(typeof P=="object"&&P!==null){var st=P.$$typeof;switch(st){case r:var _t=P.type;switch(_t){case d:case f:case a:case i:case o:case p:return _t;default:var Gr=_t&&_t.$$typeof;switch(Gr){case u:case h:case v:case g:case s:return Gr;default:return st}}case n:return st}}}I(D,"typeOf");var S=d,A=f,k=u,F=s,T=r,R=h,O=a,z=v,L=g,$=n,M=i,j=o,K=p,N=!1;function W(P){return N||(N=!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(W,"isAsyncMode");function te(P){return D(P)===f}I(te,"isConcurrentMode");function ue(P){return D(P)===u}I(ue,"isContextConsumer");function re(P){return D(P)===s}I(re,"isContextProvider");function ae(P){return typeof P=="object"&&P!==null&&P.$$typeof===r}I(ae,"isElement");function H(P){return D(P)===h}I(H,"isForwardRef");function Z(P){return D(P)===a}I(Z,"isFragment");function J(P){return D(P)===v}I(J,"isLazy");function ge(P){return D(P)===g}I(ge,"isMemo");function ke(P){return D(P)===n}I(ke,"isPortal");function kt(P){return D(P)===i}I(kt,"isProfiler");function qe(P){return D(P)===o}I(qe,"isStrictMode");function lt(P){return D(P)===p}I(lt,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=A,e.ContextConsumer=k,e.ContextProvider=F,e.Element=T,e.ForwardRef=R,e.Fragment=O,e.Lazy=z,e.Memo=L,e.Portal=$,e.Profiler=M,e.StrictMode=j,e.Suspense=K,e.isAsyncMode=W,e.isConcurrentMode=te,e.isContextConsumer=ue,e.isContextProvider=re,e.isElement=ae,e.isForwardRef=H,e.isFragment=Z,e.isLazy=J,e.isMemo=ge,e.isPortal=ke,e.isProfiler=kt,e.isStrictMode=qe,e.isSuspense=lt,e.isValidElementType=w,e.typeOf=D})()}),xS=Us((e,t)=>{t.exports=ES()}),q3=Us((e,t)=>{var r=xS(),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},s={};s[r.ForwardRef]=o,s[r.Memo]=i;function u(b){return r.isMemo(b)?i:s[b.$$typeof]||n}I(u,"getStatics");var d=Object.defineProperty,f=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,g=Object.prototype;function v(b,x,E){if(typeof x!="string"){if(g){var C=m(x);C&&C!==g&&v(b,C,E)}var w=f(x);h&&(w=w.concat(h(x)));for(var D=u(b),S=u(x),A=0;A<w.length;++A){var k=w[A];if(!a[k]&&!(E&&E[k])&&!(S&&S[k])&&!(D&&D[k])){var F=p(x,k);try{d(b,k,F)}catch{}}}}return b}I(v,"hoistNonReactStatics"),t.exports=v}),CS=Us((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,f){if(!a[d]){if(!n[d]){var h=typeof Ui=="function"&&Ui;if(!f&&h)return h(d,!0);if(s)return s(d,!0);var p=new Error("Cannot find module '"+d+"'");throw p.code="MODULE_NOT_FOUND",p}var m=a[d]={exports:{}};n[d][0].call(m.exports,function(g){var v=n[d][1][g];return i(v||g)},m,m.exports,r,n,a,o)}return a[d].exports}I(i,"s");for(var s=typeof Ui=="function"&&Ui,u=0;u<o.length;u++)i(o[u]);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 s;if(this.lastItem&&this.isEqual(this.lastItem.key,i))return this.lastItem.val;if(s=this.indexOf(i),s>=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var u;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(u=this.indexOf(i),u>=0?(this.lastItem=this.list[u],this.list[u].val=s,this):(this.lastItem={key:i,val:s},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var s;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),s=this.indexOf(i),s>=0)return this.size--,this.list.splice(s,1)[0]},o.prototype.has=function(i){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],!0):!1)},o.prototype.forEach=function(i,s){var u;for(u=0;u<this.size;u++)i.call(s||this,this.list[u].val,this.list[u].key,this)},o.prototype.indexOf=function(i){var s;for(s=0;s<this.size;s++)if(this.isEqual(this.list[s].key,i))return s;return-1},o.prototype.isEqual=function(i,s){return i===s||i!==i&&s!==s},n.exports=o},{}],3:[function(r,n,a){var o=r("map-or-similar");n.exports=function(d){var f=new o(!1),h=[];return function(p){var m=I(function(){var g=f,v,b,x=arguments.length-1,E=Array(x+1),C=!0,w;if((m.numArgs||m.numArgs===0)&&m.numArgs!==x+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(w=0;w<x;w++){if(E[w]={cacheItem:g,arg:arguments[w]},g.has(arguments[w])){g=g.get(arguments[w]);continue}C=!1,v=new o(!1),g.set(arguments[w],v),g=v}return C&&(g.has(arguments[x])?b=g.get(arguments[x]):C=!1),C||(b=p.apply(null,arguments),g.set(arguments[x],b)),d>0&&(E[x]={cacheItem:g,arg:arguments[x]},C?i(h,E):h.push(E),h.length>d&&s(h.shift())),m.wasMemoized=C,m.numArgs=x+1,b},"memoizerific");return m.limit=d,m.wasMemoized=!1,m.cache=f,m.lru=h,m}};function i(d,f){var h=d.length,p=f.length,m,g,v;for(g=0;g<h;g++){for(m=!0,v=0;v<p;v++)if(!u(d[g][v].arg,f[v].arg)){m=!1;break}if(m)break}d.push(d.splice(g,1)[0])}I(i,"moveToMostRecentLru");function s(d){var f=d.length,h=d[f-1],p,m;for(h.cacheItem.delete(h.arg),m=f-2;m>=0&&(h=d[m],p=h.cacheItem.get(h.arg),!p||!p.size);m--)h.cacheItem.delete(h.arg)}I(s,"removeCachedResult");function u(d,f){return d===f||d!==d&&f!==f}I(u,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function Wt(){return Wt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Wt.apply(null,arguments)}I(Wt,"_extends");function Pp(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}I(Pp,"memoize");var DS=/^((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)-.*))$/,Np=Pp(function(e){return DS.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91});function W3(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(W3,"sheetForTag");function G3(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(G3,"createStyleElement");var SS=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(G3(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=W3(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}(),Re="-ms-",Gl="-moz-",ne="-webkit-",Hp="comm",jp="rule",Vp="decl",AS="@import",K3="@keyframes",kS="@layer",_S=Math.abs,qs=String.fromCharCode,FS=Object.assign;function Y3(e,t){return Ce(e,0)^45?(((t<<2^Ce(e,0))<<2^Ce(e,1))<<2^Ce(e,2))<<2^Ce(e,3):0}I(Y3,"hash");function Up(e){return e.trim()}I(Up,"trim");function Z3(e,t){return(e=t.exec(e))?e[0]:e}I(Z3,"match");function Q(e,t,r){return e.replace(t,r)}I(Q,"replace");function Kl(e,t){return e.indexOf(t)}I(Kl,"indexof");function Ce(e,t){return e.charCodeAt(t)|0}I(Ce,"charat");function ga(e,t,r){return e.slice(t,r)}I(ga,"substr");function ft(e){return e.length}I(ft,"strlen");function Ws(e){return e.length}I(Ws,"sizeof");function Do(e,t){return t.push(e),e}I(Do,"append");function J3(e,t){return e.map(t).join("")}I(J3,"combine");var Gs=1,va=1,X3=0,je=0,he=0,La="";function fi(e,t,r,n,a,o,i){return{value:e,root:t,parent:r,type:n,props:a,children:o,line:Gs,column:va,length:i,return:""}}I(fi,"node");function Zn(e,t){return FS(fi("",null,null,"",null,null,0),e,{length:-e.length},t)}I(Zn,"copy");function Q3(){return he}I(Q3,"char");function eb(){return he=je>0?Ce(La,--je):0,va--,he===10&&(va=1,Gs--),he}I(eb,"prev");function Pe(){return he=je<X3?Ce(La,je++):0,va++,he===10&&(va=1,Gs++),he}I(Pe,"next");function vt(){return Ce(La,je)}I(vt,"peek");function Lo(){return je}I(Lo,"caret");function Ma(e,t){return ga(La,e,t)}I(Ma,"slice");function ya(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(ya,"token");function qp(e){return Gs=va=1,X3=ft(La=e),je=0,[]}I(qp,"alloc");function Wp(e){return La="",e}I(Wp,"dealloc");function Mo(e){return Up(Ma(je-1,Yl(e===91?e+2:e===40?e+1:e)))}I(Mo,"delimit");function tb(e){for(;(he=vt())&&he<33;)Pe();return ya(e)>2||ya(he)>3?"":" "}I(tb,"whitespace");function rb(e,t){for(;--t&&Pe()&&!(he<48||he>102||he>57&&he<65||he>70&&he<97););return Ma(e,Lo()+(t<6&&vt()==32&&Pe()==32))}I(rb,"escaping");function Yl(e){for(;Pe();)switch(he){case e:return je;case 34:case 39:e!==34&&e!==39&&Yl(he);break;case 40:e===41&&Yl(e);break;case 92:Pe();break}return je}I(Yl,"delimiter");function nb(e,t){for(;Pe()&&e+he!==57&&!(e+he===84&&vt()===47););return"/*"+Ma(t,je-1)+"*"+qs(e===47?e:Pe())}I(nb,"commenter");function ab(e){for(;!ya(vt());)Pe();return Ma(e,je)}I(ab,"identifier");function ob(e){return Wp(Po("",null,null,null,[""],e=qp(e),0,[0],e))}I(ob,"compile");function Po(e,t,r,n,a,o,i,s,u){for(var d=0,f=0,h=i,p=0,m=0,g=0,v=1,b=1,x=1,E=0,C="",w=a,D=o,S=n,A=C;b;)switch(g=E,E=Pe()){case 40:if(g!=108&&Ce(A,h-1)==58){Kl(A+=Q(Mo(E),"&","&\f"),"&\f")!=-1&&(x=-1);break}case 34:case 39:case 91:A+=Mo(E);break;case 9:case 10:case 13:case 32:A+=tb(g);break;case 92:A+=rb(Lo()-1,7);continue;case 47:switch(vt()){case 42:case 47:Do(ib(nb(Pe(),Lo()),t,r),u);break;default:A+="/"}break;case 123*v:s[d++]=ft(A)*x;case 125*v:case 59:case 0:switch(E){case 0:case 125:b=0;case 59+f:x==-1&&(A=Q(A,/\f/g,"")),m>0&&ft(A)-h&&Do(m>32?Ld(A+";",n,r,h-1):Ld(Q(A," ","")+";",n,r,h-2),u);break;case 59:A+=";";default:if(Do(S=Od(A,t,r,d,f,a,s,C,w=[],D=[],h),o),E===123)if(f===0)Po(A,t,S,S,w,o,h,s,D);else switch(p===99&&Ce(A,3)===110?100:p){case 100:case 108:case 109:case 115:Po(e,S,S,n&&Do(Od(e,S,S,0,0,a,s,C,a,w=[],h),D),a,D,h,s,n?w:D);break;default:Po(A,S,S,S,[""],D,0,s,D)}}d=f=m=0,v=x=1,C=A="",h=i;break;case 58:h=1+ft(A),m=g;default:if(v<1){if(E==123)--v;else if(E==125&&v++==0&&eb()==125)continue}switch(A+=qs(E),E*v){case 38:x=f>0?1:(A+="\f",-1);break;case 44:s[d++]=(ft(A)-1)*x,x=1;break;case 64:vt()===45&&(A+=Mo(Pe())),p=vt(),f=h=ft(C=A+=ab(Lo())),E++;break;case 45:g===45&&ft(A)==2&&(v=0)}}return o}I(Po,"parse");function Od(e,t,r,n,a,o,i,s,u,d,f){for(var h=a-1,p=a===0?o:[""],m=Ws(p),g=0,v=0,b=0;g<n;++g)for(var x=0,E=ga(e,h+1,h=_S(v=i[g])),C=e;x<m;++x)(C=Up(v>0?p[x]+" "+E:Q(E,/&\f/g,p[x])))&&(u[b++]=C);return fi(e,t,r,a===0?jp:s,u,d,f)}I(Od,"ruleset");function ib(e,t,r){return fi(e,t,r,Hp,qs(Q3()),ga(e,2,-2),0)}I(ib,"comment");function Ld(e,t,r,n){return fi(e,t,r,Vp,ga(e,0,n),ga(e,n+1,-1),n)}I(Ld,"declaration");function mn(e,t){for(var r="",n=Ws(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}I(mn,"serialize");function lb(e,t,r,n){switch(e.type){case kS:if(e.children.length)break;case AS:case Vp:return e.return=e.return||e.value;case Hp:return"";case K3:return e.return=e.value+"{"+mn(e.children,n)+"}";case jp:e.value=e.props.join(",")}return ft(r=mn(e.children,n))?e.return=e.value+"{"+r+"}":""}I(lb,"stringify");function sb(e){var t=Ws(e);return function(r,n,a,o){for(var i="",s=0;s<t;s++)i+=e[s](r,n,a,o)||"";return i}}I(sb,"middleware");var Dm=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"),IS=I(function(e,t,r){for(var n=0,a=0;n=a,a=vt(),n===38&&a===12&&(t[r]=1),!ya(a);)Pe();return Ma(e,je)},"identifierWithPointTracking"),TS=I(function(e,t){var r=-1,n=44;do switch(ya(n)){case 0:n===38&&vt()===12&&(t[r]=1),e[r]+=IS(je-1,t,r);break;case 2:e[r]+=Mo(n);break;case 4:if(n===44){e[++r]=vt()===58?"&\f":"",t[r]=e[r].length;break}default:e[r]+=qs(n)}while(n=Pe());return e},"toRules"),RS=I(function(e,t){return Wp(TS(qp(e),t))},"getRules"),Sm=new WeakMap,BS=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&&!Sm.get(r))&&!n){Sm.set(e,!0);for(var a=[],o=RS(t,a),i=r.props,s=0,u=0;s<o.length;s++)for(var d=0;d<i.length;d++,u++)e.props[u]=a[s]?o[s].replace(/&\f/g,i[d]):i[d]+" "+o[s]}}},"compat"),zS=I(function(e){if(e.type==="decl"){var t=e.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(e.return="",e.value="")}},"removeLabel"),$S="emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason",OS=I(function(e){return e.type==="comm"&&e.children.indexOf($S)>-1},"isIgnoringComment"),LS=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,s=i.length-1;s>=0;s--){var u=i[s];if(u.line<t.line)break;if(u.column<t.column){if(OS(u))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"),ub=I(function(e){return e.type.charCodeAt(1)===105&&e.type.charCodeAt(0)===64},"isImportRule"),MS=I(function(e,t){for(var r=e-1;r>=0;r--)if(!ub(t[r]))return!0;return!1},"isPrependedWithRegularRules"),Am=I(function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},"nullifyElement"),PS=I(function(e,t,r){ub(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."),Am(e)):MS(t,r)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),Am(e)))},"incorrectImportAlarm");function Gp(e,t){switch(Y3(e,t)){case 5103:return ne+"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 ne+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return ne+e+Gl+e+Re+e+e;case 6828:case 4268:return ne+e+Re+e+e;case 6165:return ne+e+Re+"flex-"+e+e;case 5187:return ne+e+Q(e,/(\w+).+(:[^]+)/,ne+"box-$1$2"+Re+"flex-$1$2")+e;case 5443:return ne+e+Re+"flex-item-"+Q(e,/flex-|-self/,"")+e;case 4675:return ne+e+Re+"flex-line-pack"+Q(e,/align-content|flex-|-self/,"")+e;case 5548:return ne+e+Re+Q(e,"shrink","negative")+e;case 5292:return ne+e+Re+Q(e,"basis","preferred-size")+e;case 6060:return ne+"box-"+Q(e,"-grow","")+ne+e+Re+Q(e,"grow","positive")+e;case 4554:return ne+Q(e,/([^-])(transform)/g,"$1"+ne+"$2")+e;case 6187:return Q(Q(Q(e,/(zoom-|grab)/,ne+"$1"),/(image-set)/,ne+"$1"),e,"")+e;case 5495:case 3959:return Q(e,/(image-set\([^]*)/,ne+"$1$`$1");case 4968:return Q(Q(e,/(.+:)(flex-)?(.*)/,ne+"box-pack:$3"+Re+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+ne+e+e;case 4095:case 3583:case 4068:case 2532:return Q(e,/(.+)-inline(.+)/,ne+"$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(ft(e)-1-t>6)switch(Ce(e,t+1)){case 109:if(Ce(e,t+4)!==45)break;case 102:return Q(e,/(.+:)(.+)-([^]+)/,"$1"+ne+"$2-$3$1"+Gl+(Ce(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Kl(e,"stretch")?Gp(Q(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(Ce(e,t+1)!==115)break;case 6444:switch(Ce(e,ft(e)-3-(~Kl(e,"!important")&&10))){case 107:return Q(e,":",":"+ne)+e;case 101:return Q(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+ne+(Ce(e,14)===45?"inline-":"")+"box$3$1"+ne+"$2$3$1"+Re+"$2box$3")+e}break;case 5936:switch(Ce(e,t+11)){case 114:return ne+e+Re+Q(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return ne+e+Re+Q(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return ne+e+Re+Q(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return ne+e+Re+e+e}return e}I(Gp,"prefix");var NS=I(function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case Vp:e.return=Gp(e.value,e.length);break;case K3:return mn([Zn(e,{value:Q(e.value,"@","@"+ne)})],n);case jp:if(e.length)return J3(e.props,function(a){switch(Z3(a,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return mn([Zn(e,{props:[Q(a,/:(read-\w+)/,":"+Gl+"$1")]})],n);case"::placeholder":return mn([Zn(e,{props:[Q(a,/:(plac\w+)/,":"+ne+"input-$1")]}),Zn(e,{props:[Q(a,/:(plac\w+)/,":"+Gl+"$1")]}),Zn(e,{props:[Q(a,/:(plac\w+)/,Re+"input-$1")]})],n)}return""})}},"prefixer"),HS=[NS],jS=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(g){var v=g.getAttribute("data-emotion");v.indexOf(" ")!==-1&&(document.head.appendChild(g),g.setAttribute("data-s",""))})}var n=e.stylisPlugins||HS;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(g){for(var v=g.getAttribute("data-emotion").split(" "),b=1;b<v.length;b++)a[v[b]]=!0;i.push(g)});var s,u=[BS,zS];u.push(LS({get compat(){return m.compat}}),PS);{var d,f=[lb,function(g){g.root||(g.return?d.insert(g.return):g.value&&g.type!==Hp&&d.insert(g.value+"{}"))}],h=sb(u.concat(n,f)),p=I(function(g){return mn(ob(g),h)},"stylis");s=I(function(g,v,b,x){d=b,v.map!==void 0&&(d={insert:I(function(E){b.insert(E+v.map)},"insert")}),p(g?g+"{"+v.styles+"}":v.styles),x&&(m.inserted[v.name]=!0)},"insert")}var m={key:t,sheet:new SS({key:t,container:o,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:a,registered:{},insert:s};return m.sheet.hydrate(i),m},"createCache"),VS=Mp(q3()),US=I(function(e,t){return(0,VS.default)(e,t)},"hoistNonReactStatics"),qS=!0;function Ks(e,t,r){var n="";return r.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):n+=a+" "}),n}I(Ks,"getRegisteredStyles");var Ys=I(function(e,t,r){var n=e.key+"-"+t.name;(r===!1||qS===!1)&&e.registered[n]===void 0&&(e.registered[n]=t.styles)},"registerStyles"),Zs=I(function(e,t,r){Ys(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 cb(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(cb,"murmur2");var WS={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},km=`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';".
@@ -485,7 +485,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
485
485
  .allow-interactivity-`).concat(e,` {pointer-events: all;}
486
486
  `)},"generateStyle"),r$=0,Gn=[];function C9(e){var t=l.useRef([]),r=l.useRef([0,0]),n=l.useRef(),a=l.useState(r$++)[0],o=l.useState(function(){return b9()})[0],i=l.useRef(e);l.useEffect(function(){i.current=e},[e]),l.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(a));var v=l9([e.lockRef.current],(e.shards||[]).map(gy),!0).filter(Boolean);return v.forEach(function(b){return b.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),v.forEach(function(b){return b.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var s=l.useCallback(function(v,b){if("touches"in v&&v.touches.length===2)return!i.current.allowPinchZoom;var x=hl(v),E=r.current,C="deltaX"in v?v.deltaX:E[0]-x[0],w="deltaY"in v?v.deltaY:E[1]-x[1],D,S=v.target,A=Math.abs(C)>Math.abs(w)?"h":"v";if("touches"in v&&A==="h"&&S.type==="range")return!1;var k=hy(A,S);if(!k)return!0;if(k?D=A:(D=A==="v"?"h":"v",k=hy(A,S)),!k)return!1;if(!n.current&&"changedTouches"in v&&(C||w)&&(n.current=D),!D)return!0;var F=n.current||D;return Qz(F,b,v,F==="h"?C:w,!0)},[]),u=l.useCallback(function(v){var b=v;if(!(!Gn.length||Gn[Gn.length-1]!==o)){var x="deltaY"in b?my(b):hl(b),E=t.current.filter(function(D){return D.name===b.type&&D.target===b.target&&e$(D.delta,x)})[0];if(E&&E.should){b.cancelable&&b.preventDefault();return}if(!E){var C=(i.current.shards||[]).map(gy).filter(Boolean).filter(function(D){return D.contains(b.target)}),w=C.length>0?s(b,C[0]):!i.current.noIsolation;w&&b.cancelable&&b.preventDefault()}}},[]),d=l.useCallback(function(v,b,x,E){var C={name:v,delta:b,target:x,should:E};t.current.push(C),setTimeout(function(){t.current=t.current.filter(function(w){return w!==C})},1)},[]),f=l.useCallback(function(v){r.current=hl(v),n.current=void 0},[]),h=l.useCallback(function(v){d(v.type,my(v),v.target,s(v,e.lockRef.current))},[]),p=l.useCallback(function(v){d(v.type,hl(v),v.target,s(v,e.lockRef.current))},[]);l.useEffect(function(){return Gn.push(o),e.setCallbacks({onScrollCapture:h,onWheelCapture:h,onTouchMoveCapture:p}),document.addEventListener("wheel",u,Wn),document.addEventListener("touchmove",u,Wn),document.addEventListener("touchstart",f,Wn),function(){Gn=Gn.filter(function(v){return v!==o}),document.removeEventListener("wheel",u,Wn),document.removeEventListener("touchmove",u,Wn),document.removeEventListener("touchstart",f,Wn)}},[]);var m=e.removeScrollBar,g=e.inert;return l.createElement(l.Fragment,null,g?l.createElement(o,{styles:t$(a)}):null,m?l.createElement(Wz,{gapMode:"margin"}):null)}c(C9,"RemoveScrollSideCar");var n$=h9(m9,C9),D9=l.forwardRef(function(e,t){return l.createElement(Lu,Pt({},e,{ref:t,sideCar:n$}))});D9.classNames=Lu.classNames;var a$=D9,o$=c(function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},"getDefaultParent"),Kn=new WeakMap,ml=new WeakMap,gl={},wd=0,S9=c(function(e){return e&&(e.host||S9(e.parentNode))},"unwrapHost"),i$=c(function(e,t){return t.map(function(r){if(e.contains(r))return r;var n=S9(r);return n&&e.contains(n)?n:(console.error("aria-hidden",r,"in not contained inside",e,". Doing nothing"),null)}).filter(function(r){return!!r})},"correctTargets"),l$=c(function(e,t,r,n){var a=i$(t,Array.isArray(e)?e:[e]);gl[r]||(gl[r]=new WeakMap);var o=gl[r],i=[],s=new Set,u=new Set(a),d=c(function(h){!h||s.has(h)||(s.add(h),d(h.parentNode))},"keep");a.forEach(d);var f=c(function(h){!h||u.has(h)||Array.prototype.forEach.call(h.children,function(p){if(s.has(p))f(p);else{var m=p.getAttribute(n),g=m!==null&&m!=="false",v=(Kn.get(p)||0)+1,b=(o.get(p)||0)+1;Kn.set(p,v),o.set(p,b),i.push(p),v===1&&g&&ml.set(p,!0),b===1&&p.setAttribute(r,"true"),g||p.setAttribute(n,"true")}})},"deep");return f(t),s.clear(),wd++,function(){i.forEach(function(h){var p=Kn.get(h)-1,m=o.get(h)-1;Kn.set(h,p),o.set(h,m),p||(ml.has(h)||h.removeAttribute(n),ml.delete(h)),m||h.removeAttribute(r)}),wd--,wd||(Kn=new WeakMap,Kn=new WeakMap,ml=new WeakMap,gl={})}},"applyAttributeToOthers"),s$=c(function(e,t,r){r===void 0&&(r="data-aria-hidden");var n=Array.from(Array.isArray(e)?e:[e]),a=t||o$(e);return a?(n.push.apply(n,Array.from(a.querySelectorAll("[aria-live]"))),l$(n,a,r,"aria-hidden")):function(){return null}},"hideOthers"),A9="Dialog",[k9,u$]=jx(A9),[c$,St]=k9(A9),_9=c(e=>{let{__scopeDialog:t,children:r,open:n,defaultOpen:a,onOpenChange:o,modal:i=!0}=e,s=l.useRef(null),u=l.useRef(null),[d=!1,f]=Ux({prop:n,defaultProp:a,onChange:o});return l.createElement(c$,{scope:t,triggerRef:s,contentRef:u,contentId:Hl(),titleId:Hl(),descriptionId:Hl(),open:d,onOpenChange:f,onOpenToggle:l.useCallback(()=>f(h=>!h),[f]),modal:i},r)},"$5d3850c4d0b4e6c7$export$3ddf2d174ce01153"),d$="DialogTrigger",F9=l.forwardRef((e,t)=>{let{__scopeDialog:r,...n}=e,a=St(d$,r),o=Bn(t,a.triggerRef);return l.createElement(Ur.button,ee({type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":Mu(a.open)},n,{ref:o,onClick:pr(e.onClick,a.onOpenToggle)}))}),I9="DialogPortal",[p$,T9]=k9(I9,{forceMount:void 0}),R9=c(e=>{let{__scopeDialog:t,forceMount:r,children:n,container:a}=e,o=St(I9,t);return l.createElement(p$,{scope:t,forceMount:r},l.Children.map(n,i=>l.createElement(Ou,{present:r||o.open},l.createElement($z,{asChild:!0,container:a},i))))},"$5d3850c4d0b4e6c7$export$dad7c95542bacce0"),fp="DialogOverlay",B9=l.forwardRef((e,t)=>{let r=T9(fp,e.__scopeDialog),{forceMount:n=r.forceMount,...a}=e,o=St(fp,e.__scopeDialog);return o.modal?l.createElement(Ou,{present:n||o.open},l.createElement(f$,ee({},a,{ref:t}))):null}),f$=l.forwardRef((e,t)=>{let{__scopeDialog:r,...n}=e,a=St(fp,r);return l.createElement(a$,{as:$u,allowPinchZoom:!0,shards:[a.contentRef]},l.createElement(Ur.div,ee({"data-state":Mu(a.open)},n,{ref:t,style:{pointerEvents:"auto",...n.style}})))}),Ba="DialogContent",z9=l.forwardRef((e,t)=>{let r=T9(Ba,e.__scopeDialog),{forceMount:n=r.forceMount,...a}=e,o=St(Ba,e.__scopeDialog);return l.createElement(Ou,{present:n||o.open},o.modal?l.createElement(h$,ee({},a,{ref:t})):l.createElement(m$,ee({},a,{ref:t})))}),h$=l.forwardRef((e,t)=>{let r=St(Ba,e.__scopeDialog),n=l.useRef(null),a=Bn(t,r.contentRef,n);return l.useEffect(()=>{let o=n.current;if(o)return s$(o)},[]),l.createElement($9,ee({},e,{ref:a,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:pr(e.onCloseAutoFocus,o=>{var i;o.preventDefault(),(i=r.triggerRef.current)===null||i===void 0||i.focus()}),onPointerDownOutside:pr(e.onPointerDownOutside,o=>{let i=o.detail.originalEvent,s=i.button===0&&i.ctrlKey===!0;(i.button===2||s)&&o.preventDefault()}),onFocusOutside:pr(e.onFocusOutside,o=>o.preventDefault())}))}),m$=l.forwardRef((e,t)=>{let r=St(Ba,e.__scopeDialog),n=l.useRef(!1),a=l.useRef(!1);return l.createElement($9,ee({},e,{ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:c(o=>{var i;if((i=e.onCloseAutoFocus)===null||i===void 0||i.call(e,o),!o.defaultPrevented){var s;n.current||(s=r.triggerRef.current)===null||s===void 0||s.focus(),o.preventDefault()}n.current=!1,a.current=!1},"onCloseAutoFocus"),onInteractOutside:c(o=>{var i,s;(i=e.onInteractOutside)===null||i===void 0||i.call(e,o),o.defaultPrevented||(n.current=!0,o.detail.originalEvent.type==="pointerdown"&&(a.current=!0));let u=o.target;!((s=r.triggerRef.current)===null||s===void 0)&&s.contains(u)&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&a.current&&o.preventDefault()},"onInteractOutside")}))}),$9=l.forwardRef((e,t)=>{let{__scopeDialog:r,trapFocus:n,onOpenAutoFocus:a,onCloseAutoFocus:o,...i}=e,s=St(Ba,r),u=l.useRef(null),d=Bn(t,u);return i9(),l.createElement(l.Fragment,null,l.createElement(zz,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:a,onUnmountAutoFocus:o},l.createElement(Bz,ee({role:"dialog",id:s.contentId,"aria-describedby":s.descriptionId,"aria-labelledby":s.titleId,"data-state":Mu(s.open)},i,{ref:d,onDismiss:c(()=>s.onOpenChange(!1),"onDismiss")}))),!1)}),O9="DialogTitle",L9=l.forwardRef((e,t)=>{let{__scopeDialog:r,...n}=e,a=St(O9,r);return l.createElement(Ur.h2,ee({id:a.titleId},n,{ref:t}))}),g$="DialogDescription",M9=l.forwardRef((e,t)=>{let{__scopeDialog:r,...n}=e,a=St(g$,r);return l.createElement(Ur.p,ee({id:a.descriptionId},n,{ref:t}))}),v$="DialogClose",P9=l.forwardRef((e,t)=>{let{__scopeDialog:r,...n}=e,a=St(v$,r);return l.createElement(Ur.button,ee({type:"button"},n,{ref:t,onClick:pr(e.onClick,()=>a.onOpenChange(!1))}))});function Mu(e){return e?"open":"closed"}c(Mu,"$5d3850c4d0b4e6c7$var$getState");var y$="DialogTitleWarning",[b$,jne]=Hx(y$,{contentName:Ba,titleName:O9,docsSlug:"dialog"}),N9=_9,w$=F9,H9=R9,j9=B9,V9=z9,U9=L9,q9=M9,W9=P9,G9={};Pa(G9,{Actions:()=>F$,CloseButton:()=>J9,Col:()=>Q9,Container:()=>Z9,Content:()=>S$,Description:()=>_$,Error:()=>I$,ErrorWrapper:()=>eC,Header:()=>A$,Overlay:()=>Y9,Row:()=>X9,Title:()=>k$});const{deprecate:E$}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var zn=l.forwardRef(({asChild:e=!1,animation:t="none",size:r="small",variant:n="outline",padding:a="medium",disabled:o=!1,active:i=!1,onClick:s,...u},d)=>{let f="button";u.isLink&&(f="a"),e&&(f=$u);let h=n,p=r,[m,g]=l.useState(!1),v=c(b=>{s&&s(b),t!=="none"&&g(!0)},"handleClick");if(l.useEffect(()=>{let b=setTimeout(()=>{m&&g(!1)},1e3);return()=>clearTimeout(b)},[m]),u.primary&&(h="solid",p="medium"),(u.secondary||u.tertiary||u.gray||u.outline||u.inForm)&&(h="outline",p="medium"),u.small||u.isLink||u.primary||u.secondary||u.tertiary||u.gray||u.outline||u.inForm||u.containsIcon){let b=y.Children.toArray(u.children).filter(x=>typeof x=="string"&&x!=="");E$(`Use of deprecated props in the button ${b.length>0?`"${b.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return y.createElement(x$,{as:f,ref:d,variant:h,size:p,padding:a,disabled:o,active:i,animating:m,animation:t,onClick:v,...u})});zn.displayName="Button";var x$=_("button",{shouldForwardProp:c(e=>Np(e),"shouldForwardProp")})(({theme:e,variant:t,size:r,disabled:n,active:a,animating:o,animation:i="none",padding:s})=>({border:0,cursor:n?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:s==="small"&&r==="small"?"0 7px":s==="small"&&r==="medium"?"0 9px":r==="small"?"0 10px":r==="medium"?"0 12px":0,height:r==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:n?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&a?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:a?tt(.9,e.barTextColor):"transparent",color:a?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:tt(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:tt(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${ui(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&a?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:void 0,background:(()=>{let u=e.color.secondary;return t==="solid"&&(u=e.color.secondary),t==="outline"&&(u=e.button.background),t==="ghost"?tt(.86,e.color.secondary):e.base==="light"?aa(.02,u):uy(.03,u)})()},"&:active":{color:t==="ghost"?e.color.secondary:void 0,background:(()=>{let u=e.color.secondary;return t==="solid"&&(u=e.color.secondary),t==="outline"&&(u=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?aa(.02,u):uy(.03,u)})()},"&:focus":{boxShadow:`${ui(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:o&&i!=="none"?`${e.animation[i]} 1000ms ease-out`:""}})),yn=l.forwardRef(({padding:e="small",variant:t="ghost",...r},n)=>y.createElement(zn,{padding:e,variant:t,ref:n,...r}));yn.displayName="IconButton";var K9=mr({from:{opacity:0},to:{opacity:1}}),C$=mr({from:{maxHeight:0},to:{}}),D$=mr({from:{opacity:0,transform:"translate(-50%, -50%) scale(0.9)"},to:{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),Y9=_.div({backgroundColor:"rgba(27, 28, 29, 0.2)",position:"fixed",inset:0,width:"100%",height:"100%",zIndex:10,animation:`${K9} 200ms`}),Z9=_.div(({theme:e,width:t,height:r})=>({backgroundColor:e.background.bar,borderRadius:6,boxShadow:"rgba(255, 255, 255, 0.05) 0 0 0 1px inset, rgba(14, 18, 22, 0.35) 0px 10px 38px -10px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:t??740,height:r??"auto",maxWidth:"calc(100% - 40px)",maxHeight:"85vh",overflow:"hidden",zIndex:11,animation:`${D$} 200ms`,"&:focus-visible":{outline:"none"}})),J9=c(e=>y.createElement(W9,{asChild:!0},y.createElement(yn,{...e},y.createElement(Lx,null))),"CloseButton"),S$=_.div({display:"flex",flexDirection:"column",margin:16,gap:16}),X9=_.div({display:"flex",justifyContent:"space-between",gap:16}),Q9=_.div({display:"flex",flexDirection:"column",gap:4}),A$=c(e=>y.createElement(X9,null,y.createElement(Q9,{...e}),y.createElement(J9,null)),"Header"),k$=_(U9)(({theme:e})=>({margin:0,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold})),_$=_(q9)(({theme:e})=>({position:"relative",zIndex:1,margin:0,fontSize:e.typography.size.s2})),F$=_.div({display:"flex",flexDirection:"row-reverse",gap:8}),eC=_.div(({theme:e})=>({maxHeight:100,overflow:"auto",animation:`${C$} 300ms, ${K9} 300ms`,backgroundColor:e.background.critical,color:e.color.lightest,fontSize:e.typography.size.s2,"& > div":{position:"relative",padding:"8px 16px"}})),I$=c(({children:e,...t})=>y.createElement(eC,{...t},y.createElement("div",null,e)),"Error");function tC({children:e,width:t,height:r,onEscapeKeyDown:n,onInteractOutside:a=c(u=>u.preventDefault(),"onInteractOutside"),className:o,container:i,...s}){return y.createElement(N9,{...s},y.createElement(H9,{container:i},y.createElement(j9,{asChild:!0},y.createElement(Y9,null)),y.createElement(V9,{asChild:!0,onInteractOutside:a,onEscapeKeyDown:n},y.createElement(Z9,{className:o,width:t,height:r},e))))}c(tC,"BaseModal");var Vne=Object.assign(tC,G9,{Dialog:Px}),T$=c(e=>typeof e=="number"?e:Number(e),"toNumber"),R$=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Hd}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Hd}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),Une=c(({col:e,row:t,outer:r,children:n,...a})=>{let o=T$(typeof r=="number"||!r?r:e||t);return y.createElement(R$,{col:e,row:t,outer:o,...a},n)},"Spaced"),B$=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),z$=_.div(),$$=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),qne=c(({children:e,...t})=>{let[r,n]=l.Children.toArray(e);return y.createElement($$,{...t},y.createElement(B$,null,r),n&&y.createElement(z$,null,n))},"Placeholder");gf();function rC(e,t){var r=l.useRef(null),n=l.useRef(null);n.current=t;var a=l.useRef(null);l.useEffect(function(){o()});var o=l.useCallback(function(){var i=a.current,s=n.current,u=i||(s?s instanceof Element?s:s.current:null);r.current&&r.current.element===u&&r.current.subscriber===e||(r.current&&r.current.cleanup&&r.current.cleanup(),r.current={element:u,subscriber:e,cleanup:u?e(u):void 0})},[e]);return l.useEffect(function(){return function(){r.current&&r.current.cleanup&&(r.current.cleanup(),r.current=null)}},[]),l.useCallback(function(i){a.current=i,o()},[o])}c(rC,"useResolvedElement");function hp(e,t,r){return e[t]?e[t][0]?e[t][0][r]:e[t][r]:t==="contentBoxSize"?e.contentRect[r==="inlineSize"?"width":"height"]:void 0}c(hp,"extractSize");function Oh(e){e===void 0&&(e={});var t=e.onResize,r=l.useRef(void 0);r.current=t;var n=e.round||Math.round,a=l.useRef(),o=l.useState({width:void 0,height:void 0}),i=o[0],s=o[1],u=l.useRef(!1);l.useEffect(function(){return u.current=!1,function(){u.current=!0}},[]);var d=l.useRef({width:void 0,height:void 0}),f=rC(l.useCallback(function(h){return(!a.current||a.current.box!==e.box||a.current.round!==n)&&(a.current={box:e.box,round:n,instance:new ResizeObserver(function(p){var m=p[0],g=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",v=hp(m,g,"inlineSize"),b=hp(m,g,"blockSize"),x=v?n(v):void 0,E=b?n(b):void 0;if(d.current.width!==x||d.current.height!==E){var C={width:x,height:E};d.current.width=x,d.current.height=E,r.current?r.current(C):u.current||s(C)}})}),a.current.instance.observe(h,{box:e.box}),function(){a.current&&a.current.instance.unobserve(h)}},[e.box,n]),e.ref);return l.useMemo(function(){return{ref:f,width:i.width,height:i.height}},[f,i.width,i.height])}c(Oh,"useResizeObserver");var O$=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function nC({scale:e,children:t}){let r=l.useRef(null),[n,a]=l.useState(0),o=l.useCallback(({height:i})=>{i&&a(i/e)},[e]);return l.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Oh({ref:r,onResize:o}),y.createElement(O$,{scale:e,elementHeight:n},y.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}c(nC,"ZoomElement");var aC=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:t}=this.props;this.iframe=t.current}shouldComponentUpdate(t){let{scale:r,active:n}=this.props;return r!==t.scale&&this.setIframeInnerZoom(t.scale),n!==t.active&&this.iframe.setAttribute("data-is-storybook",t.active?"true":"false"),t.children.props.src!==this.props.children.props.src}setIframeInnerZoom(t){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}catch{this.setIframeZoom(t)}}setIframeZoom(t){Object.assign(this.iframe.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}render(){let{children:t}=this.props;return y.createElement(y.Fragment,null,t)}};c(aC,"ZoomIFrame");var L$=aC,M$={Element:nC,IFrame:L$};rf();var{document:P$}=eu,N$=_.strong(({theme:e})=>({color:e.color.orange})),H$=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),vy=_.em(({theme:e})=>({color:e.textMutedColor})),j$=/(Error): (.*)\n/,V$=/at (?:(.*) )?\(?(.+)\)?/,U$=/([^@]+)?(?:\/<)?@(.+)?/,q$=/([^@]+)?@(.+)?/,W$=c(({error:e})=>{if(!e)return y.createElement(l.Fragment,null,"This error has no stack or message");if(!e.stack)return y.createElement(l.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message}
487
487
 
488
- ${t}`);let r=t.match(j$);if(!r)return y.createElement(l.Fragment,null,t);let[,n,a]=r,o=t.split(/\n/).slice(1),[,...i]=o.map(s=>{let u=s.match(V$)||s.match(U$)||s.match(q$);return u?{name:(u[1]||"").replace("/<",""),location:u[2].replace(P$.location.origin,"")}:null}).filter(Boolean);return y.createElement(l.Fragment,null,y.createElement("span",null,n),": ",y.createElement(N$,null,a),y.createElement("br",null),i.map((s,u)=>s!=null&&s.name?y.createElement(l.Fragment,{key:u}," ","at ",y.createElement(H$,null,s.name)," (",y.createElement(vy,null,s.location),")",y.createElement("br",null)):y.createElement(l.Fragment,{key:u}," ","at ",y.createElement(vy,null,s==null?void 0:s.location),y.createElement("br",null))))},"ErrorFormatter"),G$=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),K$=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Y$=c(({label:e,children:t,...r})=>y.createElement(G$,{...r},e?y.createElement(K$,null,y.createElement("span",null,e)):null,t),"Field");er();nf();var Z$=l.useLayoutEffect,J$=Z$,X$=c(function(e){var t=l.useRef(e);return J$(function(){t.current=e}),t},"useLatest"),yy=c(function(e,t){if(typeof e=="function"){e(t);return}e.current=t},"updateRef"),Q$=c(function(e,t){var r=l.useRef();return l.useCallback(function(n){e.current=n,r.current&&yy(r.current,null),r.current=t,t&&yy(t,n)},[t])},"useComposedRef"),eO=Q$,by={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},tO=c(function(e){Object.keys(by).forEach(function(t){e.style.setProperty(t,by[t],"important")})},"forceHiddenStyles"),wy=tO,ze=null,Ey=c(function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize},"getHeight");function oC(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),ze||(ze=document.createElement("textarea"),ze.setAttribute("tabindex","-1"),ze.setAttribute("aria-hidden","true"),wy(ze)),ze.parentNode===null&&document.body.appendChild(ze);var a=e.paddingSize,o=e.borderSize,i=e.sizingStyle,s=i.boxSizing;Object.keys(i).forEach(function(p){var m=p;ze.style[m]=i[m]}),wy(ze),ze.value=t;var u=Ey(ze,e);ze.value=t,u=Ey(ze,e),ze.value="x";var d=ze.scrollHeight-a,f=d*r;s==="border-box"&&(f=f+a+o),u=Math.max(f,u);var h=d*n;return s==="border-box"&&(h=h+a+o),u=Math.min(h,u),[u,d]}c(oC,"calculateNodeHeight");var xy=c(function(){},"noop"),rO=c(function(e,t){return e.reduce(function(r,n){return r[n]=t[n],r},{})},"pick"),nO=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],aO=!!document.documentElement.currentStyle,oO=c(function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=rO(nO,t),n=r.boxSizing;if(n==="")return null;aO&&n==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var a=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),o=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:a,borderSize:o}},"getSizingData"),iO=oO;function Lh(e,t,r){var n=X$(r);l.useLayoutEffect(function(){var a=c(function(o){return n.current(o)},"handler");if(e)return e.addEventListener(t,a),function(){return e.removeEventListener(t,a)}},[])}c(Lh,"useListener");var lO=c(function(e){Lh(window,"resize",e)},"useWindowResizeListener"),sO=c(function(e){Lh(document.fonts,"loadingdone",e)},"useFontsLoadedListener"),uO=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],cO=c(function(e,t){var r=e.cacheMeasurements,n=e.maxRows,a=e.minRows,o=e.onChange,i=o===void 0?xy:o,s=e.onHeightChange,u=s===void 0?xy:s,d=ru(e,uO),f=d.value!==void 0,h=l.useRef(null),p=eO(h,t),m=l.useRef(0),g=l.useRef(),v=c(function(){var x=h.current,E=r&&g.current?g.current:iO(x);if(E){g.current=E;var C=oC(E,x.value||x.placeholder||"x",a,n),w=C[0],D=C[1];m.current!==w&&(m.current=w,x.style.setProperty("height",w+"px","important"),u(w,{rowHeight:D}))}},"resizeTextarea"),b=c(function(x){f||v(),i(x)},"handleChange");return l.useLayoutEffect(v),lO(v),sO(v),l.createElement("textarea",ee({},d,{onChange:b,ref:p}))},"TextareaAutosize"),dO=l.forwardRef(cO),pO={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Mh=c(({theme:e})=>({...pO,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),"styles"),Ph=c(({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},"sizes"),iC=c(({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},"alignment"),Nh=c(({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},"validation"),fO=Object.assign(_(l.forwardRef(c(function({size:e,valid:t,align:r,...n},a){return y.createElement("input",{...n,ref:a})},"Input")))(Mh,Ph,iC,Nh,{minHeight:32}),{displayName:"Input"}),hO=Object.assign(_(l.forwardRef(c(function({size:e,valid:t,align:r,...n},a){return y.createElement("select",{...n,ref:a})},"Select")))(Mh,Ph,Nh,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),mO=Object.assign(_(l.forwardRef(c(function({size:e,valid:t,align:r,...n},a){return y.createElement(dO,{...n,ref:a})},"Textarea")))(Mh,Ph,iC,Nh,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),Oi=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:Y$,Input:fO,Select:hO,Textarea:mO,Button:zn}),gO=l.lazy(()=>Promise.resolve().then(()=>(Ah(),Sh)).then(e=>({default:e.WithTooltip}))),Gne=c(e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(gO,{...e})),"WithTooltip"),vO=l.lazy(()=>Promise.resolve().then(()=>(Ah(),Sh)).then(e=>({default:e.WithTooltipPure}))),yO=c(e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(vO,{...e})),"WithTooltipPure"),bO=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),wO=_.span(),EO=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),xO=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),CO=_.div({padding:15,width:280,boxSizing:"border-box"}),Kne=c(({title:e,desc:t,links:r})=>y.createElement(CO,null,y.createElement(xO,null,e&&y.createElement(bO,null,e),t&&y.createElement(wO,null,t)),r&&y.createElement(EO,null,r.map(({title:n,...a})=>y.createElement(ma,{...a,key:n},n)))),"TooltipMessage"),DO=_.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),Yne=c(({note:e,...t})=>y.createElement(DO,{...t},e),"TooltipNote"),SO=Ae(tu(),1),AO=_(({active:e,loading:t,disabled:r,...n})=>y.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:tt(.7,t.color.defaultText)}:{}),kO=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),_O=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),FO=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),IO=_.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),TO=_.div(({theme:e})=>({width:"100%",border:"none",background:"none",fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10}}),({theme:e,href:t,onClick:r})=>(t||r)&&{cursor:"pointer","&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}},({disabled:e})=>e&&{cursor:"not-allowed"}),RO=(0,SO.default)(100)((e,t,r)=>({...e&&{as:"button",onClick:e},...t&&{as:"a",href:t,...r&&{as:r,to:t}}})),BO=c(({loading:e=!1,title:t=y.createElement("span",null,"Loading state"),center:r=null,right:n=null,active:a=!1,disabled:o=!1,isIndented:i,href:s=void 0,onClick:u=void 0,icon:d,LinkWrapper:f=void 0,...h})=>{let p={active:a,disabled:o},m=RO(u,s,f);return y.createElement(TO,{...h,...p,...m},y.createElement(y.Fragment,null,d&&y.createElement(IO,{...p},d),t||r?y.createElement(_O,{isIndented:!!(!d&&i)},t&&y.createElement(AO,{...p,loading:e},t),r&&y.createElement(FO,{...p},r)):null,n&&y.createElement(kO,{...p},n)))},"ListItem"),zO=BO,$O=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),OO=c(({id:e,onClick:t,...r})=>{let{active:n,disabled:a,title:o}=r,i=l.useCallback(s=>t==null?void 0:t(s,{id:e,active:n,disabled:a,title:o}),[t,e,n,a,o]);return y.createElement(zO,{id:`list-item-${e}`,...r,...t&&{onClick:i}})},"Item"),LO=c(({links:e,LinkWrapper:t,...r})=>{let n=e.some(a=>a.icon);return y.createElement($O,{...r},e.map(a=>y.createElement(OO,{key:a.id,isIndented:n,LinkWrapper:t,...a})))},"TooltipLinkList");gf();var mp=_.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});mp.displayName="Side";var MO=c(({children:e,className:t,scrollable:r})=>r?y.createElement(as,{vertical:!1,className:t},e):y.createElement("div",{className:t},e),"UnstyledBar"),lC=_(MO)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});lC.displayName="Bar";var PO=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Hh=c(({children:e,backgroundColor:t,className:r,...n})=>{let[a,o]=l.Children.toArray(e);return y.createElement(lC,{className:`sb-bar ${r}`,...n},y.createElement(PO,{bgColor:t},y.createElement(mp,{scrollable:n.scrollable,left:!0},a),o?y.createElement(mp,{right:!0},o):null))},"FlexBar");Hh.displayName="FlexBar";var NO=c(e=>typeof e.props.href=="string","isLink"),HO=c(e=>typeof e.props.href!="string","isButton");function sC({children:e,...t},r){let n={props:t,ref:r};if(NO(n))return y.createElement("a",{ref:n.ref,...n.props},e);if(HO(n))return y.createElement("button",{ref:n.ref,type:"button",...n.props},e);throw new Error("invalid props")}c(sC,"ForwardRefFunction");var uC=l.forwardRef(sC);uC.displayName="ButtonOrLink";var Pu=_(uC,{shouldForwardProp:Np})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.barSelectedColor}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent","&:hover":{color:r.barHoverColor}});Pu.displayName="TabButton";var jO=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),VO=_.div(()=>({marginTop:6,padding:7,height:28})),Zne=c(()=>y.createElement(VO,null,y.createElement(jO,null)),"IconButtonSkeleton"),UO=_.div(({theme:e})=>({height:"100%",display:"flex",padding:30,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:e.background.content})),qO=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),WO=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),GO=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),cC=c(({title:e,description:t,footer:r})=>y.createElement(UO,null,y.createElement(qO,null,y.createElement(WO,null,e),t&&y.createElement(GO,null,t)),r),"EmptyTabContent"),dC=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),KO=c(e=>l.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let o=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof o=="function"?o:({active:i})=>y.createElement(dC,{active:i,role:"tabpanel"},o)}}),"childrenToList");Ah();var YO=_.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),ZO=_(Pu)(({active:e,theme:t,preActive:r})=>`
488
+ ${t}`);let r=t.match(j$);if(!r)return y.createElement(l.Fragment,null,t);let[,n,a]=r,o=t.split(/\n/).slice(1),[,...i]=o.map(s=>{let u=s.match(V$)||s.match(U$)||s.match(q$);return u?{name:(u[1]||"").replace("/<",""),location:u[2].replace(P$.location.origin,"")}:null}).filter(Boolean);return y.createElement(l.Fragment,null,y.createElement("span",null,n),": ",y.createElement(N$,null,a),y.createElement("br",null),i.map((s,u)=>s!=null&&s.name?y.createElement(l.Fragment,{key:u}," ","at ",y.createElement(H$,null,s.name)," (",y.createElement(vy,null,s.location),")",y.createElement("br",null)):y.createElement(l.Fragment,{key:u}," ","at ",y.createElement(vy,null,s==null?void 0:s.location),y.createElement("br",null))))},"ErrorFormatter"),G$=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),K$=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Y$=c(({label:e,children:t,...r})=>y.createElement(G$,{...r},e?y.createElement(K$,null,y.createElement("span",null,e)):null,t),"Field");er();nf();var Z$=l.useLayoutEffect,J$=Z$,X$=c(function(e){var t=l.useRef(e);return J$(function(){t.current=e}),t},"useLatest"),yy=c(function(e,t){if(typeof e=="function"){e(t);return}e.current=t},"updateRef"),Q$=c(function(e,t){var r=l.useRef();return l.useCallback(function(n){e.current=n,r.current&&yy(r.current,null),r.current=t,t&&yy(t,n)},[t])},"useComposedRef"),eO=Q$,by={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},tO=c(function(e){Object.keys(by).forEach(function(t){e.style.setProperty(t,by[t],"important")})},"forceHiddenStyles"),wy=tO,ze=null,Ey=c(function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize},"getHeight");function oC(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),ze||(ze=document.createElement("textarea"),ze.setAttribute("tabindex","-1"),ze.setAttribute("aria-hidden","true"),wy(ze)),ze.parentNode===null&&document.body.appendChild(ze);var a=e.paddingSize,o=e.borderSize,i=e.sizingStyle,s=i.boxSizing;Object.keys(i).forEach(function(p){var m=p;ze.style[m]=i[m]}),wy(ze),ze.value=t;var u=Ey(ze,e);ze.value=t,u=Ey(ze,e),ze.value="x";var d=ze.scrollHeight-a,f=d*r;s==="border-box"&&(f=f+a+o),u=Math.max(f,u);var h=d*n;return s==="border-box"&&(h=h+a+o),u=Math.min(h,u),[u,d]}c(oC,"calculateNodeHeight");var xy=c(function(){},"noop"),rO=c(function(e,t){return e.reduce(function(r,n){return r[n]=t[n],r},{})},"pick"),nO=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],aO=!!document.documentElement.currentStyle,oO=c(function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=rO(nO,t),n=r.boxSizing;if(n==="")return null;aO&&n==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var a=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),o=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:a,borderSize:o}},"getSizingData"),iO=oO;function Lh(e,t,r){var n=X$(r);l.useLayoutEffect(function(){var a=c(function(o){return n.current(o)},"handler");if(e)return e.addEventListener(t,a),function(){return e.removeEventListener(t,a)}},[])}c(Lh,"useListener");var lO=c(function(e){Lh(window,"resize",e)},"useWindowResizeListener"),sO=c(function(e){Lh(document.fonts,"loadingdone",e)},"useFontsLoadedListener"),uO=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],cO=c(function(e,t){var r=e.cacheMeasurements,n=e.maxRows,a=e.minRows,o=e.onChange,i=o===void 0?xy:o,s=e.onHeightChange,u=s===void 0?xy:s,d=ru(e,uO),f=d.value!==void 0,h=l.useRef(null),p=eO(h,t),m=l.useRef(0),g=l.useRef(),v=c(function(){var x=h.current,E=r&&g.current?g.current:iO(x);if(E){g.current=E;var C=oC(E,x.value||x.placeholder||"x",a,n),w=C[0],D=C[1];m.current!==w&&(m.current=w,x.style.setProperty("height",w+"px","important"),u(w,{rowHeight:D}))}},"resizeTextarea"),b=c(function(x){f||v(),i(x)},"handleChange");return l.useLayoutEffect(v),lO(v),sO(v),l.createElement("textarea",ee({},d,{onChange:b,ref:p}))},"TextareaAutosize"),dO=l.forwardRef(cO),pO={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Mh=c(({theme:e})=>({...pO,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),"styles"),Ph=c(({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},"sizes"),iC=c(({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},"alignment"),Nh=c(({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},"validation"),fO=Object.assign(_(l.forwardRef(c(function({size:e,valid:t,align:r,...n},a){return y.createElement("input",{...n,ref:a})},"Input")))(Mh,Ph,iC,Nh,{minHeight:32}),{displayName:"Input"}),hO=Object.assign(_(l.forwardRef(c(function({size:e,valid:t,align:r,...n},a){return y.createElement("select",{...n,ref:a})},"Select")))(Mh,Ph,Nh,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),mO=Object.assign(_(l.forwardRef(c(function({size:e,valid:t,align:r,...n},a){return y.createElement(dO,{...n,ref:a})},"Textarea")))(Mh,Ph,iC,Nh,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),Oi=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:Y$,Input:fO,Select:hO,Textarea:mO,Button:zn}),gO=l.lazy(()=>Promise.resolve().then(()=>(Ah(),Sh)).then(e=>({default:e.WithTooltip}))),Gne=c(e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(gO,{...e})),"WithTooltip"),vO=l.lazy(()=>Promise.resolve().then(()=>(Ah(),Sh)).then(e=>({default:e.WithTooltipPure}))),yO=c(e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(vO,{...e})),"WithTooltipPure"),bO=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),wO=_.span(),EO=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),xO=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),CO=_.div({padding:15,width:280,boxSizing:"border-box"}),Kne=c(({title:e,desc:t,links:r})=>y.createElement(CO,null,y.createElement(xO,null,e&&y.createElement(bO,null,e),t&&y.createElement(wO,null,t)),r&&y.createElement(EO,null,r.map(({title:n,...a})=>y.createElement(ma,{...a,key:n},n)))),"TooltipMessage"),DO=_.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),Yne=c(({note:e,...t})=>y.createElement(DO,{...t},e),"TooltipNote"),SO=Ae(tu(),1),AO=_(({active:e,loading:t,disabled:r,...n})=>y.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:tt(.7,t.color.defaultText)}:{}),kO=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),_O=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),FO=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),IO=_.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),TO=_.div(({theme:e})=>({width:"100%",border:"none",background:"none",fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10}}),({theme:e,href:t,onClick:r})=>(t||r)&&{cursor:"pointer","&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}},({disabled:e})=>e&&{cursor:"not-allowed"}),RO=(0,SO.default)(100)((e,t,r)=>({...e&&{as:"button",onClick:e},...t&&{as:"a",href:t,...r&&{as:r,to:t}}})),BO=c(({loading:e=!1,title:t=y.createElement("span",null,"Loading state"),center:r=null,right:n=null,active:a=!1,disabled:o=!1,isIndented:i,href:s=void 0,onClick:u=void 0,icon:d,LinkWrapper:f=void 0,...h})=>{let p={active:a,disabled:o},m=RO(u,s,f);return y.createElement(TO,{...h,...p,...m},y.createElement(y.Fragment,null,d&&y.createElement(IO,{...p},d),t||r?y.createElement(_O,{isIndented:!!(!d&&i)},t&&y.createElement(AO,{...p,loading:e},t),r&&y.createElement(FO,{...p},r)):null,n&&y.createElement(kO,{...p},n)))},"ListItem"),zO=BO,$O=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),OO=c(({id:e,onClick:t,...r})=>{let{active:n,disabled:a,title:o,href:i}=r,s=l.useCallback(u=>t==null?void 0:t(u,{id:e,active:n,disabled:a,title:o,href:i}),[t,e,n,a,o,i]);return y.createElement(zO,{id:`list-item-${e}`,...r,...t&&{onClick:s}})},"Item"),LO=c(({links:e,LinkWrapper:t,...r})=>{let n=e.some(a=>a.icon);return y.createElement($O,{...r},e.map(a=>y.createElement(OO,{key:a.id,isIndented:n,LinkWrapper:t,...a})))},"TooltipLinkList");gf();var mp=_.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});mp.displayName="Side";var MO=c(({children:e,className:t,scrollable:r})=>r?y.createElement(as,{vertical:!1,className:t},e):y.createElement("div",{className:t},e),"UnstyledBar"),lC=_(MO)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});lC.displayName="Bar";var PO=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Hh=c(({children:e,backgroundColor:t,className:r,...n})=>{let[a,o]=l.Children.toArray(e);return y.createElement(lC,{className:`sb-bar ${r}`,...n},y.createElement(PO,{bgColor:t},y.createElement(mp,{scrollable:n.scrollable,left:!0},a),o?y.createElement(mp,{right:!0},o):null))},"FlexBar");Hh.displayName="FlexBar";var NO=c(e=>typeof e.props.href=="string","isLink"),HO=c(e=>typeof e.props.href!="string","isButton");function sC({children:e,...t},r){let n={props:t,ref:r};if(NO(n))return y.createElement("a",{ref:n.ref,...n.props},e);if(HO(n))return y.createElement("button",{ref:n.ref,type:"button",...n.props},e);throw new Error("invalid props")}c(sC,"ForwardRefFunction");var uC=l.forwardRef(sC);uC.displayName="ButtonOrLink";var Pu=_(uC,{shouldForwardProp:Np})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.barSelectedColor}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent","&:hover":{color:r.barHoverColor}});Pu.displayName="TabButton";var jO=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),VO=_.div(()=>({marginTop:6,padding:7,height:28})),Zne=c(()=>y.createElement(VO,null,y.createElement(jO,null)),"IconButtonSkeleton"),UO=_.div(({theme:e})=>({height:"100%",display:"flex",padding:30,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:e.background.content})),qO=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),WO=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),GO=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),cC=c(({title:e,description:t,footer:r})=>y.createElement(UO,null,y.createElement(qO,null,y.createElement(WO,null,e),t&&y.createElement(GO,null,t)),r),"EmptyTabContent"),dC=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),KO=c(e=>l.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let o=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof o=="function"?o:({active:i})=>y.createElement(dC,{active:i,role:"tabpanel"},o)}}),"childrenToList");Ah();var YO=_.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),ZO=_(Pu)(({active:e,theme:t,preActive:r})=>`
489
489
  color: ${r||e?t.barSelectedColor:t.barTextColor};
490
490
  .addon-collapsible-icon {
491
491
  color: ${r||e?t.barSelectedColor:t.barTextColor};
@@ -558,7 +558,7 @@ ${t}`);let r=t.match(j$);if(!r)return y.createElement(l.Fragment,null,t);let[,n,
558
558
  * Released under MIT license <https://lodash.com/license>
559
559
  * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
560
560
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
561
- */const{global:rt}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:aee,once:oee,logger:fm}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:D3,composeConfigs:lae,Preview:sae,DocsContext:uae}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_ARGS_UPDATED:S3,UPDATE_STORY_ARGS:iee,RESET_STORY_ARGS:lee,GLOBALS_UPDATED:A3,NAVIGATE_URL:see}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var uee=Oa({"../../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}}}),cee=Oa({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,s=!0,u=" ";function d(w,D){var S=D.appendChild(h(w));if(w.children.length){var A=p(w.isCollapsed);w.children.forEach(function(k){d(k,A)}),S.appendChild(A)}}function f(w,D){var S=!1,A=p(S);if(D.forEach(function(k){d(k,A)}),i=w||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(A)}function h(w){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",w.textContent),r.includeHtml&&w.childNodes.length?n.call(w.childNodes,function(A){S.appendChild(A.cloneNode(!0))}):S.textContent=w.textContent,S.setAttribute("href",r.basePath+"#"+w.id),S.setAttribute("class",r.linkClass+u+"node-name--"+w.nodeName+u+r.extraLinkClasses),D.appendChild(S),D}function p(w){var D=r.orderedList?"ol":"ul",S=document.createElement(D),A=r.listClass+u+r.extraListClasses;return w&&(A=A+u+r.collapsibleClass,A=A+u+r.isCollapsedClass),S.setAttribute("class",A),S}function m(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var w;w=document.querySelector(r.scrollContainer).scrollTop}else w=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),w>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=u+r.positionFixedClass):D.className=D.className.replace(u+r.positionFixedClass,"")}function g(w){var D=0;return w!==null&&(D=w.offsetTop,r.hasInnerContainers&&(D+=g(w.offsetParent))),D}function v(w,D){return w&&w.className!==D&&(w.className=D),w}function b(w){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&m();var S=w,A;if(s&&i!==null&&S.length>0){a.call(S,function(L,$){if(g(L)>D+r.headingsOffset+10){var M=$===0?$:$-1;return A=S[M],!0}else if($===S.length-1)return A=S[S.length-1],!0});var k=i.querySelector("."+r.activeLinkClass),F=i.querySelector("."+r.linkClass+".node-name--"+A.nodeName+'[href="'+r.basePath+"#"+A.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(k===F)return;var T=i.querySelectorAll("."+r.linkClass);n.call(T,function(L){v(L,L.className.replace(u+r.activeLinkClass,""))});var R=i.querySelectorAll("."+r.listItemClass);n.call(R,function(L){v(L,L.className.replace(u+r.activeListItemClass,""))}),F&&F.className.indexOf(r.activeLinkClass)===-1&&(F.className+=u+r.activeLinkClass);var O=F&&F.parentNode;O&&O.className.indexOf(r.activeListItemClass)===-1&&(O.className+=u+r.activeListItemClass);var z=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(z,function(L){L.className.indexOf(r.isCollapsedClass)===-1&&(L.className+=u+r.isCollapsedClass)}),F&&F.nextSibling&&F.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&v(F.nextSibling,F.nextSibling.className.replace(u+r.isCollapsedClass,"")),x(F&&F.parentNode.parentNode)}}function x(w){return w&&w.className.indexOf(r.collapsibleClass)!==-1&&w.className.indexOf(r.isCollapsedClass)!==-1?(v(w,w.className.replace(u+r.isCollapsedClass,"")),x(w.parentNode.parentNode)):w}function E(w){var D=w.target||w.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(s=!1)}function C(){s=!0}return{enableTocAnimation:C,disableTocAnimation:E,render:f,updateToc:b}}}}),dee=Oa({"../../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 s(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let p=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var m={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:p};return r.includeHtml&&(m.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(m,h):m}function u(h,p){for(var m=s(h),g=m.headingLevel,v=p,b=a(v),x=b?b.headingLevel:0,E=g-x;E>0&&(b=a(v),!(b&&g===b.headingLevel));)b&&b.children!==void 0&&(v=b.children),E--;return g>=r.collapseDepth&&(m.isCollapsed=!0),v.push(m),v}function d(h,p){var m=p;r.ignoreSelector&&(m=p.split(",").map(function(g){return g.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(m)}catch{return console.warn("Headers not found with selector: "+m),null}}function f(h){return n.call(h,function(p,m){var g=s(m);return g&&u(g,p.nest),p},{nest:[]})}return{nestHeadingsArray:f,selectHeadings:d}}}}),pee=Oa({"../../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)}}}}),fee=Oa({"../../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;s();function s(){document.body.addEventListener("click",h,!1);function h(p){!u(p.target)||p.target.className.indexOf("no-smooth-scroll")>-1||p.target.href.charAt(p.target.href.length-2)==="#"&&p.target.href.charAt(p.target.href.length-1)==="!"||p.target.className.indexOf(n.linkClass)===-1||r(p.target.hash,{duration:a,offset:o,callback:function(){f(p.target.hash)}})}}function u(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function f(h){var p=document.getElementById(h.substring(1));p&&(/^(?:a|select|input|button|textarea)$/i.test(p.tagName)||(p.tabIndex=-1),p.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||g},s=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),u=typeof n=="string"?i.offset+(n?s&&s.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(u):i.duration,f,h;requestAnimationFrame(function(v){f=v,p(v)});function p(v){h=v-f,window.scrollTo(0,i.easing(h,o,u,d)),h<d?requestAnimationFrame(p):m()}function m(){window.scrollTo(0,o+u),typeof i.callback=="function"&&i.callback()}function g(v,b,x,E){return v/=E/2,v<1?x/2*v*v+b:(v--,-x/2*(v*(v-2)-1)+b)}}}}),hee=Oa({"../../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=uee(),a={},o={},i=cee(),s=dee(),u=pee(),d,f,h=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!h)return;var p,m=Object.prototype.hasOwnProperty;function g(){for(var E={},C=0;C<arguments.length;C++){var w=arguments[C];for(var D in w)m.call(w,D)&&(E[D]=w[D])}return E}function v(E,C,w){C||(C=250);var D,S;return function(){var A=this,k=+new Date,F=arguments;D&&k<D+C?(clearTimeout(S),S=setTimeout(function(){D=k,E.apply(A,F)},C)):(D=k,E.apply(A,F))}}function b(E){try{return E.contentElement||document.querySelector(E.contentSelector)}catch{return console.warn("Contents element not found: "+E.contentSelector),null}}function x(E){try{return E.tocElement||document.querySelector(E.tocSelector)}catch{return console.warn("TOC element not found: "+E.tocSelector),null}}return o.destroy=function(){var E=x(a);E!==null&&(a.skipRendering||E&&(E.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(E){if(h){a=g(n,E||{}),this.options=a,this.state={},a.scrollSmooth&&(a.duration=a.scrollSmoothDuration,a.offset=a.scrollSmoothOffset,o.scrollSmooth=fee().initSmoothScrolling(a)),d=i(a),f=s(a),this._buildHtml=d,this._parseContent=f,this._headingsArray=p,o.destroy();var C=b(a);if(C!==null){var w=x(a);if(w!==null&&(p=f.selectHeadings(C,a.headingSelector),p!==null)){var D=f.nestHeadingsArray(p),S=D.nest;if(!a.skipRendering)d.render(w,S);else return this;this._scrollListener=v(function(k){d.updateToc(p),!a.disableTocScrollSync&&u(a);var F=k&&k.target&&k.target.scrollingElement&&k.target.scrollingElement.scrollTop===0;(k&&(k.eventPhase===0||k.currentTarget===null)||F)&&(d.updateToc(p),a.scrollEndCallback&&a.scrollEndCallback(k))},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 A=null;return this._clickListener=v(function(k){a.scrollSmooth&&d.disableTocAnimation(k),d.updateToc(p),A&&clearTimeout(A),A=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(E){o.destroy(),o.init(E||this.options)},r.tocbot=o,o})}}),mee=_.div(de,({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:se(.3,e.color.defaultText),fontSize:e.typography.size.s2})),BD=e=>y.createElement(mee,{...e,className:"docblock-emptyblock sb-unstyled"}),gee=_(Th)(({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"}})),vee=_.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"})),El=_.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Hd}`]:{margin:0}})),yee=()=>y.createElement(vee,null,y.createElement(El,null),y.createElement(El,{style:{width:"80%"}}),y.createElement(El,{style:{width:"30%"}}),y.createElement(El,{style:{width:"80%"}})),zD=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=gb();if(e)return y.createElement(yee,null);if(t)return y.createElement(BD,null,t);let u=y.createElement(gee,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return u;let d=a?Pd.dark:Pd.light;return y.createElement(vb,{theme:Nd({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},u)},ve=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,hm=600,bee=_.h1(de,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${hm}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),wee=_.h2(de,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${hm}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:se(.25,e.color.defaultText)})),Eee=_.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"?se(.1,e.color.defaultText):se(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[ve("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}},[ve("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}},[ve("div")]:t,[ve("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}},[ve("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[ve("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[ve("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[ve("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[ve("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[ve("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[ve("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[ve("img")]:{maxWidth:"100%"},[ve("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[ve("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[ve("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[ve("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"}},[ve("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"}}},[ve("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}},[ve("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),xee=_.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${hm}px)`]:{}})),Cee=({children:e,toc:t})=>y.createElement(xee,{className:"sbdocs sbdocs-wrapper"},y.createElement(Eee,{className:"sbdocs sbdocs-content"},e),t),Ju=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:Dee}=rt,See=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=Dee.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})}},$D=l.createContext({scale:1}),{PREVIEW_URL:Aee}=rt,kee=Aee||"iframe.html",Ip=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,_ee=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:u,forceInitialArgs:d,renderStoryToElement:f}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,p=f(i,h,{showMain:()=>{},showError:({title:m,description:g})=>o(new Error(`${m} - ${g}`)),showException:m=>o(m)},{autoplay:u,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>p())}},[u,f,i]),a?y.createElement("pre",null,y.createElement(W$,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${Ip(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(OD,null),y.createElement("div",{ref:t,id:`${Ip(e)}-inner`,"data-name":i.name}))},Fee=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement($D.Consumer,null,({scale:r})=>y.createElement(See,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:mL(kee,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),Iee=_.strong(({theme:e})=>({color:e.color.orange})),Tee=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(Iee,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:Ip(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(_ee,{...e}):y.createElement(Fee,{...e}))},OD=()=>y.createElement(hL,null),Ree=_(Hh)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Bee=_.div({display:"flex",alignItems:"center",gap:4}),zee=_.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`})),$ee=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(Ree,{...o},y.createElement(Bee,{key:"left"},e?[1,2,3].map(i=>y.createElement(zee,{key:i})):y.createElement(y.Fragment,null,y.createElement(yn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(oM,null)),y.createElement(yn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(iM,null)),y.createElement(yn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(lM,null))))),Oee=_.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)`}}:{}),k3=_(zD)(({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)":Ot(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Ot(.05,e.background.content)}})),Lee=_.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Ju(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),Mee=(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(k3,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(k3,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function Pee(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var Nee=_($ee)({position:"absolute",top:0,left:0,right:0,height:40}),Hee=_.div({overflow:"hidden",position:"relative"}),LD=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:u,layout:d="padded",...f})=>{let[h,p]=l.useState(i),{source:m,actionItem:g}=Mee(a,h,p),[v,b]=l.useState(1),x=[u].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),E=a?[g]:[],[C,w]=l.useState(s?[...s]:[]),D=[...E,...C],{window:S}=rt,A=l.useCallback(async F=>{let{createCopyToClipboardFunction:T}=await N3(()=>import("./index-Cdgl62si.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);T()},[]),k=F=>{let T=S.getSelection();T&&T.type==="Range"||(F.preventDefault(),C.filter(R=>R.title==="Copied").length===0&&A(m.props.code).then(()=>{w([...C,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>w(C.filter(R=>R.title!=="Copied")),1500)}))};return y.createElement(Lee,{withSource:a,withToolbar:o,...f,className:x.join(" ")},o&&y.createElement(Nee,{isLoading:e,border:!0,zoom:F=>b(v*F),resetZoom:()=>b(1),storyId:Pee(n),baseUrl:"./iframe.html"}),y.createElement($D.Provider,{value:{scale:v}},y.createElement(Hee,{className:"docs-story",onCopyCapture:a&&k},y.createElement(Oee,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(M$.Element,{scale:v},Array.isArray(n)?n.map((F,T)=>y.createElement("div",{key:T},F)):y.createElement("div",null,n))),y.createElement(pf,{actionItems:D}))),a&&h&&m)};_(LD)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var jee=_.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:se(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${vl(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${vl(.05,e.appBorderColor)} 0 0 0 2px inset`,color:vl(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"?`${vl(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),Vee=e=>e==="true",Uee=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{var f;let i=l.useCallback(()=>r(!1),[r]),s=!!((f=o==null?void 0:o.table)!=null&&f.readonly);if(t===void 0)return y.createElement(zn,{variant:"outline",size:"medium",id:Vs(e),onClick:i,disabled:s},"Set boolean");let u=Ct(e),d=typeof t=="string"?Vee(t):t;return y.createElement(jee,{"aria-disabled":s,htmlFor:u,"aria-label":e},y.createElement("input",{id:u,type:"checkbox",onChange:h=>r(h.target.checked),checked:d,role:"switch",disabled:s,name:e,onBlur:n,onFocus:a}),y.createElement("span",{"aria-hidden":"true"},"False"),y.createElement("span",{"aria-hidden":"true"},"True"))},qee=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},Wee=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},Gee=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}`},Kee=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},_3=_(Oi.Input)(({readOnly:e})=>({opacity:e?.5:1})),Yee=_.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}})),Zee=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{var g;let[i,s]=l.useState(!0),u=l.useRef(),d=l.useRef(),f=!!((g=o==null?void 0:o.table)!=null&&g.readonly);l.useEffect(()=>{i!==!1&&(u&&u.current&&(u.current.value=t?Gee(t):""),d&&d.current&&(d.current.value=t?Kee(t):""))},[t]);let h=v=>{if(!v.target.value)return r();let b=qee(v.target.value),x=new Date(t);x.setFullYear(b.getFullYear(),b.getMonth(),b.getDate());let E=x.getTime();E&&r(E),s(!!E)},p=v=>{if(!v.target.value)return r();let b=Wee(v.target.value),x=new Date(t);x.setHours(b.getHours()),x.setMinutes(b.getMinutes());let E=x.getTime();E&&r(E),s(!!E)},m=Ct(e);return y.createElement(Yee,null,y.createElement(_3,{type:"date",max:"9999-12-31",ref:u,id:`${m}-date`,name:`${m}-date`,readOnly:f,onChange:h,onFocus:n,onBlur:a}),y.createElement(_3,{type:"time",id:`${m}-time`,name:`${m}-time`,ref:d,onChange:p,readOnly:f,onFocus:n,onBlur:a}),i?null:y.createElement("div",null,"invalid"))},Jee=_.label({display:"flex"}),Xee=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},Qee=_(Oi.Input)(({readOnly:e})=>({opacity:e?.5:1})),ete=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:s,argType:u})=>{var C;let[d,f]=l.useState(typeof t=="number"?t:""),[h,p]=l.useState(!1),[m,g]=l.useState(null),v=!!((C=u==null?void 0:u.table)!=null&&C.readonly),b=l.useCallback(w=>{f(w.target.value);let D=parseFloat(w.target.value);Number.isNaN(D)?g(new Error(`'${w.target.value}' is not a number`)):(r(D),g(null))},[r,g]),x=l.useCallback(()=>{f("0"),r(0),p(!0)},[p]),E=l.useRef(null);return l.useEffect(()=>{h&&E.current&&E.current.select()},[h]),l.useEffect(()=>{d!==(typeof t=="number"?t:"")&&f(t)},[t]),t===void 0?y.createElement(zn,{variant:"outline",size:"medium",id:Vs(e),onClick:x,disabled:v},"Set number"):y.createElement(Jee,null,y.createElement(Qee,{ref:E,id:Ct(e),type:"number",onChange:b,size:"flex",placeholder:"Edit number...",value:d,valid:m?"error":null,autoFocus:h,readOnly:v,name:e,min:n,max:a,step:o,onFocus:s,onBlur:i}))},MD=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},Tp=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],PD=(e,t)=>e&&t&&e.map(r=>t[r]),tte=_.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"}}}),rte=_.span({"[aria-readonly=true] &":{opacity:.5}}),nte=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),F3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var p;if(!t)return fm.warn(`Checkbox with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=Tp(r,t),[s,u]=l.useState(i),d=!!((p=o==null?void 0:o.table)!=null&&p.readonly),f=m=>{let g=m.target.value,v=[...s];v.includes(g)?v.splice(v.indexOf(g),1):v.push(g),n(PD(v,t)),u(v)};l.useEffect(()=>{u(Tp(r,t))},[r]);let h=Ct(e);return y.createElement(tte,{"aria-readonly":d,isInline:a},Object.keys(t).map((m,g)=>{let v=`${h}-${g}`;return y.createElement(nte,{key:v,htmlFor:v},y.createElement("input",{type:"checkbox",disabled:d,id:v,name:v,value:m,onChange:f,checked:s==null?void 0:s.includes(m)}),y.createElement(rte,null,m))}))},ate=_.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"}}}),ote=_.span({"[aria-readonly=true] &":{opacity:.5}}),ite=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),I3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var d;if(!t)return fm.warn(`Radio with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=MD(r,t),s=Ct(e),u=!!((d=o==null?void 0:o.table)!=null&&d.readonly);return y.createElement(ate,{"aria-readonly":u,isInline:a},Object.keys(t).map((f,h)=>{let p=`${s}-${h}`;return y.createElement(ite,{key:p,htmlFor:p},y.createElement("input",{type:"radio",id:p,name:s,disabled:u,value:f,onChange:m=>n(t[m.currentTarget.value]),checked:f===i}),y.createElement(ote,null,f))}))},lte={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},ND=_.select(lte,({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}}})),HD=_.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}}})),T3="Choose option...",ste=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=f=>{n(r[f.currentTarget.value])},i=MD(t,r)||T3,s=Ct(e),u=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(HD,null,y.createElement(wC,null),y.createElement(ND,{disabled:u,id:s,value:i,onChange:o},y.createElement("option",{key:"no-selection",disabled:!0},T3),Object.keys(r).map(f=>y.createElement("option",{key:f,value:f},f))))},ute=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=f=>{let h=Array.from(f.currentTarget.options).filter(p=>p.selected).map(p=>p.value);n(PD(h,r))},i=Tp(t,r),s=Ct(e),u=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(HD,null,y.createElement(ND,{disabled:u,id:s,multiple:!0,value:i,onChange:o},Object.keys(r).map(f=>y.createElement("option",{key:f,value:f},f))))},R3=e=>{let{name:t,options:r}=e;return r?e.isMulti?y.createElement(ute,{...e}):y.createElement(ste,{...e}):(fm.warn(`Select with no options: ${t}`),y.createElement(y.Fragment,null,"-"))},cte=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,dte={check:F3,"inline-check":F3,radio:I3,"inline-radio":I3,select:R3,"multi-select":R3},Yn=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?cte(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=dte[t];if(o)return y.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},pte="Error",fte="Object",hte="Array",mte="String",gte="Number",vte="Boolean",yte="Date",bte="Null",wte="Undefined",Ete="Function",xte="Symbol",jD="ADD_DELTA_TYPE",VD="REMOVE_DELTA_TYPE",UD="UPDATE_DELTA_TYPE",mm="value",Cte="key";function hn(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 qD(e,t){let r=hn(e),n=hn(t);return(r==="Function"||n==="Function")&&n!==r}var gm=class extends l.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,s={};if(!t){if(!o.value)return;s.key=o.value}s.newValue=r(!1,n,a,s.key,i.value),e(s)}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,s=l.cloneElement(r,{onClick:this.onSubmit}),u=l.cloneElement(n,{onClick:e}),d=a(mm,o,i),f=l.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let p=a(Cte,o,i);h=l.cloneElement(p,{placeholder:"Key",ref:this.refInputKey})}return y.createElement("span",{className:"rejt-add-value-node"},h,f,u,s)}};gm.defaultProps={onlyValue:!1,addButtonElement:y.createElement("button",null,"+"),cancelButtonElement:y.createElement("button",null,"c")};var WD=class extends l.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 s={keyPath:a,deep:o,key:e,oldValue:i,type:VD};n.splice(e,1),this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).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:s,onDeltaUpdate:u}=this.props;s(r[r.length-1],i),u({type:jD,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:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:UD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:s,minusMenuElement:u}=this.props,{minus:d,collapsed:f}=i(e,t,r,n,s),h=o(e,t,r,n,s),p=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&p)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:b,minusMenuElement:x,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,delimiter:T,ul:R,addForm:O}=f(e,t,r,n,h),z=d(e,t,r,n,h),L=l.cloneElement(E,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),$=l.cloneElement(x,{onClick:s,className:"rejt-minus-menu",style:k});return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"["),!a&&L,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},t.map((M,j)=>y.createElement(Xu,{key:j,name:j.toString(),data:M,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(j),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:b,minusMenuElement:x,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}))),!z&&a&&y.createElement("div",{className:"rejt-add-form",style:O},y.createElement(gm,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:A})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"]"),!z&&$)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=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:u.name},e," :"," ")),s)}};WD.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var GD=class extends l.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:s}=this.props,u=i(r,n,a,o,s);e&&!u&&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:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{qD(t,u)||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:s,dataType:u,getStyle:d,editButtonElement:f,cancelButtonElement:h,textareaElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,u),b=null,x=null,E=s(e,i,n,a,u);if(r&&!E){let C=p(mm,g,a,e,i,u),w=l.cloneElement(f,{onClick:this.handleEdit}),D=l.cloneElement(h,{onClick:this.handleCancelEdit}),S=l.cloneElement(C,{ref:this.refInput,defaultValue:i});b=y.createElement("span",{className:"rejt-edit-form",style:v.editForm},S," ",D,w),x=null}else{b=y.createElement("span",{className:"rejt-value",style:v.value,onClick:E?null:this.handleEditMode},t);let C=l.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});x=E?null:C}return y.createElement("li",{className:"rejt-function-value-node",style:v.li},y.createElement("span",{className:"rejt-name",style:v.name},e," :"," "),b,x)}};GD.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};var Xu=class extends l.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:s,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:b,plusMenuElement:x,beforeRemoveAction:E,beforeAddAction:C,beforeUpdateAction:w,logger:D,onSubmitValueParser:S}=this.props,A=()=>!0,k=hn(e);switch(k){case pte:return y.createElement(Rp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:A,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:b,plusMenuElement:x,beforeRemoveAction:E,beforeAddAction:C,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case fte:return y.createElement(Rp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:b,plusMenuElement:x,beforeRemoveAction:E,beforeAddAction:C,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case hte:return y.createElement(WD,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:b,plusMenuElement:x,beforeRemoveAction:E,beforeAddAction:C,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case mte:return y.createElement(Cr,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case gte:return y.createElement(Cr,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case vte:return y.createElement(Cr,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case yte:return y.createElement(Cr,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case bte:return y.createElement(Cr,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case wte:return y.createElement(Cr,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case Ete:return y.createElement(GD,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,textareaElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case xte:return y.createElement(Cr,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});default:return null}}};Xu.defaultProps={keyPath:[],deep:0};var Rp=class extends l.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:s,onDeltaUpdate:u}=this.props;s(n[n.length-1],r),u({type:jD,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 s={keyPath:a,deep:o,key:e,oldValue:i,type:VD};delete n[e],this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).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:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:UD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:s,minusMenuElement:u}=this.props,{minus:d,collapsed:f}=s(e,n,t,r,i),h=Object.getOwnPropertyNames(n),p=o(e,n,t,r,i),m=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!p&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:b,minusMenuElement:x,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,addForm:T,ul:R,delimiter:O}=f(e,t,r,n,h),z=Object.getOwnPropertyNames(t),L=d(e,t,r,n,h),$=l.cloneElement(E,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),M=l.cloneElement(x,{onClick:s,className:"rejt-minus-menu",style:k}),j=z.map(K=>y.createElement(Xu,{key:K,name:K,data:t[K],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(K),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:b,minusMenuElement:x,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}));return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"{"),!L&&$,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},j),!L&&o&&y.createElement("div",{className:"rejt-add-form",style:T},y.createElement(gm,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:A})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"}"),!L&&M)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=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:u.name},e," :"," ")),s)}};Rp.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var Cr=class extends l.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:s}=this.props,u=i(r,n,a,o,s);e&&!u&&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:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{qD(t,u)||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:s,dataType:u,getStyle:d,editButtonElement:f,cancelButtonElement:h,inputElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,u),b=s(e,i,n,a,u),x=r&&!b,E=p(mm,g,a,e,i,u),C=l.cloneElement(f,{onClick:this.handleEdit}),w=l.cloneElement(h,{onClick:this.handleCancelEdit}),D=l.cloneElement(E,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=l.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});return y.createElement("li",{className:"rejt-value-node",style:v.li},y.createElement("span",{className:"rejt-name",style:v.name},e," : "),x?y.createElement("span",{className:"rejt-edit-form",style:v.editForm},D," ",w,C):y.createElement("span",{className:"rejt-value",style:v.value,onClick:b?null:this.handleEditMode},String(t)),!b&&!x&&S)}};Cr.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};function Dte(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var Ste={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Ate={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},kte={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}},KD=class extends l.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:s,editButtonElement:u,inputElement:d,textareaElement:f,minusMenuElement:h,plusMenuElement:p,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:b,onSubmitValueParser:x,fallback:E=null}=this.props,C=hn(e),w=a;hn(a)==="Boolean"&&(w=()=>a);let D=d;d&&hn(d)!=="Function"&&(D=()=>d);let S=f;return f&&hn(f)!=="Function"&&(S=()=>f),C==="Object"||C==="Array"?y.createElement("div",{className:"rejt-tree"},y.createElement(Xu,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:w,getStyle:o,addButtonElement:i,cancelButtonElement:s,editButtonElement:u,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:p,handleRemove:this.removeRoot,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:b,onSubmitValueParser:x})):E}};KD.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return Ste;case"Array":return Ate;default:return kte}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>Dte(a),inputElement:()=>y.createElement("input",null),textareaElement:()=>y.createElement("textarea",null),fallback:null};var{window:_te}=rt,Fte=_.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}})),Bd=_.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})),Ite=_(dM)(({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}})),Tte=_(pM)(({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}})),B3=_.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}`}})),Rte=_(yn)(({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}})),Bte=_(Oi.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"}})),zte={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},$te=e=>{e.currentTarget.dispatchEvent(new _te.KeyboardEvent("keydown",zte))},Ote=e=>{e.currentTarget.select()},Lte=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),z3=({name:e,value:t,onChange:r,argType:n})=>{var C;let a=gb(),o=l.useMemo(()=>t&&rJ(t),[t]),i=o!=null,[s,u]=l.useState(!i),[d,f]=l.useState(null),h=!!((C=n==null?void 0:n.table)!=null&&C.readonly),p=l.useCallback(w=>{try{w&&r(JSON.parse(w)),f(void 0)}catch(D){f(D)}},[r]),[m,g]=l.useState(!1),v=l.useCallback(()=>{r({}),g(!0)},[g]),b=l.useRef(null);if(l.useEffect(()=>{m&&b.current&&b.current.select()},[m]),!i)return y.createElement(zn,{disabled:h,id:Vs(e),onClick:v},"Set object");let x=y.createElement(Bte,{ref:b,id:Ct(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:w=>p(w.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:d?"error":null,readOnly:h}),E=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return y.createElement(Fte,{"aria-readonly":h},E&&y.createElement(Rte,{onClick:w=>{w.preventDefault(),u(D=>!D)}},s?y.createElement(uM,null):y.createElement(sM,null),y.createElement("span",null,"RAW")),s?x:y.createElement(KD,{readOnly:h||!E,isCollapsed:E?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:Lte(a),cancelButtonElement:y.createElement(Bd,{type:"button"},"Cancel"),editButtonElement:y.createElement(Bd,{type:"submit"},"Save"),addButtonElement:y.createElement(Bd,{type:"submit",primary:!0},"Save"),plusMenuElement:y.createElement(Ite,null),minusMenuElement:y.createElement(Tte,null),inputElement:(w,D,S,A)=>A?y.createElement(B3,{onFocus:Ote,onBlur:$te}):y.createElement(B3,null),fallback:x}))},Mte=_.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,
561
+ */const{global:rt}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:aee,once:oee,logger:fm}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:D3,composeConfigs:lae,Preview:sae,DocsContext:uae}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_ARGS_UPDATED:S3,UPDATE_STORY_ARGS:iee,RESET_STORY_ARGS:lee,GLOBALS_UPDATED:A3,NAVIGATE_URL:see}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var uee=Oa({"../../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}}}),cee=Oa({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,s=!0,u=" ";function d(w,D){var S=D.appendChild(h(w));if(w.children.length){var A=p(w.isCollapsed);w.children.forEach(function(k){d(k,A)}),S.appendChild(A)}}function f(w,D){var S=!1,A=p(S);if(D.forEach(function(k){d(k,A)}),i=w||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(A)}function h(w){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",w.textContent),r.includeHtml&&w.childNodes.length?n.call(w.childNodes,function(A){S.appendChild(A.cloneNode(!0))}):S.textContent=w.textContent,S.setAttribute("href",r.basePath+"#"+w.id),S.setAttribute("class",r.linkClass+u+"node-name--"+w.nodeName+u+r.extraLinkClasses),D.appendChild(S),D}function p(w){var D=r.orderedList?"ol":"ul",S=document.createElement(D),A=r.listClass+u+r.extraListClasses;return w&&(A=A+u+r.collapsibleClass,A=A+u+r.isCollapsedClass),S.setAttribute("class",A),S}function m(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var w;w=document.querySelector(r.scrollContainer).scrollTop}else w=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),w>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=u+r.positionFixedClass):D.className=D.className.replace(u+r.positionFixedClass,"")}function g(w){var D=0;return w!==null&&(D=w.offsetTop,r.hasInnerContainers&&(D+=g(w.offsetParent))),D}function v(w,D){return w&&w.className!==D&&(w.className=D),w}function b(w){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&m();var S=w,A;if(s&&i!==null&&S.length>0){a.call(S,function(L,$){if(g(L)>D+r.headingsOffset+10){var M=$===0?$:$-1;return A=S[M],!0}else if($===S.length-1)return A=S[S.length-1],!0});var k=i.querySelector("."+r.activeLinkClass),F=i.querySelector("."+r.linkClass+".node-name--"+A.nodeName+'[href="'+r.basePath+"#"+A.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(k===F)return;var T=i.querySelectorAll("."+r.linkClass);n.call(T,function(L){v(L,L.className.replace(u+r.activeLinkClass,""))});var R=i.querySelectorAll("."+r.listItemClass);n.call(R,function(L){v(L,L.className.replace(u+r.activeListItemClass,""))}),F&&F.className.indexOf(r.activeLinkClass)===-1&&(F.className+=u+r.activeLinkClass);var O=F&&F.parentNode;O&&O.className.indexOf(r.activeListItemClass)===-1&&(O.className+=u+r.activeListItemClass);var z=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(z,function(L){L.className.indexOf(r.isCollapsedClass)===-1&&(L.className+=u+r.isCollapsedClass)}),F&&F.nextSibling&&F.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&v(F.nextSibling,F.nextSibling.className.replace(u+r.isCollapsedClass,"")),x(F&&F.parentNode.parentNode)}}function x(w){return w&&w.className.indexOf(r.collapsibleClass)!==-1&&w.className.indexOf(r.isCollapsedClass)!==-1?(v(w,w.className.replace(u+r.isCollapsedClass,"")),x(w.parentNode.parentNode)):w}function E(w){var D=w.target||w.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(s=!1)}function C(){s=!0}return{enableTocAnimation:C,disableTocAnimation:E,render:f,updateToc:b}}}}),dee=Oa({"../../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 s(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let p=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var m={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:p};return r.includeHtml&&(m.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(m,h):m}function u(h,p){for(var m=s(h),g=m.headingLevel,v=p,b=a(v),x=b?b.headingLevel:0,E=g-x;E>0&&(b=a(v),!(b&&g===b.headingLevel));)b&&b.children!==void 0&&(v=b.children),E--;return g>=r.collapseDepth&&(m.isCollapsed=!0),v.push(m),v}function d(h,p){var m=p;r.ignoreSelector&&(m=p.split(",").map(function(g){return g.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(m)}catch{return console.warn("Headers not found with selector: "+m),null}}function f(h){return n.call(h,function(p,m){var g=s(m);return g&&u(g,p.nest),p},{nest:[]})}return{nestHeadingsArray:f,selectHeadings:d}}}}),pee=Oa({"../../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)}}}}),fee=Oa({"../../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;s();function s(){document.body.addEventListener("click",h,!1);function h(p){!u(p.target)||p.target.className.indexOf("no-smooth-scroll")>-1||p.target.href.charAt(p.target.href.length-2)==="#"&&p.target.href.charAt(p.target.href.length-1)==="!"||p.target.className.indexOf(n.linkClass)===-1||r(p.target.hash,{duration:a,offset:o,callback:function(){f(p.target.hash)}})}}function u(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function f(h){var p=document.getElementById(h.substring(1));p&&(/^(?:a|select|input|button|textarea)$/i.test(p.tagName)||(p.tabIndex=-1),p.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||g},s=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),u=typeof n=="string"?i.offset+(n?s&&s.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(u):i.duration,f,h;requestAnimationFrame(function(v){f=v,p(v)});function p(v){h=v-f,window.scrollTo(0,i.easing(h,o,u,d)),h<d?requestAnimationFrame(p):m()}function m(){window.scrollTo(0,o+u),typeof i.callback=="function"&&i.callback()}function g(v,b,x,E){return v/=E/2,v<1?x/2*v*v+b:(v--,-x/2*(v*(v-2)-1)+b)}}}}),hee=Oa({"../../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=uee(),a={},o={},i=cee(),s=dee(),u=pee(),d,f,h=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!h)return;var p,m=Object.prototype.hasOwnProperty;function g(){for(var E={},C=0;C<arguments.length;C++){var w=arguments[C];for(var D in w)m.call(w,D)&&(E[D]=w[D])}return E}function v(E,C,w){C||(C=250);var D,S;return function(){var A=this,k=+new Date,F=arguments;D&&k<D+C?(clearTimeout(S),S=setTimeout(function(){D=k,E.apply(A,F)},C)):(D=k,E.apply(A,F))}}function b(E){try{return E.contentElement||document.querySelector(E.contentSelector)}catch{return console.warn("Contents element not found: "+E.contentSelector),null}}function x(E){try{return E.tocElement||document.querySelector(E.tocSelector)}catch{return console.warn("TOC element not found: "+E.tocSelector),null}}return o.destroy=function(){var E=x(a);E!==null&&(a.skipRendering||E&&(E.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(E){if(h){a=g(n,E||{}),this.options=a,this.state={},a.scrollSmooth&&(a.duration=a.scrollSmoothDuration,a.offset=a.scrollSmoothOffset,o.scrollSmooth=fee().initSmoothScrolling(a)),d=i(a),f=s(a),this._buildHtml=d,this._parseContent=f,this._headingsArray=p,o.destroy();var C=b(a);if(C!==null){var w=x(a);if(w!==null&&(p=f.selectHeadings(C,a.headingSelector),p!==null)){var D=f.nestHeadingsArray(p),S=D.nest;if(!a.skipRendering)d.render(w,S);else return this;this._scrollListener=v(function(k){d.updateToc(p),!a.disableTocScrollSync&&u(a);var F=k&&k.target&&k.target.scrollingElement&&k.target.scrollingElement.scrollTop===0;(k&&(k.eventPhase===0||k.currentTarget===null)||F)&&(d.updateToc(p),a.scrollEndCallback&&a.scrollEndCallback(k))},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 A=null;return this._clickListener=v(function(k){a.scrollSmooth&&d.disableTocAnimation(k),d.updateToc(p),A&&clearTimeout(A),A=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(E){o.destroy(),o.init(E||this.options)},r.tocbot=o,o})}}),mee=_.div(de,({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:se(.3,e.color.defaultText),fontSize:e.typography.size.s2})),BD=e=>y.createElement(mee,{...e,className:"docblock-emptyblock sb-unstyled"}),gee=_(Th)(({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"}})),vee=_.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"})),El=_.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Hd}`]:{margin:0}})),yee=()=>y.createElement(vee,null,y.createElement(El,null),y.createElement(El,{style:{width:"80%"}}),y.createElement(El,{style:{width:"30%"}}),y.createElement(El,{style:{width:"80%"}})),zD=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=gb();if(e)return y.createElement(yee,null);if(t)return y.createElement(BD,null,t);let u=y.createElement(gee,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return u;let d=a?Pd.dark:Pd.light;return y.createElement(vb,{theme:Nd({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},u)},ve=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,hm=600,bee=_.h1(de,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${hm}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),wee=_.h2(de,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${hm}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:se(.25,e.color.defaultText)})),Eee=_.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"?se(.1,e.color.defaultText):se(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[ve("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}},[ve("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}},[ve("div")]:t,[ve("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}},[ve("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[ve("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[ve("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[ve("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[ve("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[ve("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[ve("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[ve("img")]:{maxWidth:"100%"},[ve("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[ve("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[ve("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[ve("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"}},[ve("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"}}},[ve("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}},[ve("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),xee=_.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${hm}px)`]:{}})),Cee=({children:e,toc:t})=>y.createElement(xee,{className:"sbdocs sbdocs-wrapper"},y.createElement(Eee,{className:"sbdocs sbdocs-content"},e),t),Ju=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:Dee}=rt,See=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=Dee.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})}},$D=l.createContext({scale:1}),{PREVIEW_URL:Aee}=rt,kee=Aee||"iframe.html",Ip=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,_ee=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:u,forceInitialArgs:d,renderStoryToElement:f}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,p=f(i,h,{showMain:()=>{},showError:({title:m,description:g})=>o(new Error(`${m} - ${g}`)),showException:m=>o(m)},{autoplay:u,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>p())}},[u,f,i]),a?y.createElement("pre",null,y.createElement(W$,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${Ip(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(OD,null),y.createElement("div",{ref:t,id:`${Ip(e)}-inner`,"data-name":i.name}))},Fee=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement($D.Consumer,null,({scale:r})=>y.createElement(See,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:mL(kee,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),Iee=_.strong(({theme:e})=>({color:e.color.orange})),Tee=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(Iee,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:Ip(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(_ee,{...e}):y.createElement(Fee,{...e}))},OD=()=>y.createElement(hL,null),Ree=_(Hh)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Bee=_.div({display:"flex",alignItems:"center",gap:4}),zee=_.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`})),$ee=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(Ree,{...o},y.createElement(Bee,{key:"left"},e?[1,2,3].map(i=>y.createElement(zee,{key:i})):y.createElement(y.Fragment,null,y.createElement(yn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(oM,null)),y.createElement(yn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(iM,null)),y.createElement(yn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(lM,null))))),Oee=_.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)`}}:{}),k3=_(zD)(({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)":Ot(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Ot(.05,e.background.content)}})),Lee=_.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Ju(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),Mee=(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(k3,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(k3,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function Pee(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var Nee=_($ee)({position:"absolute",top:0,left:0,right:0,height:40}),Hee=_.div({overflow:"hidden",position:"relative"}),LD=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:u,layout:d="padded",...f})=>{let[h,p]=l.useState(i),{source:m,actionItem:g}=Mee(a,h,p),[v,b]=l.useState(1),x=[u].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),E=a?[g]:[],[C,w]=l.useState(s?[...s]:[]),D=[...E,...C],{window:S}=rt,A=l.useCallback(async F=>{let{createCopyToClipboardFunction:T}=await N3(()=>import("./index-CBPKHXgm.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);T()},[]),k=F=>{let T=S.getSelection();T&&T.type==="Range"||(F.preventDefault(),C.filter(R=>R.title==="Copied").length===0&&A(m.props.code).then(()=>{w([...C,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>w(C.filter(R=>R.title!=="Copied")),1500)}))};return y.createElement(Lee,{withSource:a,withToolbar:o,...f,className:x.join(" ")},o&&y.createElement(Nee,{isLoading:e,border:!0,zoom:F=>b(v*F),resetZoom:()=>b(1),storyId:Pee(n),baseUrl:"./iframe.html"}),y.createElement($D.Provider,{value:{scale:v}},y.createElement(Hee,{className:"docs-story",onCopyCapture:a&&k},y.createElement(Oee,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(M$.Element,{scale:v},Array.isArray(n)?n.map((F,T)=>y.createElement("div",{key:T},F)):y.createElement("div",null,n))),y.createElement(pf,{actionItems:D}))),a&&h&&m)};_(LD)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var jee=_.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:se(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${vl(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${vl(.05,e.appBorderColor)} 0 0 0 2px inset`,color:vl(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"?`${vl(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),Vee=e=>e==="true",Uee=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{var f;let i=l.useCallback(()=>r(!1),[r]),s=!!((f=o==null?void 0:o.table)!=null&&f.readonly);if(t===void 0)return y.createElement(zn,{variant:"outline",size:"medium",id:Vs(e),onClick:i,disabled:s},"Set boolean");let u=Ct(e),d=typeof t=="string"?Vee(t):t;return y.createElement(jee,{"aria-disabled":s,htmlFor:u,"aria-label":e},y.createElement("input",{id:u,type:"checkbox",onChange:h=>r(h.target.checked),checked:d,role:"switch",disabled:s,name:e,onBlur:n,onFocus:a}),y.createElement("span",{"aria-hidden":"true"},"False"),y.createElement("span",{"aria-hidden":"true"},"True"))},qee=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},Wee=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},Gee=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}`},Kee=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},_3=_(Oi.Input)(({readOnly:e})=>({opacity:e?.5:1})),Yee=_.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}})),Zee=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{var g;let[i,s]=l.useState(!0),u=l.useRef(),d=l.useRef(),f=!!((g=o==null?void 0:o.table)!=null&&g.readonly);l.useEffect(()=>{i!==!1&&(u&&u.current&&(u.current.value=t?Gee(t):""),d&&d.current&&(d.current.value=t?Kee(t):""))},[t]);let h=v=>{if(!v.target.value)return r();let b=qee(v.target.value),x=new Date(t);x.setFullYear(b.getFullYear(),b.getMonth(),b.getDate());let E=x.getTime();E&&r(E),s(!!E)},p=v=>{if(!v.target.value)return r();let b=Wee(v.target.value),x=new Date(t);x.setHours(b.getHours()),x.setMinutes(b.getMinutes());let E=x.getTime();E&&r(E),s(!!E)},m=Ct(e);return y.createElement(Yee,null,y.createElement(_3,{type:"date",max:"9999-12-31",ref:u,id:`${m}-date`,name:`${m}-date`,readOnly:f,onChange:h,onFocus:n,onBlur:a}),y.createElement(_3,{type:"time",id:`${m}-time`,name:`${m}-time`,ref:d,onChange:p,readOnly:f,onFocus:n,onBlur:a}),i?null:y.createElement("div",null,"invalid"))},Jee=_.label({display:"flex"}),Xee=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},Qee=_(Oi.Input)(({readOnly:e})=>({opacity:e?.5:1})),ete=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:s,argType:u})=>{var C;let[d,f]=l.useState(typeof t=="number"?t:""),[h,p]=l.useState(!1),[m,g]=l.useState(null),v=!!((C=u==null?void 0:u.table)!=null&&C.readonly),b=l.useCallback(w=>{f(w.target.value);let D=parseFloat(w.target.value);Number.isNaN(D)?g(new Error(`'${w.target.value}' is not a number`)):(r(D),g(null))},[r,g]),x=l.useCallback(()=>{f("0"),r(0),p(!0)},[p]),E=l.useRef(null);return l.useEffect(()=>{h&&E.current&&E.current.select()},[h]),l.useEffect(()=>{d!==(typeof t=="number"?t:"")&&f(t)},[t]),t===void 0?y.createElement(zn,{variant:"outline",size:"medium",id:Vs(e),onClick:x,disabled:v},"Set number"):y.createElement(Jee,null,y.createElement(Qee,{ref:E,id:Ct(e),type:"number",onChange:b,size:"flex",placeholder:"Edit number...",value:d,valid:m?"error":null,autoFocus:h,readOnly:v,name:e,min:n,max:a,step:o,onFocus:s,onBlur:i}))},MD=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},Tp=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],PD=(e,t)=>e&&t&&e.map(r=>t[r]),tte=_.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"}}}),rte=_.span({"[aria-readonly=true] &":{opacity:.5}}),nte=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),F3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var p;if(!t)return fm.warn(`Checkbox with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=Tp(r,t),[s,u]=l.useState(i),d=!!((p=o==null?void 0:o.table)!=null&&p.readonly),f=m=>{let g=m.target.value,v=[...s];v.includes(g)?v.splice(v.indexOf(g),1):v.push(g),n(PD(v,t)),u(v)};l.useEffect(()=>{u(Tp(r,t))},[r]);let h=Ct(e);return y.createElement(tte,{"aria-readonly":d,isInline:a},Object.keys(t).map((m,g)=>{let v=`${h}-${g}`;return y.createElement(nte,{key:v,htmlFor:v},y.createElement("input",{type:"checkbox",disabled:d,id:v,name:v,value:m,onChange:f,checked:s==null?void 0:s.includes(m)}),y.createElement(rte,null,m))}))},ate=_.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"}}}),ote=_.span({"[aria-readonly=true] &":{opacity:.5}}),ite=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),I3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var d;if(!t)return fm.warn(`Radio with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=MD(r,t),s=Ct(e),u=!!((d=o==null?void 0:o.table)!=null&&d.readonly);return y.createElement(ate,{"aria-readonly":u,isInline:a},Object.keys(t).map((f,h)=>{let p=`${s}-${h}`;return y.createElement(ite,{key:p,htmlFor:p},y.createElement("input",{type:"radio",id:p,name:s,disabled:u,value:f,onChange:m=>n(t[m.currentTarget.value]),checked:f===i}),y.createElement(ote,null,f))}))},lte={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},ND=_.select(lte,({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}}})),HD=_.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}}})),T3="Choose option...",ste=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=f=>{n(r[f.currentTarget.value])},i=MD(t,r)||T3,s=Ct(e),u=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(HD,null,y.createElement(wC,null),y.createElement(ND,{disabled:u,id:s,value:i,onChange:o},y.createElement("option",{key:"no-selection",disabled:!0},T3),Object.keys(r).map(f=>y.createElement("option",{key:f,value:f},f))))},ute=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=f=>{let h=Array.from(f.currentTarget.options).filter(p=>p.selected).map(p=>p.value);n(PD(h,r))},i=Tp(t,r),s=Ct(e),u=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(HD,null,y.createElement(ND,{disabled:u,id:s,multiple:!0,value:i,onChange:o},Object.keys(r).map(f=>y.createElement("option",{key:f,value:f},f))))},R3=e=>{let{name:t,options:r}=e;return r?e.isMulti?y.createElement(ute,{...e}):y.createElement(ste,{...e}):(fm.warn(`Select with no options: ${t}`),y.createElement(y.Fragment,null,"-"))},cte=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,dte={check:F3,"inline-check":F3,radio:I3,"inline-radio":I3,select:R3,"multi-select":R3},Yn=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?cte(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=dte[t];if(o)return y.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},pte="Error",fte="Object",hte="Array",mte="String",gte="Number",vte="Boolean",yte="Date",bte="Null",wte="Undefined",Ete="Function",xte="Symbol",jD="ADD_DELTA_TYPE",VD="REMOVE_DELTA_TYPE",UD="UPDATE_DELTA_TYPE",mm="value",Cte="key";function hn(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 qD(e,t){let r=hn(e),n=hn(t);return(r==="Function"||n==="Function")&&n!==r}var gm=class extends l.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,s={};if(!t){if(!o.value)return;s.key=o.value}s.newValue=r(!1,n,a,s.key,i.value),e(s)}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,s=l.cloneElement(r,{onClick:this.onSubmit}),u=l.cloneElement(n,{onClick:e}),d=a(mm,o,i),f=l.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let p=a(Cte,o,i);h=l.cloneElement(p,{placeholder:"Key",ref:this.refInputKey})}return y.createElement("span",{className:"rejt-add-value-node"},h,f,u,s)}};gm.defaultProps={onlyValue:!1,addButtonElement:y.createElement("button",null,"+"),cancelButtonElement:y.createElement("button",null,"c")};var WD=class extends l.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 s={keyPath:a,deep:o,key:e,oldValue:i,type:VD};n.splice(e,1),this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).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:s,onDeltaUpdate:u}=this.props;s(r[r.length-1],i),u({type:jD,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:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:UD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:s,minusMenuElement:u}=this.props,{minus:d,collapsed:f}=i(e,t,r,n,s),h=o(e,t,r,n,s),p=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&p)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:b,minusMenuElement:x,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,delimiter:T,ul:R,addForm:O}=f(e,t,r,n,h),z=d(e,t,r,n,h),L=l.cloneElement(E,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),$=l.cloneElement(x,{onClick:s,className:"rejt-minus-menu",style:k});return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"["),!a&&L,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},t.map((M,j)=>y.createElement(Xu,{key:j,name:j.toString(),data:M,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(j),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:b,minusMenuElement:x,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}))),!z&&a&&y.createElement("div",{className:"rejt-add-form",style:O},y.createElement(gm,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:A})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"]"),!z&&$)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=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:u.name},e," :"," ")),s)}};WD.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var GD=class extends l.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:s}=this.props,u=i(r,n,a,o,s);e&&!u&&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:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{qD(t,u)||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:s,dataType:u,getStyle:d,editButtonElement:f,cancelButtonElement:h,textareaElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,u),b=null,x=null,E=s(e,i,n,a,u);if(r&&!E){let C=p(mm,g,a,e,i,u),w=l.cloneElement(f,{onClick:this.handleEdit}),D=l.cloneElement(h,{onClick:this.handleCancelEdit}),S=l.cloneElement(C,{ref:this.refInput,defaultValue:i});b=y.createElement("span",{className:"rejt-edit-form",style:v.editForm},S," ",D,w),x=null}else{b=y.createElement("span",{className:"rejt-value",style:v.value,onClick:E?null:this.handleEditMode},t);let C=l.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});x=E?null:C}return y.createElement("li",{className:"rejt-function-value-node",style:v.li},y.createElement("span",{className:"rejt-name",style:v.name},e," :"," "),b,x)}};GD.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};var Xu=class extends l.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:s,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:b,plusMenuElement:x,beforeRemoveAction:E,beforeAddAction:C,beforeUpdateAction:w,logger:D,onSubmitValueParser:S}=this.props,A=()=>!0,k=hn(e);switch(k){case pte:return y.createElement(Rp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:A,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:b,plusMenuElement:x,beforeRemoveAction:E,beforeAddAction:C,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case fte:return y.createElement(Rp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:b,plusMenuElement:x,beforeRemoveAction:E,beforeAddAction:C,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case hte:return y.createElement(WD,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:f,addButtonElement:h,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,textareaElementGenerator:v,minusMenuElement:b,plusMenuElement:x,beforeRemoveAction:E,beforeAddAction:C,beforeUpdateAction:w,logger:D,onSubmitValueParser:S});case mte:return y.createElement(Cr,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case gte:return y.createElement(Cr,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case vte:return y.createElement(Cr,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case yte:return y.createElement(Cr,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case bte:return y.createElement(Cr,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case wte:return y.createElement(Cr,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case Ete:return y.createElement(GD,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,textareaElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case xte:return y.createElement(Cr,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:f,cancelButtonElement:p,editButtonElement:m,inputElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});default:return null}}};Xu.defaultProps={keyPath:[],deep:0};var Rp=class extends l.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:s,onDeltaUpdate:u}=this.props;s(n[n.length-1],r),u({type:jD,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 s={keyPath:a,deep:o,key:e,oldValue:i,type:VD};delete n[e],this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).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:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:f}=this.props;d(i[i.length-1],o),f({type:UD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:s,minusMenuElement:u}=this.props,{minus:d,collapsed:f}=s(e,n,t,r,i),h=Object.getOwnPropertyNames(n),p=o(e,n,t,r,i),m=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:f,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!p&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:f,dataType:h,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:b,minusMenuElement:x,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,addForm:T,ul:R,delimiter:O}=f(e,t,r,n,h),z=Object.getOwnPropertyNames(t),L=d(e,t,r,n,h),$=l.cloneElement(E,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),M=l.cloneElement(x,{onClick:s,className:"rejt-minus-menu",style:k}),j=z.map(K=>y.createElement(Xu,{key:K,name:K,data:t[K],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(K),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:f,addButtonElement:p,cancelButtonElement:m,editButtonElement:g,inputElementGenerator:v,textareaElementGenerator:b,minusMenuElement:x,plusMenuElement:E,beforeRemoveAction:C,beforeAddAction:w,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}));return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"{"),!L&&$,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},j),!L&&o&&y.createElement("div",{className:"rejt-add-form",style:T},y.createElement(gm,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:p,cancelButtonElement:m,inputElementGenerator:v,keyPath:r,deep:n,onSubmitValueParser:A})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"}"),!L&&M)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=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:u.name},e," :"," ")),s)}};Rp.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var Cr=class extends l.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:s}=this.props,u=i(r,n,a,o,s);e&&!u&&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:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{qD(t,u)||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:s,dataType:u,getStyle:d,editButtonElement:f,cancelButtonElement:h,inputElementGenerator:p,minusMenuElement:m,keyPath:g}=this.props,v=d(e,i,n,a,u),b=s(e,i,n,a,u),x=r&&!b,E=p(mm,g,a,e,i,u),C=l.cloneElement(f,{onClick:this.handleEdit}),w=l.cloneElement(h,{onClick:this.handleCancelEdit}),D=l.cloneElement(E,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=l.cloneElement(m,{onClick:o,className:"rejt-minus-menu",style:v.minus});return y.createElement("li",{className:"rejt-value-node",style:v.li},y.createElement("span",{className:"rejt-name",style:v.name},e," : "),x?y.createElement("span",{className:"rejt-edit-form",style:v.editForm},D," ",w,C):y.createElement("span",{className:"rejt-value",style:v.value,onClick:b?null:this.handleEditMode},String(t)),!b&&!x&&S)}};Cr.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};function Dte(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var Ste={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Ate={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},kte={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}},KD=class extends l.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:s,editButtonElement:u,inputElement:d,textareaElement:f,minusMenuElement:h,plusMenuElement:p,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:b,onSubmitValueParser:x,fallback:E=null}=this.props,C=hn(e),w=a;hn(a)==="Boolean"&&(w=()=>a);let D=d;d&&hn(d)!=="Function"&&(D=()=>d);let S=f;return f&&hn(f)!=="Function"&&(S=()=>f),C==="Object"||C==="Array"?y.createElement("div",{className:"rejt-tree"},y.createElement(Xu,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:w,getStyle:o,addButtonElement:i,cancelButtonElement:s,editButtonElement:u,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:p,handleRemove:this.removeRoot,beforeRemoveAction:m,beforeAddAction:g,beforeUpdateAction:v,logger:b,onSubmitValueParser:x})):E}};KD.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return Ste;case"Array":return Ate;default:return kte}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>Dte(a),inputElement:()=>y.createElement("input",null),textareaElement:()=>y.createElement("textarea",null),fallback:null};var{window:_te}=rt,Fte=_.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}})),Bd=_.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})),Ite=_(dM)(({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}})),Tte=_(pM)(({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}})),B3=_.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}`}})),Rte=_(yn)(({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}})),Bte=_(Oi.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"}})),zte={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},$te=e=>{e.currentTarget.dispatchEvent(new _te.KeyboardEvent("keydown",zte))},Ote=e=>{e.currentTarget.select()},Lte=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),z3=({name:e,value:t,onChange:r,argType:n})=>{var C;let a=gb(),o=l.useMemo(()=>t&&rJ(t),[t]),i=o!=null,[s,u]=l.useState(!i),[d,f]=l.useState(null),h=!!((C=n==null?void 0:n.table)!=null&&C.readonly),p=l.useCallback(w=>{try{w&&r(JSON.parse(w)),f(void 0)}catch(D){f(D)}},[r]),[m,g]=l.useState(!1),v=l.useCallback(()=>{r({}),g(!0)},[g]),b=l.useRef(null);if(l.useEffect(()=>{m&&b.current&&b.current.select()},[m]),!i)return y.createElement(zn,{disabled:h,id:Vs(e),onClick:v},"Set object");let x=y.createElement(Bte,{ref:b,id:Ct(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:w=>p(w.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:d?"error":null,readOnly:h}),E=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return y.createElement(Fte,{"aria-readonly":h},E&&y.createElement(Rte,{onClick:w=>{w.preventDefault(),u(D=>!D)}},s?y.createElement(uM,null):y.createElement(sM,null),y.createElement("span",null,"RAW")),s?x:y.createElement(KD,{readOnly:h||!E,isCollapsed:E?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:Lte(a),cancelButtonElement:y.createElement(Bd,{type:"button"},"Cancel"),editButtonElement:y.createElement(Bd,{type:"submit"},"Save"),addButtonElement:y.createElement(Bd,{type:"submit",primary:!0},"Save"),plusMenuElement:y.createElement(Ite,null),minusMenuElement:y.createElement(Tte,null),inputElement:(w,D,S,A)=>A?y.createElement(B3,{onFocus:Ote,onBlur:$te}):y.createElement(B3,null),fallback:x}))},Mte=_.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,
562
562
  ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
563
563
  ${Ot(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
564
564
  ${Ot(.02,e.input.background)} 100%)`:`linear-gradient(to right,
@@ -576,7 +576,7 @@ ${t}`);let r=t.match(j$);if(!r)return y.createElement(l.Fragment,null,t);let[,n,
576
576
  ${Ot(.02,e.input.background)} 100%)`:`linear-gradient(to right,
577
577
  ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%,
578
578
  ${on(.02,e.input.background)} ${(n-t)/(r-t)*100}%,
579
- ${on(.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 ${Mt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),YD=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Pte=_(YD)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Nte=_.div({display:"flex",alignItems:"center",width:"100%"});function Hte(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 jte=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:u})=>{var m;let d=g=>{r(Xee(g.target.value))},f=t!==void 0,h=l.useMemo(()=>Hte(o),[o]),p=!!((m=u==null?void 0:u.table)!=null&&m.readonly);return y.createElement(Nte,{"aria-readonly":p},y.createElement(YD,null,n),y.createElement(Mte,{id:Ct(e),type:"range",disabled:p,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(Pte,{numberOFDecimalsPlaces:h,max:a},f?t.toFixed(h):"--"," / ",a))},Vte=_.label({display:"flex"}),Ute=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),qte=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var m;let s=g=>{r(g.target.value)},u=!!((m=i==null?void 0:i.table)!=null&&m.readonly),[d,f]=l.useState(!1),h=l.useCallback(()=>{r(""),f(!0)},[f]);if(t===void 0)return y.createElement(zn,{variant:"outline",size:"medium",disabled:u,id:Vs(e),onClick:h},"Set string");let p=typeof t=="string";return y.createElement(Vte,null,y.createElement(Oi.Textarea,{id:Ct(e),maxLength:o,onChange:s,disabled:u,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),o&&y.createElement(Ute,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},Wte=_(Oi.Input)({padding:10});function Gte(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Kte=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var u;let o=l.useRef(null),i=(u=a==null?void 0:a.control)==null?void 0:u.readOnly;function s(d){if(!d.target.files)return;let f=Array.from(d.target.files).map(h=>URL.createObjectURL(h));e(f),Gte(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(Wte,{ref:o,id:Ct(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},Yte=l.lazy(()=>N3(()=>import("./Color-ERTF36HU-x3UpVubc.js"),__vite__mapDeps([9,2,3,1,4,5,6,7,8]),import.meta.url)),Zte=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(Yte,{...e})),Jte={array:z3,object:z3,boolean:Uee,color:Zte,date:Zee,number:ete,check:Yn,"inline-check":Yn,radio:Yn,"inline-radio":Yn,select:Yn,"multi-select":Yn,range:jte,text:qte,file:Kte},$3=()=>y.createElement(y.Fragment,null,"-"),Xte=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var v;let{key:a,control:o}=e,[i,s]=l.useState(!1),[u,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let f=l.useCallback(b=>(d({value:b}),r({[a]:b}),b),[r,a]),h=l.useCallback(()=>s(!1),[]),p=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let b=(o==null?void 0:o.disable)!==!0&&((v=e==null?void 0:e.type)==null?void 0:v.name)!=="function";return n&&b?y.createElement(ma,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement($3,null)}let m={name:a,argType:e,value:u.value,onChange:f,onBlur:h,onFocus:p},g=Jte[o.type]||$3;return y.createElement(g,{...m,...o,controlType:o.type})},Qte=_.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:Vr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),ere=({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(Qte,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)))))},Bp=8,O3=_.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),tre=_.span(Vr,({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}})),rre=_.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),nre=_.div(Vr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),are=_.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"}})),ore=_(gM)({marginLeft:4}),ire=_(wC)({marginLeft:4}),lre=()=>y.createElement("span",null,"-"),ZD=({text:e,simple:t})=>y.createElement(tre,{simple:t},e),sre=xD(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),ure=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return MJ(t)},L3=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,Bp)),r.map(n=>y.createElement(ZD,{key:n,text:n===""?'""':n}))},cre=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let u=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(u))return y.createElement(ZD,{text:u});let d=ure(u),f=d.length;return f>Bp?y.createElement(O3,{isExpanded:i},L3(d,i),y.createElement(rre,{onClick:()=>s(!i)},i?"Show less...":`Show ${f-Bp} more...`)):y.createElement(O3,null,L3(d))}return y.createElement(yO,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(are,{width:sre(n)},y.createElement(Th,{language:"jsx",format:!1},n))},y.createElement(nre,{className:"sbdocs-expandable"},y.createElement("span",null,u),a?y.createElement(ore,null):y.createElement(ire,null)))},zd=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(lre,null):y.createElement(cre,{value:e,initialExpandedArgs:t}),dre=_.span({fontWeight:"bold"}),pre=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),fre=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Vr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),hre=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?se(.1,e.color.defaultText):se(.2,e.color.defaultText),marginTop:t?4:0})),mre=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?se(.1,e.color.defaultText):se(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),gre=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),vre=e=>e&&{summary:typeof e=="string"?e:e.name},xl=e=>{var v;let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:u,description:d}=n,f=n.table||{},h=f.type||vre(n.type),p=f.defaultValue||n.defaultValue,m=(v=n.type)==null?void 0:v.required,g=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(gre,{expandable:i},y.createElement(dre,null,u),m?y.createElement(pre,{title:"Required"},"*"):null),o?null:y.createElement("td",null,g&&y.createElement(fre,null,y.createElement(vD,null,d)),f.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(mre,{hasDescription:g},y.createElement(zd,{value:h,initialExpandedArgs:s})),y.createElement(ere,{tags:f.jsDocTags})):y.createElement(hre,{hasDescription:g},y.createElement(zd,{value:h,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(zd,{value:p,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(Xte,{...e,isHovered:t})):null)},yre=_.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"})),bre=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),wre=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),Ere=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(yre,{inAddonPanel:e},y.createElement(cC,{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(bre,null,e&&y.createElement(y.Fragment,null,y.createElement(ma,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(cM,null)," Watch 5m video"),y.createElement(wre,null),y.createElement(ma,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(xp,null)," Read docs")),!e&&y.createElement(ma,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(xp,null)," Learn how to set that up"))}))},xre=_(hM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?se(.25,e.color.defaultText):se(.3,e.color.defaultText),border:"none",display:"inline-block"})),Cre=_(mM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?se(.25,e.color.defaultText):se(.3,e.color.defaultText),border:"none",display:"inline-block"})),Dre=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Sre=_.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"?se(.4,e.color.defaultText):se(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Are=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),kre=_.td(()=>({position:"relative"})),_re=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${on(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),M3=_.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"})),$d=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?Are:Sre,u=(r==null?void 0:r.length)||0,d=e==="subsection"?`${u} item${u!==1?"s":""}`:"",f=`${o?"Hide":"Show"} ${e==="subsection"?u:t} item${u!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(_re,{title:f},y.createElement(s,{colSpan:1},y.createElement(M3,{onClick:h=>i(!o),tabIndex:0},f),y.createElement(Dre,null,o?y.createElement(xre,null):y.createElement(Cre,null),t)),y.createElement(kre,{colSpan:a-1},y.createElement(M3,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},f),o?null:d)),o?r:null)},Cl=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ie=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ye=_.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})),Te=[2,4,2,2],Fre=()=>y.createElement(y.Fragment,null,y.createElement(Cl,null,y.createElement(Ie,{numColumn:Te[0]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[1]},y.createElement(ye,{width:"30%"})),y.createElement(Ie,{numColumn:Te[2]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[3]},y.createElement(ye,{width:"60%"}))),y.createElement(Cl,null,y.createElement(Ie,{numColumn:Te[0]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[1]},y.createElement(ye,{width:"80%"}),y.createElement(ye,{width:"30%"})),y.createElement(Ie,{numColumn:Te[2]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[3]},y.createElement(ye,{width:"60%"}))),y.createElement(Cl,null,y.createElement(Ie,{numColumn:Te[0]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[1]},y.createElement(ye,{width:"80%"}),y.createElement(ye,{width:"30%"})),y.createElement(Ie,{numColumn:Te[2]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[3]},y.createElement(ye,{width:"60%"}))),y.createElement(Cl,null,y.createElement(Ie,{numColumn:Te[0]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[1]},y.createElement(ye,{width:"80%"}),y.createElement(ye,{width:"30%"})),y.createElement(Ie,{numColumn:Te[2]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[3]},y.createElement(ye,{width:"60%"})))),Ire=_.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"?se(.25,e.color.defaultText):se(.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}}}}})),Tre=_(yn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),Rre=_.span({display:"flex",justifyContent:"space-between"}),Bre={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},zre=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:u}=(i==null?void 0:i.table)||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!u)d.ungrouped.push({key:o,...i});else{let f=d.subsections[u]||[];f.push({key:o,...i}),d.subsections[u]=f}r.sections[s]=d}else if(u){let d=r.ungroupedSubsections[u]||[];d.push({key:o,...i}),r.ungroupedSubsections[u]=d}else r.ungrouped.push({key:o,...i})});let n=Bre[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].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)}}),{})}},$re=(e,t,r)=>{try{return lS(e,t,r)}catch(n){return oee.warn(n.message),!1}},zp=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:E}=e;return y.createElement(BD,null,E," ",y.createElement(ma,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(xp,null)," Read the docs"))}if(s)return y.createElement(Fre,null);let{rows:u,args:d,globals:f}="rows"in e&&e,h=zre(mG(u,E=>{var C;return!((C=E==null?void 0:E.table)!=null&&C.disable)&&$re(E,d||{},f||{})}),i),p=h.ungrouped.length===0,m=Object.entries(h.sections).length===0,g=Object.entries(h.ungroupedSubsections).length===0;if(p&&m&&g)return y.createElement(Ere,{inAddonPanel:a});let v=1;t&&(v+=1),n||(v+=2);let b=Object.keys(h.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(Ix,null,y.createElement(Ire,{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(Rre,null,"Control"," ",!s&&r&&y.createElement(Tre,{onClick:()=>r(),title:"Reset controls"},y.createElement(vM,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(E=>y.createElement(xl,{key:E.key,row:E,arg:d&&d[E.key],...x})),Object.entries(h.ungroupedSubsections).map(([E,C])=>y.createElement($d,{key:E,label:E,level:"subsection",colSpan:v},C.map(w=>y.createElement(xl,{key:w.key,row:w,arg:d&&d[w.key],expandable:b,...x})))),Object.entries(h.sections).map(([E,C])=>y.createElement($d,{key:E,label:E,level:"section",colSpan:v},C.ungrouped.map(w=>y.createElement(xl,{key:w.key,row:w,arg:d&&d[w.key],...x})),Object.entries(C.subsections).map(([w,D])=>y.createElement($d,{key:w,label:w,level:"subsection",colSpan:v},D.map(S=>y.createElement(xl,{key:S.key,row:S,arg:d&&d[S.key],expandable:b,...x})))))))))},Ore=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(zp,{...r[0][1],...t}):y.createElement(eL,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,u="div",d=a===0?t:{sort:t.sort};return y.createElement(u,{key:s,id:s,title:o},({active:f})=>f?y.createElement(zp,{key:`prop_table_${o}`,...i,...d}):null)}))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(de,({theme:e})=>({...Ju(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?se(.2,e.color.defaultText):se(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...Ju(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...Ju(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var Lre=e=>`anchor--${e}`,JD=({storyId:e,children:t})=>y.createElement("div",{id:Lre(e),className:"sb-anchor"},t);rt&&rt.__DOCS_CONTEXT__===void 0&&(rt.__DOCS_CONTEXT__=l.createContext(null),rt.__DOCS_CONTEXT__.displayName="DocsContext");var At=rt?rt.__DOCS_CONTEXT__:l.createContext(null),Mn=(e,t)=>l.useContext(At).resolveOf(e,t),Mre=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),Pre=e=>{if(e)return typeof e=="string"?e.includes("-")?Mre(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Nre(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function XD(e){return nee(e,{allowFunction:!1})}var QD=l.createContext({sources:{}}),eS="--unknown--",Hre=({children:e,channel:t})=>{let[r,n]=l.useState({});return l.useEffect(()=>{let a=(o,i=null,s=!1)=>{let{id:u,args:d=void 0,source:f,format:h}=typeof o=="string"?{id:o,source:i,format:s}:o,p=d?XD(d):eS;n(m=>({...m,[u]:{...m[u],[p]:{code:f,format:h}}}))};return t.on(Cm,a),()=>t.off(Cm,a)},[]),y.createElement(QD.Provider,{value:{sources:r}},e)},jre=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[XD(t)])||(a==null?void 0:a[eS])||{code:""}},Vre=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var u,d;let{__isArgsStory:a}=t.parameters,o=((u=t.parameters.docs)==null?void 0:u.source)||{},i=r||o.type||tc.AUTO;if(o.code!==void 0)return o.code;let s=i===tc.DYNAMIC||i===tc.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(s,t))||s},Ure=(e,t,r)=>{var m,g,v,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=((g=(m=n==null?void 0:n.parameters)==null?void 0:m.docs)==null?void 0:g.source)||{},{code:i}=e,s=e.format??o.format,u=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:s,language:u,dark:d};let f=t.getStoryContext(n),h=e.__forceInitialArgs?f.initialArgs:f.unmappedArgs,p=jre(n.id,h,r);return s=p.format??((b=(v=n.parameters.docs)==null?void 0:v.source)==null?void 0:b.format)??!1,{code:Vre({snippet:p.code,storyContext:{...f,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:u,dark:d}};function qre(e,t){let r=Wre([e],t);return r&&r[0]}function Wre(e,t){let[r,n]=l.useState({});return l.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 Gre=(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},Kre=(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 s=e.height??o.height,u=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:u,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}},Yre=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(At),r=Gre(e,t),n=qre(r,t);if(!n)return y.createElement(OD,null);let a=Kre(e,n,t);return a?y.createElement(Tee,{...a}):null},Zre=e=>{var p,m,g,v,b,x,E,C,w,D;let t=l.useContext(At),r=l.useContext(QD),{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}=Mn(n||"story",["story"]),i=Ure({...a,...n&&{of:n}},t,r),s=e.layout??o.parameters.layout??((m=(p=o.parameters.docs)==null?void 0:p.canvas)==null?void 0:m.layout)??"padded",u=e.withToolbar??((v=(g=o.parameters.docs)==null?void 0:g.canvas)==null?void 0:v.withToolbar)??!1,d=e.additionalActions??((x=(b=o.parameters.docs)==null?void 0:b.canvas)==null?void 0:x.additionalActions),f=e.sourceState??((C=(E=o.parameters.docs)==null?void 0:E.canvas)==null?void 0:C.sourceState)??"hidden",h=e.className??((D=(w=o.parameters.docs)==null?void 0:w.canvas)==null?void 0:D.className);return y.createElement(LD,{withSource:f==="none"?void 0:i,isExpanded:f==="shown",withToolbar:u,additionalActions:d,className:h,layout:s},y.createElement(Yre,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Jre=(e,t)=>{let r=Xre(e,t);if(!r)throw new Error("No result when story was defined");return r},Xre=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=l.useState(r.args);l.useEffect(()=>{let u=d=>{d.storyId===n&&o(d.args)};return t.channel.on(S3,u),()=>t.channel.off(S3,u)},[n,t.channel]);let i=l.useCallback(u=>t.channel.emit(iee,{storyId:n,updatedArgs:u}),[n,t.channel]),s=l.useCallback(u=>t.channel.emit(lee,{storyId:n,argNames:u}),[n,t.channel]);return e&&[a,i,s]},Qre=(e,t)=>{let r=t.getStoryContext(e),[n,a]=l.useState(r.globals);return l.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(A3,o),()=>t.channel.off(A3,o)},[t.channel]),[n]};function ene(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var tne=e=>{var w;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=l.useContext(At),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:s}=n,u=((w=a.docs)==null?void 0:w.controls)||{},d=e.include??u.include,f=e.exclude??u.exclude,h=e.sort??u.sort,[p,m,g]=Jre(n,r),[v]=Qre(n,r),b=D3(o,d,f);if(!(s&&Object.keys(s).length>0))return Object.keys(b).length>0||Object.keys(p).length>0?y.createElement(zp,{rows:b,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g}):null;let x=Pre(i),E=Object.fromEntries(Object.entries(s).map(([D,S])=>[D,{rows:D3(ene(S,a),d,f),sort:h}])),C={[x]:{rows:b,sort:h},...E};return y.createElement(Ore,{tabs:C,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g})},{document:tS}=rt,rne=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return y.createElement(Tx,null,t);let n=e&&e.split("-");return y.createElement(zD,{language:n&&n[1]||"text",format:!1,code:t,...r})};function vm(e,t){e.channel.emit(see,t)}var $p=vL.a,nne=({hash:e,children:t})=>{let r=l.useContext(At);return y.createElement($p,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);tS.getElementById(a)&&vm(r,e)}},t)},ane=e=>{let{href:t,target:r,children:n,...a}=e,o=l.useContext(At);return!t||r==="_blank"||/^https?:\/\//.test(t)?y.createElement($p,{...e}):t.startsWith("#")?y.createElement(nne,{hash:t},n):y.createElement($p,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),vm(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},rS=["h1","h2","h3","h4","h5","h6"],one=rS.reduce((e,t)=>({...e,[t]:_(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),ine=_.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),lne=({as:e,id:t,children:r,...n})=>{let a=l.useContext(At),o=one[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement(ine,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{tS.getElementById(t)&&vm(a,i)}},y.createElement(fM,null)),r)},ym=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement(lne,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return y.createElement(o,{...ce(s,t)})},sne=rS.reduce((e,t)=>({...e,[t]:r=>y.createElement(ym,{as:t,...r})}),{}),une=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(sS`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
579
+ ${on(.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 ${Mt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),YD=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Pte=_(YD)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Nte=_.div({display:"flex",alignItems:"center",width:"100%"});function Hte(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 jte=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:u})=>{var m;let d=g=>{r(Xee(g.target.value))},f=t!==void 0,h=l.useMemo(()=>Hte(o),[o]),p=!!((m=u==null?void 0:u.table)!=null&&m.readonly);return y.createElement(Nte,{"aria-readonly":p},y.createElement(YD,null,n),y.createElement(Mte,{id:Ct(e),type:"range",disabled:p,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(Pte,{numberOFDecimalsPlaces:h,max:a},f?t.toFixed(h):"--"," / ",a))},Vte=_.label({display:"flex"}),Ute=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),qte=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var m;let s=g=>{r(g.target.value)},u=!!((m=i==null?void 0:i.table)!=null&&m.readonly),[d,f]=l.useState(!1),h=l.useCallback(()=>{r(""),f(!0)},[f]);if(t===void 0)return y.createElement(zn,{variant:"outline",size:"medium",disabled:u,id:Vs(e),onClick:h},"Set string");let p=typeof t=="string";return y.createElement(Vte,null,y.createElement(Oi.Textarea,{id:Ct(e),maxLength:o,onChange:s,disabled:u,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),o&&y.createElement(Ute,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},Wte=_(Oi.Input)({padding:10});function Gte(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Kte=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var u;let o=l.useRef(null),i=(u=a==null?void 0:a.control)==null?void 0:u.readOnly;function s(d){if(!d.target.files)return;let f=Array.from(d.target.files).map(h=>URL.createObjectURL(h));e(f),Gte(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(Wte,{ref:o,id:Ct(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},Yte=l.lazy(()=>N3(()=>import("./Color-ERTF36HU-DPTAjghN.js"),__vite__mapDeps([9,2,3,1,4,5,6,7,8]),import.meta.url)),Zte=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(Yte,{...e})),Jte={array:z3,object:z3,boolean:Uee,color:Zte,date:Zee,number:ete,check:Yn,"inline-check":Yn,radio:Yn,"inline-radio":Yn,select:Yn,"multi-select":Yn,range:jte,text:qte,file:Kte},$3=()=>y.createElement(y.Fragment,null,"-"),Xte=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var v;let{key:a,control:o}=e,[i,s]=l.useState(!1),[u,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let f=l.useCallback(b=>(d({value:b}),r({[a]:b}),b),[r,a]),h=l.useCallback(()=>s(!1),[]),p=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let b=(o==null?void 0:o.disable)!==!0&&((v=e==null?void 0:e.type)==null?void 0:v.name)!=="function";return n&&b?y.createElement(ma,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement($3,null)}let m={name:a,argType:e,value:u.value,onChange:f,onBlur:h,onFocus:p},g=Jte[o.type]||$3;return y.createElement(g,{...m,...o,controlType:o.type})},Qte=_.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:Vr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),ere=({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(Qte,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)))))},Bp=8,O3=_.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),tre=_.span(Vr,({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}})),rre=_.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),nre=_.div(Vr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),are=_.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"}})),ore=_(gM)({marginLeft:4}),ire=_(wC)({marginLeft:4}),lre=()=>y.createElement("span",null,"-"),ZD=({text:e,simple:t})=>y.createElement(tre,{simple:t},e),sre=xD(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),ure=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return MJ(t)},L3=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,Bp)),r.map(n=>y.createElement(ZD,{key:n,text:n===""?'""':n}))},cre=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let u=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(u))return y.createElement(ZD,{text:u});let d=ure(u),f=d.length;return f>Bp?y.createElement(O3,{isExpanded:i},L3(d,i),y.createElement(rre,{onClick:()=>s(!i)},i?"Show less...":`Show ${f-Bp} more...`)):y.createElement(O3,null,L3(d))}return y.createElement(yO,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(are,{width:sre(n)},y.createElement(Th,{language:"jsx",format:!1},n))},y.createElement(nre,{className:"sbdocs-expandable"},y.createElement("span",null,u),a?y.createElement(ore,null):y.createElement(ire,null)))},zd=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(lre,null):y.createElement(cre,{value:e,initialExpandedArgs:t}),dre=_.span({fontWeight:"bold"}),pre=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),fre=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Vr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),hre=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?se(.1,e.color.defaultText):se(.2,e.color.defaultText),marginTop:t?4:0})),mre=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?se(.1,e.color.defaultText):se(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),gre=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),vre=e=>e&&{summary:typeof e=="string"?e:e.name},xl=e=>{var v;let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:u,description:d}=n,f=n.table||{},h=f.type||vre(n.type),p=f.defaultValue||n.defaultValue,m=(v=n.type)==null?void 0:v.required,g=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(gre,{expandable:i},y.createElement(dre,null,u),m?y.createElement(pre,{title:"Required"},"*"):null),o?null:y.createElement("td",null,g&&y.createElement(fre,null,y.createElement(vD,null,d)),f.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(mre,{hasDescription:g},y.createElement(zd,{value:h,initialExpandedArgs:s})),y.createElement(ere,{tags:f.jsDocTags})):y.createElement(hre,{hasDescription:g},y.createElement(zd,{value:h,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(zd,{value:p,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(Xte,{...e,isHovered:t})):null)},yre=_.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"})),bre=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),wre=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),Ere=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(yre,{inAddonPanel:e},y.createElement(cC,{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(bre,null,e&&y.createElement(y.Fragment,null,y.createElement(ma,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(cM,null)," Watch 5m video"),y.createElement(wre,null),y.createElement(ma,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(xp,null)," Read docs")),!e&&y.createElement(ma,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(xp,null)," Learn how to set that up"))}))},xre=_(hM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?se(.25,e.color.defaultText):se(.3,e.color.defaultText),border:"none",display:"inline-block"})),Cre=_(mM)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?se(.25,e.color.defaultText):se(.3,e.color.defaultText),border:"none",display:"inline-block"})),Dre=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Sre=_.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"?se(.4,e.color.defaultText):se(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Are=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),kre=_.td(()=>({position:"relative"})),_re=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${on(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),M3=_.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"})),$d=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?Are:Sre,u=(r==null?void 0:r.length)||0,d=e==="subsection"?`${u} item${u!==1?"s":""}`:"",f=`${o?"Hide":"Show"} ${e==="subsection"?u:t} item${u!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(_re,{title:f},y.createElement(s,{colSpan:1},y.createElement(M3,{onClick:h=>i(!o),tabIndex:0},f),y.createElement(Dre,null,o?y.createElement(xre,null):y.createElement(Cre,null),t)),y.createElement(kre,{colSpan:a-1},y.createElement(M3,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},f),o?null:d)),o?r:null)},Cl=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ie=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ye=_.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})),Te=[2,4,2,2],Fre=()=>y.createElement(y.Fragment,null,y.createElement(Cl,null,y.createElement(Ie,{numColumn:Te[0]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[1]},y.createElement(ye,{width:"30%"})),y.createElement(Ie,{numColumn:Te[2]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[3]},y.createElement(ye,{width:"60%"}))),y.createElement(Cl,null,y.createElement(Ie,{numColumn:Te[0]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[1]},y.createElement(ye,{width:"80%"}),y.createElement(ye,{width:"30%"})),y.createElement(Ie,{numColumn:Te[2]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[3]},y.createElement(ye,{width:"60%"}))),y.createElement(Cl,null,y.createElement(Ie,{numColumn:Te[0]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[1]},y.createElement(ye,{width:"80%"}),y.createElement(ye,{width:"30%"})),y.createElement(Ie,{numColumn:Te[2]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[3]},y.createElement(ye,{width:"60%"}))),y.createElement(Cl,null,y.createElement(Ie,{numColumn:Te[0]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[1]},y.createElement(ye,{width:"80%"}),y.createElement(ye,{width:"30%"})),y.createElement(Ie,{numColumn:Te[2]},y.createElement(ye,{width:"60%"})),y.createElement(Ie,{numColumn:Te[3]},y.createElement(ye,{width:"60%"})))),Ire=_.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"?se(.25,e.color.defaultText):se(.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}}}}})),Tre=_(yn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),Rre=_.span({display:"flex",justifyContent:"space-between"}),Bre={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},zre=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:u}=(i==null?void 0:i.table)||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!u)d.ungrouped.push({key:o,...i});else{let f=d.subsections[u]||[];f.push({key:o,...i}),d.subsections[u]=f}r.sections[s]=d}else if(u){let d=r.ungroupedSubsections[u]||[];d.push({key:o,...i}),r.ungroupedSubsections[u]=d}else r.ungrouped.push({key:o,...i})});let n=Bre[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].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)}}),{})}},$re=(e,t,r)=>{try{return lS(e,t,r)}catch(n){return oee.warn(n.message),!1}},zp=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:E}=e;return y.createElement(BD,null,E," ",y.createElement(ma,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(xp,null)," Read the docs"))}if(s)return y.createElement(Fre,null);let{rows:u,args:d,globals:f}="rows"in e&&e,h=zre(mG(u,E=>{var C;return!((C=E==null?void 0:E.table)!=null&&C.disable)&&$re(E,d||{},f||{})}),i),p=h.ungrouped.length===0,m=Object.entries(h.sections).length===0,g=Object.entries(h.ungroupedSubsections).length===0;if(p&&m&&g)return y.createElement(Ere,{inAddonPanel:a});let v=1;t&&(v+=1),n||(v+=2);let b=Object.keys(h.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(Ix,null,y.createElement(Ire,{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(Rre,null,"Control"," ",!s&&r&&y.createElement(Tre,{onClick:()=>r(),title:"Reset controls"},y.createElement(vM,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(E=>y.createElement(xl,{key:E.key,row:E,arg:d&&d[E.key],...x})),Object.entries(h.ungroupedSubsections).map(([E,C])=>y.createElement($d,{key:E,label:E,level:"subsection",colSpan:v},C.map(w=>y.createElement(xl,{key:w.key,row:w,arg:d&&d[w.key],expandable:b,...x})))),Object.entries(h.sections).map(([E,C])=>y.createElement($d,{key:E,label:E,level:"section",colSpan:v},C.ungrouped.map(w=>y.createElement(xl,{key:w.key,row:w,arg:d&&d[w.key],...x})),Object.entries(C.subsections).map(([w,D])=>y.createElement($d,{key:w,label:w,level:"subsection",colSpan:v},D.map(S=>y.createElement(xl,{key:S.key,row:S,arg:d&&d[S.key],expandable:b,...x})))))))))},Ore=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(zp,{...r[0][1],...t}):y.createElement(eL,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,u="div",d=a===0?t:{sort:t.sort};return y.createElement(u,{key:s,id:s,title:o},({active:f})=>f?y.createElement(zp,{key:`prop_table_${o}`,...i,...d}):null)}))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(de,({theme:e})=>({...Ju(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?se(.2,e.color.defaultText):se(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...Ju(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?se(.4,e.color.defaultText):se(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...Ju(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var Lre=e=>`anchor--${e}`,JD=({storyId:e,children:t})=>y.createElement("div",{id:Lre(e),className:"sb-anchor"},t);rt&&rt.__DOCS_CONTEXT__===void 0&&(rt.__DOCS_CONTEXT__=l.createContext(null),rt.__DOCS_CONTEXT__.displayName="DocsContext");var At=rt?rt.__DOCS_CONTEXT__:l.createContext(null),Mn=(e,t)=>l.useContext(At).resolveOf(e,t),Mre=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),Pre=e=>{if(e)return typeof e=="string"?e.includes("-")?Mre(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Nre(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function XD(e){return nee(e,{allowFunction:!1})}var QD=l.createContext({sources:{}}),eS="--unknown--",Hre=({children:e,channel:t})=>{let[r,n]=l.useState({});return l.useEffect(()=>{let a=(o,i=null,s=!1)=>{let{id:u,args:d=void 0,source:f,format:h}=typeof o=="string"?{id:o,source:i,format:s}:o,p=d?XD(d):eS;n(m=>({...m,[u]:{...m[u],[p]:{code:f,format:h}}}))};return t.on(Cm,a),()=>t.off(Cm,a)},[]),y.createElement(QD.Provider,{value:{sources:r}},e)},jre=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[XD(t)])||(a==null?void 0:a[eS])||{code:""}},Vre=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var u,d;let{__isArgsStory:a}=t.parameters,o=((u=t.parameters.docs)==null?void 0:u.source)||{},i=r||o.type||tc.AUTO;if(o.code!==void 0)return o.code;let s=i===tc.DYNAMIC||i===tc.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(s,t))||s},Ure=(e,t,r)=>{var m,g,v,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=((g=(m=n==null?void 0:n.parameters)==null?void 0:m.docs)==null?void 0:g.source)||{},{code:i}=e,s=e.format??o.format,u=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:s,language:u,dark:d};let f=t.getStoryContext(n),h=e.__forceInitialArgs?f.initialArgs:f.unmappedArgs,p=jre(n.id,h,r);return s=p.format??((b=(v=n.parameters.docs)==null?void 0:v.source)==null?void 0:b.format)??!1,{code:Vre({snippet:p.code,storyContext:{...f,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:u,dark:d}};function qre(e,t){let r=Wre([e],t);return r&&r[0]}function Wre(e,t){let[r,n]=l.useState({});return l.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 Gre=(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},Kre=(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 s=e.height??o.height,u=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:u,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}},Yre=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(At),r=Gre(e,t),n=qre(r,t);if(!n)return y.createElement(OD,null);let a=Kre(e,n,t);return a?y.createElement(Tee,{...a}):null},Zre=e=>{var p,m,g,v,b,x,E,C,w,D;let t=l.useContext(At),r=l.useContext(QD),{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}=Mn(n||"story",["story"]),i=Ure({...a,...n&&{of:n}},t,r),s=e.layout??o.parameters.layout??((m=(p=o.parameters.docs)==null?void 0:p.canvas)==null?void 0:m.layout)??"padded",u=e.withToolbar??((v=(g=o.parameters.docs)==null?void 0:g.canvas)==null?void 0:v.withToolbar)??!1,d=e.additionalActions??((x=(b=o.parameters.docs)==null?void 0:b.canvas)==null?void 0:x.additionalActions),f=e.sourceState??((C=(E=o.parameters.docs)==null?void 0:E.canvas)==null?void 0:C.sourceState)??"hidden",h=e.className??((D=(w=o.parameters.docs)==null?void 0:w.canvas)==null?void 0:D.className);return y.createElement(LD,{withSource:f==="none"?void 0:i,isExpanded:f==="shown",withToolbar:u,additionalActions:d,className:h,layout:s},y.createElement(Yre,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Jre=(e,t)=>{let r=Xre(e,t);if(!r)throw new Error("No result when story was defined");return r},Xre=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=l.useState(r.args);l.useEffect(()=>{let u=d=>{d.storyId===n&&o(d.args)};return t.channel.on(S3,u),()=>t.channel.off(S3,u)},[n,t.channel]);let i=l.useCallback(u=>t.channel.emit(iee,{storyId:n,updatedArgs:u}),[n,t.channel]),s=l.useCallback(u=>t.channel.emit(lee,{storyId:n,argNames:u}),[n,t.channel]);return e&&[a,i,s]},Qre=(e,t)=>{let r=t.getStoryContext(e),[n,a]=l.useState(r.globals);return l.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(A3,o),()=>t.channel.off(A3,o)},[t.channel]),[n]};function ene(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var tne=e=>{var w;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=l.useContext(At),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:s}=n,u=((w=a.docs)==null?void 0:w.controls)||{},d=e.include??u.include,f=e.exclude??u.exclude,h=e.sort??u.sort,[p,m,g]=Jre(n,r),[v]=Qre(n,r),b=D3(o,d,f);if(!(s&&Object.keys(s).length>0))return Object.keys(b).length>0||Object.keys(p).length>0?y.createElement(zp,{rows:b,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g}):null;let x=Pre(i),E=Object.fromEntries(Object.entries(s).map(([D,S])=>[D,{rows:D3(ene(S,a),d,f),sort:h}])),C={[x]:{rows:b,sort:h},...E};return y.createElement(Ore,{tabs:C,sort:h,args:p,globals:v,updateArgs:m,resetArgs:g})},{document:tS}=rt,rne=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return y.createElement(Tx,null,t);let n=e&&e.split("-");return y.createElement(zD,{language:n&&n[1]||"text",format:!1,code:t,...r})};function vm(e,t){e.channel.emit(see,t)}var $p=vL.a,nne=({hash:e,children:t})=>{let r=l.useContext(At);return y.createElement($p,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);tS.getElementById(a)&&vm(r,e)}},t)},ane=e=>{let{href:t,target:r,children:n,...a}=e,o=l.useContext(At);return!t||r==="_blank"||/^https?:\/\//.test(t)?y.createElement($p,{...e}):t.startsWith("#")?y.createElement(nne,{hash:t},n):y.createElement($p,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),vm(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},rS=["h1","h2","h3","h4","h5","h6"],one=rS.reduce((e,t)=>({...e,[t]:_(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),ine=_.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),lne=({as:e,id:t,children:r,...n})=>{let a=l.useContext(At),o=one[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement(ine,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{tS.getElementById(t)&&vm(a,i)}},y.createElement(fM,null)),r)},ym=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement(lne,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return y.createElement(o,{...ce(s,t)})},sne=rS.reduce((e,t)=>({...e,[t]:r=>y.createElement(ym,{as:t,...r})}),{}),une=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(sS`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
580
580
  This is often caused by not wrapping the child in a template string.
581
581
 
582
582
  This is invalid: