@xyd-js/storybook 0.0.1-xyd.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 (141) hide show
  1. package/.storybook/main.ts +59 -0
  2. package/.storybook/preview.ts +30 -0
  3. package/.storybook/styles.css +5 -0
  4. package/CHANGELOG.md +12 -0
  5. package/README.md +50 -0
  6. package/eslint.config.js +28 -0
  7. package/package.json +50 -0
  8. package/src/content/Icons.tsx +83 -0
  9. package/src/content/code-sample.mdx +15 -0
  10. package/src/content/hello-world.mdx +116 -0
  11. package/src/docs/atlas/Atlas.stories.tsx +47 -0
  12. package/src/docs/atlas/todo-app.uniform.json +625 -0
  13. package/src/docs/atlas/uniform-to-references.ts +101 -0
  14. package/src/docs/components/brand/Button.stories.tsx +32 -0
  15. package/src/docs/components/brand/CTABanner.stories.tsx +36 -0
  16. package/src/docs/components/coder/CodeSample.stories.tsx +26 -0
  17. package/src/docs/components/writer/Badge.stories.tsx +32 -0
  18. package/src/docs/components/writer/Breadcrumbs.stories.tsx +34 -0
  19. package/src/docs/components/writer/Callout.stories.tsx +25 -0
  20. package/src/docs/components/writer/GuideCard.stories.tsx +151 -0
  21. package/src/docs/components/writer/Heading.stories.tsx +52 -0
  22. package/src/docs/components/writer/NavLinks.stories.tsx +31 -0
  23. package/src/docs/components/writer/Pre.stories.tsx +23 -0
  24. package/src/docs/components/writer/Steps.stories.tsx +27 -0
  25. package/src/docs/components/writer/Table.stories.tsx +54 -0
  26. package/src/docs/templates/CodeSample.stories.tsx +15 -0
  27. package/src/docs/themes/logo.tsx +37 -0
  28. package/src/docs/themes/themes-designsystem.stories.tsx +156 -0
  29. package/src/docs/themes/themes.stories.tsx +261 -0
  30. package/src/docs/ui/Nav.stories.tsx +58 -0
  31. package/src/docs/ui/Sidebar.stories.tsx +161 -0
  32. package/src/docs/ui/SubNav.stories.tsx +29 -0
  33. package/src/utils/mdx.ts +31 -0
  34. package/storybook-static/assets/Atlas.stories-CXIW65Hs.js +255 -0
  35. package/storybook-static/assets/Badge.stories-xjDbGZ5c.js +21 -0
  36. package/storybook-static/assets/Breadcrumbs.stories-DUn-OgPN.js +21 -0
  37. package/storybook-static/assets/Button.stories-BUAUswSC.js +21 -0
  38. package/storybook-static/assets/CTABanner-7_fa6QIU-6vh6ca3a.js +4 -0
  39. package/storybook-static/assets/CTABanner.stories-D5CtnW6h.js +22 -0
  40. package/storybook-static/assets/Callout.stories-DonqcNeI.js +16 -0
  41. package/storybook-static/assets/CodeSample.stories-4-beIs6I.js +22 -0
  42. package/storybook-static/assets/CodeSample.stories-B8_z15cp.js +8 -0
  43. package/storybook-static/assets/Color-F6OSRLHC-D5TfMBnc.js +1 -0
  44. package/storybook-static/assets/DocsRenderer-CFRXHY34-BrPAHo60.js +730 -0
  45. package/storybook-static/assets/GuideCard.stories-B8wFh9oh.js +65 -0
  46. package/storybook-static/assets/Heading.stories-D82-EGrg.js +40 -0
  47. package/storybook-static/assets/Nav.stories-CM_STIcN.js +13 -0
  48. package/storybook-static/assets/NavLinks.stories-D0QuD0H3.js +19 -0
  49. package/storybook-static/assets/Pre.stories-1WB_X0Ix.js +11 -0
  50. package/storybook-static/assets/Sidebar.stories-CwyChgiy.js +9 -0
  51. package/storybook-static/assets/Steps.stories-gANyLY_H.js +16 -0
  52. package/storybook-static/assets/SubNav.stories-D5TbjJj2.js +19 -0
  53. package/storybook-static/assets/Table.stories-BSZMHwDX.js +43 -0
  54. package/storybook-static/assets/UnderlineNav-C0OvjpyZ-D7c5zIhU.js +41 -0
  55. package/storybook-static/assets/_rollupPluginBabelHelpers-CAjWVhpp-BWJe-8U1.js +4 -0
  56. package/storybook-static/assets/browser.esm-BOPNWGdv.js +20 -0
  57. package/storybook-static/assets/chevron-right-Dfa2nijf.js +31 -0
  58. package/storybook-static/assets/chunk-K6AXKMTT-DXBwE8Vx.js +12 -0
  59. package/storybook-static/assets/chunk-XP5HYGXS-DH4vAeCa.js +1 -0
  60. package/storybook-static/assets/client-jctswkVR.js +25 -0
  61. package/storybook-static/assets/content-DfDGXctA.js +8 -0
  62. package/storybook-static/assets/entry-preview-Com-SXI0.js +10 -0
  63. package/storybook-static/assets/entry-preview-docs-Bs0lZRn3.js +47 -0
  64. package/storybook-static/assets/entry-preview-rsc-56ExrKd2.js +1 -0
  65. package/storybook-static/assets/iframe-B0k8DGQG.js +2 -0
  66. package/storybook-static/assets/index-B-gRCko5.js +1 -0
  67. package/storybook-static/assets/index-B0Jt8usF.js +9 -0
  68. package/storybook-static/assets/index-CBUcM4bS.js +8 -0
  69. package/storybook-static/assets/index-CC-8bvy6.js +9 -0
  70. package/storybook-static/assets/index-CQ7VjfMi.js +1 -0
  71. package/storybook-static/assets/index-Cu4lwwaE.js +1 -0
  72. package/storybook-static/assets/index-DIXNDbo9.js +1 -0
  73. package/storybook-static/assets/index-D_kIG38s.js +1 -0
  74. package/storybook-static/assets/index-DthG7GmK.js +17 -0
  75. package/storybook-static/assets/index-ogSvIofg.js +6 -0
  76. package/storybook-static/assets/jsx-runtime-C-_spy54.js +9 -0
  77. package/storybook-static/assets/layouts-CHVz-oC2.js +15 -0
  78. package/storybook-static/assets/preview--rrl-Bev.js +234 -0
  79. package/storybook-static/assets/preview-B3PTUHS7.js +1 -0
  80. package/storybook-static/assets/preview-CFgKly6U.js +1 -0
  81. package/storybook-static/assets/preview-CsjPNNCI.js +1 -0
  82. package/storybook-static/assets/preview-DFfOCnyz.css +1 -0
  83. package/storybook-static/assets/preview-DGUiP6tS.js +7 -0
  84. package/storybook-static/assets/preview-DY_pW_WS.js +396 -0
  85. package/storybook-static/assets/preview-NdwLIjRI.js +2 -0
  86. package/storybook-static/assets/preview-RFMnorYX.js +1 -0
  87. package/storybook-static/assets/preview-Zk6Lo_wo.js +1 -0
  88. package/storybook-static/assets/preview-iUmqt_lp.js +34 -0
  89. package/storybook-static/assets/react-18-C4NQogKe.js +1 -0
  90. package/storybook-static/assets/themes-designsystem.stories-DyoY6VQ9.js +11 -0
  91. package/storybook-static/assets/themes.stories-BUr1Iju1.js +41 -0
  92. package/storybook-static/assets/writer-BQ7yPg-n.js +4 -0
  93. package/storybook-static/favicon.svg +1 -0
  94. package/storybook-static/iframe.html +639 -0
  95. package/storybook-static/index.html +186 -0
  96. package/storybook-static/index.json +1 -0
  97. package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  98. package/storybook-static/nunito-sans-bold.woff2 +0 -0
  99. package/storybook-static/nunito-sans-italic.woff2 +0 -0
  100. package/storybook-static/nunito-sans-regular.woff2 +0 -0
  101. package/storybook-static/project.json +1 -0
  102. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js +331 -0
  103. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js.LEGAL.txt +51 -0
  104. package/storybook-static/sb-addons/essentials-actions-4/manager-bundle.js +3 -0
  105. package/storybook-static/sb-addons/essentials-actions-4/manager-bundle.js.LEGAL.txt +0 -0
  106. package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js +12 -0
  107. package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js.LEGAL.txt +0 -0
  108. package/storybook-static/sb-addons/essentials-controls-3/manager-bundle.js +391 -0
  109. package/storybook-static/sb-addons/essentials-controls-3/manager-bundle.js.LEGAL.txt +0 -0
  110. package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js +3 -0
  111. package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js.LEGAL.txt +0 -0
  112. package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js +3 -0
  113. package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js.LEGAL.txt +0 -0
  114. package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js +3 -0
  115. package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js.LEGAL.txt +0 -0
  116. package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js +3 -0
  117. package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js.LEGAL.txt +0 -0
  118. package/storybook-static/sb-addons/interactions-11/manager-bundle.js +210 -0
  119. package/storybook-static/sb-addons/interactions-11/manager-bundle.js.LEGAL.txt +0 -0
  120. package/storybook-static/sb-addons/links-2/manager-bundle.js +3 -0
  121. package/storybook-static/sb-addons/links-2/manager-bundle.js.LEGAL.txt +0 -0
  122. package/storybook-static/sb-addons/onboarding-1/manager-bundle.js +127 -0
  123. package/storybook-static/sb-addons/onboarding-1/manager-bundle.js.LEGAL.txt +12 -0
  124. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +3 -0
  125. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js.LEGAL.txt +0 -0
  126. package/storybook-static/sb-common-assets/favicon.svg +1 -0
  127. package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  128. package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  129. package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  130. package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  131. package/storybook-static/sb-manager/globals-module-info.js +1028 -0
  132. package/storybook-static/sb-manager/globals-runtime.js +40861 -0
  133. package/storybook-static/sb-manager/globals.js +48 -0
  134. package/storybook-static/sb-manager/runtime.js +13338 -0
  135. package/storybook-static/sb-preview/globals.js +33 -0
  136. package/storybook-static/sb-preview/runtime.js +7174 -0
  137. package/tsconfig.app.json +24 -0
  138. package/tsconfig.json +17 -0
  139. package/tsconfig.node.json +13 -0
  140. package/tsconfig.tsbuildinfo +1 -0
  141. package/vite.config.ts +8 -0
@@ -0,0 +1 @@
1
+ import"./index-Cu4lwwaE.js";const{STORY_CHANGED:O,SELECT_STORY:l}=__STORYBOOK_MODULE_CORE_EVENTS__,{makeDecorator:E,addons:_}=__STORYBOOK_MODULE_PREVIEW_API__,{global:L}=__STORYBOOK_MODULE_GLOBAL__;var c="links",{document:s,HTMLElement:m}=L,v=e=>_.getChannel().emit(l,e),i=e=>{let{target:t}=e;if(!(t instanceof m))return;let o=t,{sbKind:a,sbStory:r}=o.dataset;(a||r)&&(e.preventDefault(),v({kind:a,story:r}))},n=!1,d=()=>{n||(n=!0,s.addEventListener("click",i))},k=()=>{n&&(n=!1,s.removeEventListener("click",i))},R=E({name:"withLinks",parameterName:c,wrapper:(e,t)=>(d(),_.getChannel().once(O,k),e(t))}),T=[R];export{T as decorators};
@@ -0,0 +1 @@
1
+ var j="Invariant failed";function S(e,t){if(!e)throw new Error(j)}const{useEffect:T}=__STORYBOOK_MODULE_PREVIEW_API__,{global:d}=__STORYBOOK_MODULE_GLOBAL__;var K="measureEnabled";function Y(){let e=d.document.documentElement,t=Math.max(e.scrollHeight,e.offsetHeight);return{width:Math.max(e.scrollWidth,e.offsetWidth),height:t}}function G(){let e=d.document.createElement("canvas");e.id="storybook-addon-measure";let t=e.getContext("2d");S(t!=null);let{width:o,height:l}=Y();return A(e,t,{width:o,height:l}),e.style.position="absolute",e.style.left="0",e.style.top="0",e.style.zIndex="2147483647",e.style.pointerEvents="none",d.document.body.appendChild(e),{canvas:e,context:t,width:o,height:l}}function A(e,t,{width:o,height:l}){e.style.width=`${o}px`,e.style.height=`${l}px`;let i=d.window.devicePixelRatio;e.width=Math.floor(o*i),e.height=Math.floor(l*i),t.scale(i,i)}var h={};function U(){h.canvas||(h=G())}function H(){h.context&&h.context.clearRect(0,0,h.width??0,h.height??0)}function V(e){H(),e(h.context)}function Z(){S(h.canvas),S(h.context),A(h.canvas,h.context,{width:0,height:0});let{width:e,height:t}=Y();A(h.canvas,h.context,{width:e,height:t}),h.width=e,h.height=t}function J(){var e;h.canvas&&(H(),(e=h.canvas.parentNode)==null||e.removeChild(h.canvas),h={})}var w={margin:"#f6b26b",border:"#ffe599",padding:"#93c47d",content:"#6fa8dc",text:"#232020"},c=6;function W(e,{x:t,y:o,w:l,h:i,r:n}){t=t-l/2,o=o-i/2,l<2*n&&(n=l/2),i<2*n&&(n=i/2),e.beginPath(),e.moveTo(t+n,o),e.arcTo(t+l,o,t+l,o+i,n),e.arcTo(t+l,o+i,t,o+i,n),e.arcTo(t,o+i,t,o,n),e.arcTo(t,o,t+l,o,n),e.closePath()}function Q(e,{padding:t,border:o,width:l,height:i,top:n,left:r}){let f=l-o.left-o.right-t.left-t.right,a=i-t.top-t.bottom-o.top-o.bottom,s=r+o.left+t.left,u=n+o.top+t.top;return e==="top"?s+=f/2:e==="right"?(s+=f,u+=a/2):e==="bottom"?(s+=f/2,u+=a):e==="left"?u+=a/2:e==="center"&&(s+=f/2,u+=a/2),{x:s,y:u}}function x(e,t,{margin:o,border:l,padding:i},n,r){let f=m=>0,a=0,s=0,u=r?1:.5,g=r?n*2:0;return e==="padding"?f=m=>i[m]*u+g:e==="border"?f=m=>i[m]+l[m]*u+g:e==="margin"&&(f=m=>i[m]+l[m]+o[m]*u+g),t==="top"?s=-f("top"):t==="right"?a=f("right"):t==="bottom"?s=f("bottom"):t==="left"&&(a=-f("left")),{offsetX:a,offsetY:s}}function tt(e,t){return Math.abs(e.x-t.x)<Math.abs(e.w+t.w)/2&&Math.abs(e.y-t.y)<Math.abs(e.h+t.h)/2}function et(e,t,o){return e==="top"?t.y=o.y-o.h-c:e==="right"?t.x=o.x+o.w/2+c+t.w/2:e==="bottom"?t.y=o.y+o.h+c:e==="left"&&(t.x=o.x-o.w/2-c-t.w/2),{x:t.x,y:t.y}}function X(e,t,{x:o,y:l,w:i,h:n},r){return W(e,{x:o,y:l,w:i,h:n,r:3}),e.fillStyle=`${w[t]}dd`,e.fill(),e.strokeStyle=w[t],e.stroke(),e.fillStyle=w.text,e.fillText(r,o,l),W(e,{x:o,y:l,w:i,h:n,r:3}),e.fillStyle=`${w[t]}dd`,e.fill(),e.strokeStyle=w[t],e.stroke(),e.fillStyle=w.text,e.fillText(r,o,l),{x:o,y:l,w:i,h:n}}function C(e,t){e.font="600 12px monospace",e.textBaseline="middle",e.textAlign="center";let o=e.measureText(t),l=o.actualBoundingBoxAscent+o.actualBoundingBoxDescent,i=o.width+c*2,n=l+c*2;return{w:i,h:n}}function ot(e,t,{type:o,position:l="center",text:i},n,r=!1){let{x:f,y:a}=Q(l,t),{offsetX:s,offsetY:u}=x(o,l,t,c+1,r);f+=s,a+=u;let{w:g,h:m}=C(e,i);if(n&&tt({x:f,y:a,w:g,h:m},n)){let v=et(l,{x:f,y:a,w:g,h:m},n);f=v.x,a=v.y}return X(e,o,{x:f,y:a,w:g,h:m},i)}function it(e,{w:t,h:o}){let l=t*.5+c,i=o*.5+c;return{offsetX:(e.x==="left"?-1:1)*l,offsetY:(e.y==="top"?-1:1)*i}}function lt(e,t,{type:o,text:l}){let{floatingAlignment:i,extremities:n}=t,r=n[i.x],f=n[i.y],{w:a,h:s}=C(e,l),{offsetX:u,offsetY:g}=it(i,{w:a,h:s});return r+=u,f+=g,X(e,o,{x:r,y:f,w:a,h:s},l)}function E(e,t,o,l){let i=[];o.forEach((n,r)=>{let f=l&&n.position==="center"?lt(e,t,n):ot(e,t,n,i[r-1],l);i[r]=f})}function nt(e,t,o,l){let i=o.reduce((n,r)=>{var f;return Object.prototype.hasOwnProperty.call(n,r.position)||(n[r.position]=[]),(f=n[r.position])==null||f.push(r),n},{});i.top&&E(e,t,i.top,l),i.right&&E(e,t,i.right,l),i.bottom&&E(e,t,i.bottom,l),i.left&&E(e,t,i.left,l),i.center&&E(e,t,i.center,l)}var L={margin:"#f6b26ba8",border:"#ffe599a8",padding:"#93c47d8c",content:"#6fa8dca8"},B=30;function p(e){return parseInt(e.replace("px",""),10)}function b(e){return Number.isInteger(e)?e:e.toFixed(2)}function P(e){return e.filter(t=>t.text!==0&&t.text!=="0")}function ft(e){let t={top:d.window.scrollY,bottom:d.window.scrollY+d.window.innerHeight,left:d.window.scrollX,right:d.window.scrollX+d.window.innerWidth},o={top:Math.abs(t.top-e.top),bottom:Math.abs(t.bottom-e.bottom),left:Math.abs(t.left-e.left),right:Math.abs(t.right-e.right)};return{x:o.left>o.right?"left":"right",y:o.top>o.bottom?"top":"bottom"}}function rt(e){let t=d.getComputedStyle(e),{top:o,left:l,right:i,bottom:n,width:r,height:f}=e.getBoundingClientRect(),{marginTop:a,marginBottom:s,marginLeft:u,marginRight:g,paddingTop:m,paddingBottom:v,paddingLeft:k,paddingRight:F,borderBottomWidth:I,borderTopWidth:D,borderLeftWidth:$,borderRightWidth:N}=t;o=o+d.window.scrollY,l=l+d.window.scrollX,n=n+d.window.scrollY,i=i+d.window.scrollX;let y={top:p(a),bottom:p(s),left:p(u),right:p(g)},q={top:p(m),bottom:p(v),left:p(k),right:p(F)},z={top:p(D),bottom:p(I),left:p($),right:p(N)},_={top:o-y.top,bottom:n+y.bottom,left:l-y.left,right:i+y.right};return{margin:y,padding:q,border:z,top:o,left:l,bottom:n,right:i,width:r,height:f,extremities:_,floatingAlignment:ft(_)}}function at(e,{margin:t,width:o,height:l,top:i,left:n,bottom:r,right:f}){let a=l+t.bottom+t.top;e.fillStyle=L.margin,e.fillRect(n,i-t.top,o,t.top),e.fillRect(f,i-t.top,t.right,a),e.fillRect(n,r,o,t.bottom),e.fillRect(n-t.left,i-t.top,t.left,a);let s=[{type:"margin",text:b(t.top),position:"top"},{type:"margin",text:b(t.right),position:"right"},{type:"margin",text:b(t.bottom),position:"bottom"},{type:"margin",text:b(t.left),position:"left"}];return P(s)}function st(e,{padding:t,border:o,width:l,height:i,top:n,left:r,bottom:f,right:a}){let s=l-o.left-o.right,u=i-t.top-t.bottom-o.top-o.bottom;e.fillStyle=L.padding,e.fillRect(r+o.left,n+o.top,s,t.top),e.fillRect(a-t.right-o.right,n+t.top+o.top,t.right,u),e.fillRect(r+o.left,f-t.bottom-o.bottom,s,t.bottom),e.fillRect(r+o.left,n+t.top+o.top,t.left,u);let g=[{type:"padding",text:t.top,position:"top"},{type:"padding",text:t.right,position:"right"},{type:"padding",text:t.bottom,position:"bottom"},{type:"padding",text:t.left,position:"left"}];return P(g)}function ht(e,{border:t,width:o,height:l,top:i,left:n,bottom:r,right:f}){let a=l-t.top-t.bottom;e.fillStyle=L.border,e.fillRect(n,i,o,t.top),e.fillRect(n,r-t.bottom,o,t.bottom),e.fillRect(n,i+t.top,t.left,a),e.fillRect(f-t.right,i+t.top,t.right,a);let s=[{type:"border",text:t.top,position:"top"},{type:"border",text:t.right,position:"right"},{type:"border",text:t.bottom,position:"bottom"},{type:"border",text:t.left,position:"left"}];return P(s)}function ut(e,{padding:t,border:o,width:l,height:i,top:n,left:r}){let f=l-o.left-o.right-t.left-t.right,a=i-t.top-t.bottom-o.top-o.bottom;return e.fillStyle=L.content,e.fillRect(r+o.left+t.left,n+o.top+t.top,f,a),[{type:"content",position:"center",text:`${b(f)} x ${b(a)}`}]}function dt(e){return t=>{if(e&&t){let o=rt(e),l=at(t,o),i=st(t,o),n=ht(t,o),r=ut(t,o),f=o.width<=B*3||o.height<=B;nt(t,o,[...r,...i,...n,...l],f)}}}function mt(e){V(dt(e))}var gt=(e,t)=>{let o=d.document.elementFromPoint(e,t),l=i=>{if(i&&i.shadowRoot){let n=i.shadowRoot.elementFromPoint(e,t);return i.isEqualNode(n)?i:n.shadowRoot?l(n):n}return i};return l(o)||o},O,M={x:0,y:0};function R(e,t){O=gt(e,t),mt(O)}var pt=(e,t)=>{let{measureEnabled:o}=t.globals;return T(()=>{let l=i=>{window.requestAnimationFrame(()=>{i.stopPropagation(),M.x=i.clientX,M.y=i.clientY})};return document.addEventListener("pointermove",l),()=>{document.removeEventListener("pointermove",l)}},[]),T(()=>{let l=n=>{window.requestAnimationFrame(()=>{n.stopPropagation(),R(n.clientX,n.clientY)})},i=()=>{window.requestAnimationFrame(()=>{Z()})};return t.viewMode==="story"&&o&&(document.addEventListener("pointerover",l),U(),window.addEventListener("resize",i),R(M.x,M.y)),()=>{window.removeEventListener("resize",i),J()}},[o,t.viewMode]),e()},ct=[pt],wt={[K]:!1};export{ct as decorators,wt as initialGlobals};
@@ -0,0 +1 @@
1
+ const e={parameters:{options:{storySort:{order:["Atlas","Components",["Writer","Coder"],"UI","Layouts","Themes",["Default","Design System"]]}},controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}}}};export{e as default};
@@ -0,0 +1 @@
1
+ .h9tkkeg{font-size:30px;font-weight:400}.c1q2rf33{background:linear-gradient(45deg,#f7f7f8,#f7f7f8);padding:8px;border:1px solid var(--atlas-comp-apiref-item-border-color);border-radius:8px;font-size:13px}.lhk53ap{color:var(--atlas-comp-apiref-item-navbar-color);margin-right:4px}.h1t46rpg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-bottom:25px}.gq5m3p7{display:-ms-grid;display:grid;-ms-grid-columns:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;gap:100px}.i1lmmgv6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:25px;margin-bottom:25px}.hpmrvhc{font-size:15px;font-weight:600}.l8q9wny{-webkit-text-decoration:none;text-decoration:none}.h1b8wz9m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none;border:none}.h1ayic9k{margin:0;padding:0}.h1ayic9k:first-child{padding-top:0}.h1ayic9k:last-child{padding-bottom:0}.hkisad5{font-size:14px;line-height:22px;color:var(--atlas-comp-apiref-properties-description-color)}.h159tzrk{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin:8px 0}.h159tzrk dd{-webkit-margin-start:0px;margin-inline-start:0px}.ht6ukcw{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:4px 0;font-weight:600;font-size:13px;color:var(--atlas-comp-apiref-properties-prop__name-color)}.h1hhb1ak{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:4px 0;border-radius:4px;font-size:10px;color:var(--atlas-comp-apiref-properties-prop__type-color)}.l1ud1m37{color:var(--atlas-comp-apiref-properties-color--active);-webkit-text-decoration:underline;text-decoration:underline}.l1ud1m37:hover{-webkit-text-decoration:none;text-decoration:none}.h1fjyrqx{padding:8px;border-style:none;display:none}.h12sxrry{display:unset}.u1ofrsp8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none;border:none;border-left:1px solid var(--atlas-comp-apiref-properties-border-color)}.lmjvvs5{padding:0 16px}.h9u79h5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin-top:16px;background:none;outline:inherit;border:none;cursor:pointer;color:inherit;font-size:13px}.h9u79h5 svg{font-size:13px}.h9u79h5:hover svg{-webkit-transition:all ease-in .1s;transition:all ease-in .1s;color:var(--atlas-comp-apiref-properties-color--active)}.l16o3qrr{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;margin-left:4px}.l16o3qrr:hover{-webkit-transition:all ease-in .1s;transition:all ease-in .1s;color:var(--atlas-comp-apiref-properties-color--active)}.h47igvr{all:unset;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:6px;padding:6px}.h47igvr:hover{-webkit-transition:ease-in .1s;transition:ease-in .1s;background:var(--atlas-comp-code-copy-background--active)}.h1ur68ey{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0;overflow:hidden;min-width:0;max-width:512px;border:1px solid var(--atlas-comp-code-sample-border-color);border-radius:16px}.hp2fg9q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;padding:8px 0;background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom:0px;min-width:0}.l1u5q09{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:end;justify-content:end;gap:8px;padding:0 10px}.b1g5l43{all:unset;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:6px;padding:6px;font-size:14px;color:var(--atlas-comp-code-sample-color)}.b1g5l43[data-state=active]{color:var(--atlas-comp-code-sample-color--active);border-bottom:1px solid var(--atlas-comp-code-sample-color--active);border-bottom-left-radius:0;border-bottom-right-radius:0}.b1g5l43:hover{-webkit-transition:ease-in .1s;transition:ease-in .1s;background:var(--atlas-comp-code-sample-background)}.d1x4vxzj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:14px;color:var(--atlas-comp-code-sample-color);margin-left:4px;margin-right:4px}.d1n1kybx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:16px;padding-right:16px;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;gap:16px;border-radius:4px}.c1qxxuld{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:8px;padding-right:8px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.h1gfddng{max-height:400px;background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;margin:0;padding:8px 16px;border-top:1px solid var(--atlas-comp-code-sample-border-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:14px;line-height:20px;white-space:pre-wrap;word-break:break-all;overflow-y:scroll}.h1h0n8u6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-left-width:4px;border-color:transparent;margin:4px 0}.l12klvp{-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}._4uqa3m{border-color:var(--atlas-comp-code-sample-mark-border--active);background-color:var(--atlas-comp-code-sample-mark-background--active)}.h18n51vi{margin:0 4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.h1de1isv{position:relative;max-width:100%}.c174knag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;background-color:#f3f4f6}.hdr58em{padding:8px;background-color:#fff;box-shadow:0 1px 2px #0000000d}.izmf263{width:16px;height:16px}.h1olbpn1{overflow-x:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.c1dubejs{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:4px;padding:4px;margin-left:4px}.he063xp{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;font-weight:500;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;color:#6b7280}.he063xp:hover{color:#111827}._lt697q{color:#111827;background-color:#fff;box-shadow:0 1px 2px #0000000d}.hskauww{position:-webkit-sticky;position:sticky;top:6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:32px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.hskauww:first-child{margin-top:0}.hskauww:last-child{margin-bottom:0}.h1nkbfqz{gap:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.h5edgc7{width:100%}.h12vpet9{padding:16px 0}._18e99ku{padding:4px 0}.h1vu90xp{background:transparent;display:flex;position:sticky;top:0;width:100%;z-index:20}.s1i2i14o{background-color:#fff;height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.n1oemxra{align-items:center;display:flex;gap:8px;height:var(--xyd-navbar-height);justify-content:flex-end;padding-left:max(env(safe-area-inset-left),16px);padding-right:max(env(safe-area-inset-right),16px);width:100%}.ny6xn1c{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr}.hj2rxb1{gap:8px}.hcz0c13,.hj2rxb1{align-items:center;display:flex;justify-content:center}.hcz0c13{color:#4b5563;font-size:14px;padding:6px 16px;position:relative;white-space:nowrap}.hcz0c13:hover{color:#1f2937}.hcz0c13[data-state=active]{background:#f9f9f9;border-radius:8px;font-weight:700}.t1lsj05a{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;text-align:center}.t138ur9z{font-weight:500;visibility:hidden}.hso30gp{align-items:center;display:flex;margin-right:auto}.hptag3l{background:#f9f9f9;border-radius:.5rem;display:flex;flex-direction:column;height:100%}.uead4fo{height:100%;overflow-x:hidden;overflow-y:auto;padding:1rem}.h1hrlfak{border-top:1px solid #ededed;box-shadow:0 -2px 10px #ededed1a;padding:1rem}.i1btwdcv{color:#6e6e80;padding:2px}.i1801o7t,.i1btwdcv{display:flex;width:100%}.i1801o7t{align-items:center;font-size:14px;gap:7px;padding:4px 8px}.i1801o7t:hover{background:#ececf1;border-radius:4px;color:#111827}.i1801o7t:hover svg{fill:#111827}.i1801o7t svg{fill:#6e6e80;font-size:18px;height:18px;width:18px}.hs1gieu{color:#6e6e80;font-size:14px}.l1s9ffav{display:flex;font-weight:500;padding:2px;width:100%}.l1041tva{background:#fff;border-radius:4px;color:#7051d4}.l1hsy03l{background:unset;color:#111827;font-weight:500}.lz6cy9y{display:flex;padding:4px 8px;width:100%}.lz6cy9y:hover{background:#ececf1;border-radius:4px;color:#111827}.hnhdi2c{margin-left:8px}.hj0z21i{color:#111827;font-size:12px;font-weight:600;letter-spacing:1px;line-height:16px;margin-bottom:6px;margin-top:16px;padding-left:10px}.c12fwmxc{overflow:hidden;transform:translateZ(0);transition:all .3s ease-in-out}.bfe0v98{opacity:0;transition:opacity .5s ease-in-out}.oza7km2{opacity:1}.h4ah3ok{align-items:center;background-color:#f6f6f7;border-radius:.5rem;display:flex;flex-direction:row;height:44px;margin-top:3px;padding:0 .25rem;width:100%}.p1ncaln9{color:#44474a;font-size:12px;font-weight:600;padding-left:.5rem;padding-right:1.5rem;position:relative;text-transform:uppercase}.p1ncaln9:after{background:#d2d5d8;border-radius:1px;content:" ";height:.75rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2px}.u3wpqhn{flex-direction:row}.lc3ej8u,.u3wpqhn{display:flex;height:100%}.lc3ej8u{align-items:center;position:relative}.lc3ej8u[data-state=active]{font-weight:500}.lc3ej8u[data-state=active] a{color:#202223}.lc3ej8u[data-state=active] a:after{background-color:#7051d4;border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%}.l1taqsnk{color:#4b5563;display:block;height:100%;line-height:2.75rem;padding:0 .5rem}.l1taqsnk:hover{color:#202223}.h19g75q2{padding-left:16px;position:relative}.ueg7kxf{list-style:none;margin:0;padding:0}.lagigsw{line-height:1.5;margin:0 0 10px;padding:0;position:relative}.lylqcp3{text-wrap:pretty;color:#6e6e80;display:inline-block;font-size:14px;line-height:1.4;transition:color .15s ease}.l16swvpi{color:#353740;font-weight:500}.ht0m6aa{background-color:#ececf1;bottom:0}.ht0m6aa,.sfp1vxs{left:0;position:absolute;top:0;width:2px}.sfp1vxs{background-color:#353740;height:var(--active-track-height);transform:translateY(var(--active-track-top));transition:height .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1)}.hfzpnxu{display:flex;flex-direction:column;min-height:100vh}.h1k4ds7x{-webkit-backdrop-filter:sepia(10%);backdrop-filter:sepia(10%);background:radial-gradient(circle,hsla(0,0%,9%,.3) 1px,transparent 0);background-size:30px 30px;flex:1;padding:60px}.h1x4dha7{background:repeating-linear-gradient(90deg,hsla(0,0%,9%,.1),hsla(0,0%,9%,.1) 1px,transparent 0,transparent 50px),repeating-linear-gradient(180deg,hsla(0,0%,9%,.1),hsla(0,0%,9%,.1) 1px,transparent 0,transparent 50px)}.broqp2l{display:flex;flex-direction:column;gap:80px;margin:0 auto;width:1200px}@media (max-width:1200px){.broqp2l{padding:0 20px;width:100%}}@media (max-width:768px){.broqp2l{padding:0 10px;width:100%}}.hfe0p8m{display:grid;gap:30px;grid-template-columns:repeat(2,500px);justify-content:center}@media (max-width:1200px){.hfe0p8m{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hfe0p8m{grid-template-columns:1fr}}.hn2r3b2{background-color:#f7f7f8;border:1px solid transparent;border-radius:20px;color:#3c3c43;display:inline-block;font-size:14px;font-weight:600;line-height:38px;padding:0 20px;text-align:center;transition:color .25s,border-color .25s,background-color .25s;white-space:nowrap}.hn2r3b2:hover{background:#e3e3e6}.hgvnekf{background-color:#7051d4;color:#fff}.hgvnekf:hover{background-color:#5f3bd3}.h1vf00q{background-color:#fff;border-top:1px solid #f0f0f0;padding:32px;position:relative}.c1ny3ybl{margin:0 auto;max-width:1200px;text-align:center}.t1ahtzu3{color:#3c3c43c7;font-size:14px;font-weight:500;line-height:24px}.h1vbgqbd{padding:20px}.c1qluffv{align-items:center;display:flex;gap:80px;justify-content:center}.h7zyorj{gap:40px}.h10nnuqu,.h7zyorj{align-items:center;display:flex;flex-direction:column;justify-content:center}.h10nnuqu{-webkit-text-fill-color:transparent;animation:wave-h10nnuqu 5s infinite;background:-webkit-linear-gradient(120deg,var(--headingEffect-color-tertiary) 20%,var(--headingEffect-color-tertiary) 30%,var(--headingEffect-color-secondary) 60%,var(--headingEffect-color-primary) 75%,var(--headingEffect-color-primary) 85%);-webkit-background-clip:text;background-clip:text;-webkit-background-position:50% 50%;background-position:50% 50%;background-size:200% 200%}@keyframes wave-h10nnuqu{0%{-webkit-background-position:50% 50%;background-position:50% 50%}50%{-webkit-background-position:0 50%;background-position:0 50%}to{-webkit-background-position:50% 50%;background-position:50% 50%}}.h1xgyvqe{align-items:center;display:flex;flex-direction:column;justify-content:center}.t1rx1fna{font-size:76px;font-weight:900;letter-spacing:3px;margin:0;text-align:center}.s9nduqh{color:#3c3c43;font-size:46px;font-weight:600;text-align:center}.hth6on8{display:flex;gap:10px;justify-content:center}.hth6on8,.hutvd2b{align-items:center}.hutvd2b{display:inline-flex;font-style:normal;font-weight:500;letter-spacing:normal;line-height:1rem;text-transform:none;white-space:nowrap}.hg9oorb{background-color:#f8d047;color:#000}.h6jev6x{background-color:#1fa6f2;color:#fff}.h1uvewli{border-radius:6px;font-size:12px;gap:3px;height:18px;padding:0 6px}.i1mcrm8o{position:relative}.hwgsk4h{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem;line-height:1.25rem;margin-top:.375rem;overflow:hidden}.i1b95bxl{shrink:0;width:.875rem}.i1a3fa93{transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.i1dl7ywj{color:#000;font-weight:700}.hilz89t{background:linear-gradient(238deg,#f7f7f880,#f7f7f8);border:.5px solid #ececf1;border-radius:8px;display:flex;overflow:hidden;padding:16px 20px 20px;position:relative;transition:box-shadow .2s ease-in-out,background-image .2s ease;z-index:0}.hilz89t:hover{background:linear-gradient(238deg,#ffffff80,#fafafa)}.h1rnhmpa{padding:21px 25px 25px}.lajci2p{height:100%;width:100%}.iezrce7{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;transition:opacity .15s}.iezrce7:hover [data-pointer=true]{opacity:1;transform:translate(0)}.i1vhi0b8{height:100%;width:100%}.i1m2lps9{align-items:center;background:linear-gradient(238deg,#ffffff80,#fafafa);border:1px solid #ececf1;border-radius:8px;box-sizing:border-box;color:#353740;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;line-height:0px;transition:background .2s ease;width:48px}.r1new93p{display:flex;flex-direction:column;gap:4px;padding-left:16px}.t1u3d3ty{align-items:center;color:#202123;display:flex;font-weight:400;transition:color .15s}.t4udf3g{font-size:16px;line-height:20px}.t1icpluq{font-size:18px}.badgd67{color:#6e6e80;font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.bcjznmh{font-size:16px}.p13ekkiz{display:flex;opacity:0;transform:translate(-4px);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.h15733ml,.p13ekkiz{justify-content:center}.h15733ml{display:grid;gap:30px;grid-template-columns:1fr 1fr}.h1tn40xd{scroll-snap-margin-top:30px;color:#202123;cursor:pointer;display:inline-block;font-weight:300;line-height:40px;margin:0;padding:0 24px 0 0;position:relative;scroll-margin-top:30px}.h1tn40xd:hover svg{opacity:1}.hnf4kng{font-size:36px}.h1vdtsi8,.hnf4kng code{font-size:30px}.h1vdtsi8 code{font-size:24px}.hz5xehg{font-size:26px}.hptgzam,.hz5xehg code{font-size:22px}.h11bbv2f,.hptgzam code{font-size:18px}.h11bbv2f code{font-size:14px}.hcoksa6{font-size:16px}.hcoksa6 code{font-size:12px}.l17d6dy1{color:#7051d4;margin-top:-6px;opacity:0;position:absolute;right:0;top:50%;transition:opacity .15s ease}.h3kfd8c{counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;list-style:none;padding-left:0}.l1et872q{line-height:1.5;padding-left:32px;position:relative}.l1et872q:after{background:#ececf1;border-radius:12px;color:#353740;content:counter(ordered-listitem);counter-increment:ordered-listitem;font-size:12px;font-weight:500;height:24px;left:0;line-height:24px;position:absolute;text-align:center;top:0;width:24px}.hh8vcxa{max-width:100%;position:relative}.b2p5907{align-items:center;display:flex}.coeb6fw{margin-top:16px}.h196u2m6{background-color:#fff;box-shadow:0 1px 2px #0000000d;padding:8px}.i1hlflsk{height:16px;width:16px}.hownbu8{flex-grow:1;overflow-x:auto}.cuwerl2{background-color:#f3f4f6;border-radius:8px;display:inline-flex;gap:4px;margin-left:4px;padding:4px}.hlivi01{border-radius:.375rem;color:#6b7280;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.hlivi01:hover{color:#111827}._5m9mpz,.hlivi01[data-state=active]{background-color:#fff;box-shadow:0 1px 2px #0000000d;color:#111827}.h1w59zdn{background:linear-gradient(45deg,#f7f7f8,#f7f7f8);border:.5px solid #ececf1;border-radius:6px;display:inline-block;font-size:14px;font-weight:500;line-height:1.6em;margin:0 3px;padding:0 .3em}.h1wifk81{border-color:#d1d5db;color:#374151;font-style:italic;margin:0}.h1ej4n95{border-color:#e6e6e6b3}.h1vb39qj{background-color:#f6f8fa;border:0;border-radius:6px;margin-top:0;overflow:auto;padding:16px}.h1bta36o{align-items:center;background-color:#fff;border-bottom:1px solid hsl(212,15%,84%);display:flex;height:42px;z-index:99}.uxs4bf1{color:#68798d;display:flex;gap:10px;list-style:none;padding:0;white-space:nowrap}.ifn7ecb,.uxs4bf1{height:100%}.ifn7ecb[data-state=active] a{border-bottom-color:#7051d4}.i441kmn{border-bottom:3px solid transparent;display:inline-flex;height:100%;padding:10px;-webkit-text-decoration:none;text-decoration:none}.hwmojve{border-top:1px solid #ececf1}.hwmojve[open] summary svg[data-icon=true]{transform:rotate(90deg)}.h1an07j0{background-color:#f7f7f8;border:1px solid #ececf1;border-radius:8px}.sbneplt{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:18px;font-variant-numeric:tabular-nums;font-weight:500;justify-content:flex-start;line-height:1.4;list-style:none;padding:16px 14px 16px 0;transition:color .3s}.sbneplt:hover{color:#565869}.s1d31n8s{cursor:pointer;justify-content:space-between;padding:20px 24px}.s1d31n8s,.s2p0kpw{align-items:center;display:flex}.s2p0kpw{margin-bottom:8px}.snk81qf{color:#6e6e80;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:16px;margin-left:8px;text-transform:uppercase}.lyq3zec{flex:1 1 auto}.iq0a0s6{align-items:center;display:flex;flex:0 0 auto;font-size:16px;justify-content:center;padding-right:6px}.c1ligx2c{padding:0 24px 20px}.c89yndk code{background:#fff}.h1xhrk1{border-top-width:1px;justify-content:space-between;margin-bottom:2rem;margin-top:2rem;padding-top:2rem}.h1xhrk1,.l1elq7ab{align-items:center;display:flex}.l1elq7ab{font-size:1rem;font-weight:500;gap:.25rem;line-height:1.5rem;max-width:50%;padding-bottom:1rem;padding-top:1rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.i1mmatje{display:inline;flex-shrink:0;height:1.25rem}.h14vj3ri{border-collapse:collapse;border-radius:3px;display:block;overflow-x:scroll}.t1l6tz9b{background:#eaeef280;border-color:#d1d5db;border-width:1px;font-weight:600;margin:0;padding:.5rem 1rem}.thzxr0l{border-color:#d1d5db;border-top-width:1px;margin:0;padding:0}.t1g1altt{border-color:#d1d5db;border-width:1px;margin:0;padding:.5rem 1rem}.hhnegou{align-items:center;border:1px solid #ececf1;border-radius:8px;display:inline-flex;min-width:275px;padding:8px 12px;position:relative;text-align:center;width:100%}._1ja9964{background-color:#f7f7f8;border-color:#ececf1}.h1lyih3m{align-self:flex-start;color:#6e6e80;display:inline-flex;flex:0 0 auto;font-size:20px;margin-right:14px;margin-top:2px}.h1gzjc3x{color:#353740;flex:1 1 auto;text-align:left}.boe1v8p{font-size:14px;line-height:20px}:root{--xyd-navbar-height:46px;--xyd-global-page-gutter:8px}.h8dr7e{width:100%}.h1ezaz84{align-items:center;display:flex;height:46px;justify-content:space-between;left:8px;position:fixed;right:8px;top:0}.h17wz13c{flex-direction:column;height:90px;transition:transform .2s}.h1bgh3rd{transform:translateY(-43px)}.mxu2emt{bottom:8px;left:8px;position:fixed;right:8px;top:46px}.mslox5x{top:90px;transition:top .2s}.s1i19hnd{background:none;border:0;border-radius:0;flex-direction:column;left:0;opacity:1;overflow:visible;padding:12px 0 0;top:0;visibility:visible;width:210px;z-index:101}.h13sn67b,.s1i19hnd{bottom:0;position:absolute;right:0;transition:opacity .3s cubic-bezier(.65,0,.35,1)}.h13sn67b{background:#fff;left:210px;overflow:hidden;top:12px;z-index:201}.s1k9r3in{height:100%;overflow:scroll}.c1t0msup{font-size:15px;line-height:24px;min-height:100%;padding:0;width:100%}.apqkghd,.c1t0msup{margin:0 auto;max-width:100%}.apqkghd{padding:20px 56px 40px;width:980px}.a10qws06{width:1200px}.h3zl32q{align-items:flex-start;display:flex;gap:30px;width:100%}.c1cmkhbs{flex:1 1 0;overflow:hidden}.n1rrfk2r{flex:none;margin-left:50px;margin-top:0;padding-left:16px;position:sticky;top:30px;width:180px}.htyux6{color:#7051d4}.h1dmvxug{border:1px solid #ececf1;border-radius:16px;min-width:0;overflow:hidden}.h1pb9ov9{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex:1 1 0%;min-width:0}.laeqccf{display:flex;flex-grow:1;gap:8px;justify-content:end;padding:0 10px}.brmq4h0{all:unset;align-items:center;border-radius:6px;color:#353740;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px}.brmq4h0[data-state=active]{border-bottom:1px solid #7051d4;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#7051d4}.brmq4h0:hover{background:#e3e3eb;transition:.1s ease-in}.dht44{align-items:center;color:#353740;display:flex;font-size:14px;gap:4px;margin-left:4px;margin-right:4px}.d3qz0ka{border-radius:4px;display:flex;flex:1 1 0%;gap:16px;padding-left:16px;padding-right:16px}.cjcdygz{align-items:center;display:flex;padding-left:8px;padding-right:8px}.hmi9h9e{color:#7051d4;font-size:18px;font-weight:300;margin-top:-18px}.hyawwu4{border-color:transparent;border-left-width:4px;display:flex;margin:4px 0}.l1i5ism5{flex:1 1 0%}._1fnx2sm{background-color:#eef2ff;border-color:#60a5fa}.h83ezas{margin:0 12px 0 4px;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hwih9s3{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #ececf1;font-size:12px;line-height:20px;margin:0;max-height:400px;overflow-y:scroll;padding:8px 16px;white-space:pre-wrap;word-break:break-all}.h1sbwmbs{max-height:100%}.h1seqss5{display:flex;flex-direction:column;gap:24px}.h1hvsyfb{all:unset;align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px}.h1hvsyfb:hover{background:#e3e3eb;transition:.1s ease-in}:root{--atlas-ref-palette-white100:#fff;--atlas-ref-palette-dark100:#000;--atlas-ref-palette-dark60:#201d1d;--atlas-ref-palette-grey60:#6e6e80;--atlas-ref-palette-grey40:#ececf1;--atlas-ref-palette-purple60:#7051d4;--atlas-ref-palette-blue60:#60a5fa;--atlas-ref-palette-blue20:#eef2ff;--atlas-sys-color-primary-text:var(--atlas-ref-palette-dark60);--atlas-sys-color-secondary-text:var(--atlas-ref-palette-grey60);--atlas-sys-color-tertiary-text:var(--atlas-ref-palette-purple60);--atlas-sys-color-primary-border:var(--atlas-ref-palette-grey40);--atlas-sys-color-primary-background:var(--atlas-ref-palette-grey40);--atlas-comp-apiref-item-border-color:var(--atlas-sys-color-primary-border);--atlas-comp-apiref-item-navbar-color:var(--atlas-sys-color-secondary-text);--atlas-comp-apiref-properties-border-color:var(--atlas-sys-color-primary-border);--atlas-comp-apiref-properties-description-color:var(--atlas-sys-color-secondary-text);--atlas-comp-apiref-properties-prop__name-color:var(--atlas-ref-palette-dark100);--atlas-comp-apiref-properties-prop__type-color:var(--atlas-sys-color-secondary-text);--atlas-comp-apiref-properties-color--active:var(--atlas-sys-color-tertiary-text);--atlas-comp-code-sample__buttons-color:var(--atlas-sys-color-secondary-text);--atlas-comp-code-sample__buttons-container-background:var(--atlas-sys-color-primary-background);--atlas-comp-code-sample__buttons-color--active:var(--atlas-sys-color-primary-text);--atlas-comp-code-sample__buttons-background--active:var(--atlas-ref-palette-white100);--atlas-comp-code-copy-background--active:var(--atlas-sys-color-primary-background);--atlas-comp-code-sample-background:var(--atlas-sys-color-primary-background);--atlas-comp-code-sample-color:var(--atlas-sys-color-primary-text);--atlas-comp-code-sample-border-color:var(--atlas-sys-color-primary-background);--atlas-comp-code-sample-color--active:var(--atlas-sys-color-tertiary-text);--atlas-comp-code-sample-mark-border--active:var(--atlas-ref-palette-blue60);--atlas-comp-code-sample-mark-background--active:var(--atlas-ref-palette-blue20)}@font-face{font-family:Fustat;font-style:normal;font-weight:400;src:url(../../public/fonts/fustat-regular.woff2) format("woff2")}@font-face{font-family:Fustat;font-style:normal;font-weight:500;src:url(../../public/fonts/fustat-ext-500.woff2) format("woff2")}@font-face{font-family:Fustat;font-style:normal;font-weight:600;src:url(../../public/fonts/fustat-ext-600.woff2) format("woff2")}@font-face{font-family:Fustat;font-style:normal;font-weight:700;src:url(../../public/fonts/fustat-ext-700.woff2) format("woff2")}body{font-family:Fustat,sans-serif}menu,ol,ul{list-style:none;margin:0;padding:0}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}[role=button],button{cursor:pointer}button,select{text-transform:none}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}a{color:inherit;text-decoration:inherit}*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}p{margin:0;padding:0}:root{--headingEffect-color-tertiary: rgba(23, 119, 184, .5);--headingEffect-color-secondary: rgb(121, 85, 241);--headingEffect-color-primary: rgb(255, 105, 180)}
@@ -0,0 +1,7 @@
1
+ const{STORY_CHANGED:r}=__STORYBOOK_MODULE_CORE_EVENTS__,{addons:s}=__STORYBOOK_MODULE_PREVIEW_API__,{global:O}=__STORYBOOK_MODULE_GLOBAL__;var d="storybook/highlight",i="storybookHighlight",g=`${d}/add`,E=`${d}/reset`,{document:l}=O,H=(e="#FF4785",t="dashed")=>`
2
+ outline: 2px ${t} ${e};
3
+ outline-offset: 2px;
4
+ box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
5
+ `,h=s.getChannel(),T=e=>{let t=i;n();let o=Array.from(new Set(e.elements)),_=l.createElement("style");_.setAttribute("id",t),_.innerHTML=o.map(a=>`${a}{
6
+ ${H(e.color,e.style)}
7
+ }`).join(" "),l.head.appendChild(_)},n=()=>{var o;let e=i,t=l.getElementById(e);t&&((o=t.parentNode)==null||o.removeChild(t))};h.on(r,n);h.on(E,n);h.on(g,T);
@@ -0,0 +1,396 @@
1
+ import{d as $}from"./index-ogSvIofg.js";const{useMemo:x,useEffect:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:p}=__STORYBOOK_MODULE_GLOBAL__;var m="outline",u=i=>{(Array.isArray(i)?i:[i]).forEach(r)},r=i=>{let t=typeof i=="string"?i:i.join(""),o=p.document.getElementById(t);o&&o.parentElement&&o.parentElement.removeChild(o)},b=(i,t)=>{let o=p.document.getElementById(i);if(o)o.innerHTML!==t&&(o.innerHTML=t);else{let n=p.document.createElement("style");n.setAttribute("id",i),n.innerHTML=t,p.document.head.appendChild(n)}};function s(i){return $`
2
+ ${i} body {
3
+ outline: 1px solid #2980b9 !important;
4
+ }
5
+
6
+ ${i} article {
7
+ outline: 1px solid #3498db !important;
8
+ }
9
+
10
+ ${i} nav {
11
+ outline: 1px solid #0088c3 !important;
12
+ }
13
+
14
+ ${i} aside {
15
+ outline: 1px solid #33a0ce !important;
16
+ }
17
+
18
+ ${i} section {
19
+ outline: 1px solid #66b8da !important;
20
+ }
21
+
22
+ ${i} header {
23
+ outline: 1px solid #99cfe7 !important;
24
+ }
25
+
26
+ ${i} footer {
27
+ outline: 1px solid #cce7f3 !important;
28
+ }
29
+
30
+ ${i} h1 {
31
+ outline: 1px solid #162544 !important;
32
+ }
33
+
34
+ ${i} h2 {
35
+ outline: 1px solid #314e6e !important;
36
+ }
37
+
38
+ ${i} h3 {
39
+ outline: 1px solid #3e5e85 !important;
40
+ }
41
+
42
+ ${i} h4 {
43
+ outline: 1px solid #449baf !important;
44
+ }
45
+
46
+ ${i} h5 {
47
+ outline: 1px solid #c7d1cb !important;
48
+ }
49
+
50
+ ${i} h6 {
51
+ outline: 1px solid #4371d0 !important;
52
+ }
53
+
54
+ ${i} main {
55
+ outline: 1px solid #2f4f90 !important;
56
+ }
57
+
58
+ ${i} address {
59
+ outline: 1px solid #1a2c51 !important;
60
+ }
61
+
62
+ ${i} div {
63
+ outline: 1px solid #036cdb !important;
64
+ }
65
+
66
+ ${i} p {
67
+ outline: 1px solid #ac050b !important;
68
+ }
69
+
70
+ ${i} hr {
71
+ outline: 1px solid #ff063f !important;
72
+ }
73
+
74
+ ${i} pre {
75
+ outline: 1px solid #850440 !important;
76
+ }
77
+
78
+ ${i} blockquote {
79
+ outline: 1px solid #f1b8e7 !important;
80
+ }
81
+
82
+ ${i} ol {
83
+ outline: 1px solid #ff050c !important;
84
+ }
85
+
86
+ ${i} ul {
87
+ outline: 1px solid #d90416 !important;
88
+ }
89
+
90
+ ${i} li {
91
+ outline: 1px solid #d90416 !important;
92
+ }
93
+
94
+ ${i} dl {
95
+ outline: 1px solid #fd3427 !important;
96
+ }
97
+
98
+ ${i} dt {
99
+ outline: 1px solid #ff0043 !important;
100
+ }
101
+
102
+ ${i} dd {
103
+ outline: 1px solid #e80174 !important;
104
+ }
105
+
106
+ ${i} figure {
107
+ outline: 1px solid #ff00bb !important;
108
+ }
109
+
110
+ ${i} figcaption {
111
+ outline: 1px solid #bf0032 !important;
112
+ }
113
+
114
+ ${i} table {
115
+ outline: 1px solid #00cc99 !important;
116
+ }
117
+
118
+ ${i} caption {
119
+ outline: 1px solid #37ffc4 !important;
120
+ }
121
+
122
+ ${i} thead {
123
+ outline: 1px solid #98daca !important;
124
+ }
125
+
126
+ ${i} tbody {
127
+ outline: 1px solid #64a7a0 !important;
128
+ }
129
+
130
+ ${i} tfoot {
131
+ outline: 1px solid #22746b !important;
132
+ }
133
+
134
+ ${i} tr {
135
+ outline: 1px solid #86c0b2 !important;
136
+ }
137
+
138
+ ${i} th {
139
+ outline: 1px solid #a1e7d6 !important;
140
+ }
141
+
142
+ ${i} td {
143
+ outline: 1px solid #3f5a54 !important;
144
+ }
145
+
146
+ ${i} col {
147
+ outline: 1px solid #6c9a8f !important;
148
+ }
149
+
150
+ ${i} colgroup {
151
+ outline: 1px solid #6c9a9d !important;
152
+ }
153
+
154
+ ${i} button {
155
+ outline: 1px solid #da8301 !important;
156
+ }
157
+
158
+ ${i} datalist {
159
+ outline: 1px solid #c06000 !important;
160
+ }
161
+
162
+ ${i} fieldset {
163
+ outline: 1px solid #d95100 !important;
164
+ }
165
+
166
+ ${i} form {
167
+ outline: 1px solid #d23600 !important;
168
+ }
169
+
170
+ ${i} input {
171
+ outline: 1px solid #fca600 !important;
172
+ }
173
+
174
+ ${i} keygen {
175
+ outline: 1px solid #b31e00 !important;
176
+ }
177
+
178
+ ${i} label {
179
+ outline: 1px solid #ee8900 !important;
180
+ }
181
+
182
+ ${i} legend {
183
+ outline: 1px solid #de6d00 !important;
184
+ }
185
+
186
+ ${i} meter {
187
+ outline: 1px solid #e8630c !important;
188
+ }
189
+
190
+ ${i} optgroup {
191
+ outline: 1px solid #b33600 !important;
192
+ }
193
+
194
+ ${i} option {
195
+ outline: 1px solid #ff8a00 !important;
196
+ }
197
+
198
+ ${i} output {
199
+ outline: 1px solid #ff9619 !important;
200
+ }
201
+
202
+ ${i} progress {
203
+ outline: 1px solid #e57c00 !important;
204
+ }
205
+
206
+ ${i} select {
207
+ outline: 1px solid #e26e0f !important;
208
+ }
209
+
210
+ ${i} textarea {
211
+ outline: 1px solid #cc5400 !important;
212
+ }
213
+
214
+ ${i} details {
215
+ outline: 1px solid #33848f !important;
216
+ }
217
+
218
+ ${i} summary {
219
+ outline: 1px solid #60a1a6 !important;
220
+ }
221
+
222
+ ${i} command {
223
+ outline: 1px solid #438da1 !important;
224
+ }
225
+
226
+ ${i} menu {
227
+ outline: 1px solid #449da6 !important;
228
+ }
229
+
230
+ ${i} del {
231
+ outline: 1px solid #bf0000 !important;
232
+ }
233
+
234
+ ${i} ins {
235
+ outline: 1px solid #400000 !important;
236
+ }
237
+
238
+ ${i} img {
239
+ outline: 1px solid #22746b !important;
240
+ }
241
+
242
+ ${i} iframe {
243
+ outline: 1px solid #64a7a0 !important;
244
+ }
245
+
246
+ ${i} embed {
247
+ outline: 1px solid #98daca !important;
248
+ }
249
+
250
+ ${i} object {
251
+ outline: 1px solid #00cc99 !important;
252
+ }
253
+
254
+ ${i} param {
255
+ outline: 1px solid #37ffc4 !important;
256
+ }
257
+
258
+ ${i} video {
259
+ outline: 1px solid #6ee866 !important;
260
+ }
261
+
262
+ ${i} audio {
263
+ outline: 1px solid #027353 !important;
264
+ }
265
+
266
+ ${i} source {
267
+ outline: 1px solid #012426 !important;
268
+ }
269
+
270
+ ${i} canvas {
271
+ outline: 1px solid #a2f570 !important;
272
+ }
273
+
274
+ ${i} track {
275
+ outline: 1px solid #59a600 !important;
276
+ }
277
+
278
+ ${i} map {
279
+ outline: 1px solid #7be500 !important;
280
+ }
281
+
282
+ ${i} area {
283
+ outline: 1px solid #305900 !important;
284
+ }
285
+
286
+ ${i} a {
287
+ outline: 1px solid #ff62ab !important;
288
+ }
289
+
290
+ ${i} em {
291
+ outline: 1px solid #800b41 !important;
292
+ }
293
+
294
+ ${i} strong {
295
+ outline: 1px solid #ff1583 !important;
296
+ }
297
+
298
+ ${i} i {
299
+ outline: 1px solid #803156 !important;
300
+ }
301
+
302
+ ${i} b {
303
+ outline: 1px solid #cc1169 !important;
304
+ }
305
+
306
+ ${i} u {
307
+ outline: 1px solid #ff0430 !important;
308
+ }
309
+
310
+ ${i} s {
311
+ outline: 1px solid #f805e3 !important;
312
+ }
313
+
314
+ ${i} small {
315
+ outline: 1px solid #d107b2 !important;
316
+ }
317
+
318
+ ${i} abbr {
319
+ outline: 1px solid #4a0263 !important;
320
+ }
321
+
322
+ ${i} q {
323
+ outline: 1px solid #240018 !important;
324
+ }
325
+
326
+ ${i} cite {
327
+ outline: 1px solid #64003c !important;
328
+ }
329
+
330
+ ${i} dfn {
331
+ outline: 1px solid #b4005a !important;
332
+ }
333
+
334
+ ${i} sub {
335
+ outline: 1px solid #dba0c8 !important;
336
+ }
337
+
338
+ ${i} sup {
339
+ outline: 1px solid #cc0256 !important;
340
+ }
341
+
342
+ ${i} time {
343
+ outline: 1px solid #d6606d !important;
344
+ }
345
+
346
+ ${i} code {
347
+ outline: 1px solid #e04251 !important;
348
+ }
349
+
350
+ ${i} kbd {
351
+ outline: 1px solid #5e001f !important;
352
+ }
353
+
354
+ ${i} samp {
355
+ outline: 1px solid #9c0033 !important;
356
+ }
357
+
358
+ ${i} var {
359
+ outline: 1px solid #d90047 !important;
360
+ }
361
+
362
+ ${i} mark {
363
+ outline: 1px solid #ff0053 !important;
364
+ }
365
+
366
+ ${i} bdi {
367
+ outline: 1px solid #bf3668 !important;
368
+ }
369
+
370
+ ${i} bdo {
371
+ outline: 1px solid #6f1400 !important;
372
+ }
373
+
374
+ ${i} ruby {
375
+ outline: 1px solid #ff7b93 !important;
376
+ }
377
+
378
+ ${i} rt {
379
+ outline: 1px solid #ff2f54 !important;
380
+ }
381
+
382
+ ${i} rp {
383
+ outline: 1px solid #803e49 !important;
384
+ }
385
+
386
+ ${i} span {
387
+ outline: 1px solid #cc2643 !important;
388
+ }
389
+
390
+ ${i} br {
391
+ outline: 1px solid #db687d !important;
392
+ }
393
+
394
+ ${i} wbr {
395
+ outline: 1px solid #db175b !important;
396
+ }`}var e=(i,t)=>{let{globals:o}=t,n=[!0,"true"].includes(o[m]),d=t.viewMode==="docs",l=x(()=>s(d?'[data-story-block="true"]':".sb-show-main"),[t]);return f(()=>{let a=d?`addon-outline-docs-${t.id}`:"addon-outline";return n?b(a,l):u(a),()=>{u(a)}},[n,l,t]),i()},h=[e],g={[m]:!1};export{h as decorators,g as initialGlobals};
@@ -0,0 +1,2 @@
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-BrPAHo60.js","./iframe-B0k8DGQG.js","./index-CC-8bvy6.js","./jsx-runtime-C-_spy54.js","./index-B0Jt8usF.js","./index-Cu4lwwaE.js","./index-CBUcM4bS.js","./index-ogSvIofg.js","./client-jctswkVR.js"])))=>i.map(i=>d[i]);
2
+ import{_ as o}from"./iframe-B0k8DGQG.js";import"../sb-preview/runtime.js";var i=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,a]=r;return a.excludeFromDocsStories&&(e[t]=!0),e},{}),n={docs:{renderer:async()=>{let{DocsRenderer:e}=await o(()=>import("./DocsRenderer-CFRXHY34-BrPAHo60.js").then(r=>r.ak),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{n as parameters};
@@ -0,0 +1 @@
1
+ let p;const S=new Uint8Array(16);function A(){if(!p&&(p=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!p))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return p(S)}const i=[];for(let e=0;e<256;++e)i.push((e+256).toString(16).slice(1));function f(e,t=0){return i[e[t+0]]+i[e[t+1]]+i[e[t+2]]+i[e[t+3]]+"-"+i[e[t+4]]+i[e[t+5]]+"-"+i[e[t+6]]+i[e[t+7]]+"-"+i[e[t+8]]+i[e[t+9]]+"-"+i[e[t+10]]+i[e[t+11]]+i[e[t+12]]+i[e[t+13]]+i[e[t+14]]+i[e[t+15]]}const D=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),m={randomUUID:D};function I(e,t,r){if(m.randomUUID&&!e)return m.randomUUID();e=e||{};const n=e.random||(e.rng||A)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,f(n)}const{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,{ImplicitActionsDuringRendering:w}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:l}=__STORYBOOK_MODULE_GLOBAL__;var U="storybook/actions",j=`${U}/action-event`,V={depth:10,clearOnStoryChange:!0,limit:50},E=(e,t)=>{let r=Object.getPrototypeOf(e);return!r||t(r)?r:E(r,t)},C=e=>!!(typeof e=="object"&&e&&E(e,t=>/^Synthetic(?:Base)?Event$/.test(t.constructor.name))&&typeof e.persist=="function"),K=e=>{if(C(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let r=Object.getOwnPropertyDescriptor(t,"view"),n=r==null?void 0:r.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(t,"view",{...r,value:Object.create(n.constructor.prototype)}),t}return e},L=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?I():Date.now().toString(36)+Math.random().toString(36).substring(2);function _(e,t={}){let r={...V,...t},n=function(...c){var g,O;if(t.implicit){let y=(g="__STORYBOOK_PREVIEW__"in l?l.__STORYBOOK_PREVIEW__:void 0)==null?void 0:g.storyRenders.find(d=>d.phase==="playing"||d.phase==="rendering");if(y){let d=!((O=window==null?void 0:window.FEATURES)!=null&&O.disallowImplicitActionsInRenderV8),R=new w({phase:y.phase,name:e,deprecated:d});if(d)console.warn(R);else throw R}}let o=v.getChannel(),s=L(),a=5,u=c.map(K),b=c.length>1?u:u[0],x={id:s,count:0,data:{name:e,args:b},options:{...r,maxDepth:a+(r.depth||3),allowFunction:r.allowFunction||!1}};o.emit(j,x)};return n.isAction=!0,n.implicit=t.implicit,n}var T=(e,t)=>typeof t[e]>"u"&&!(e in t),B=e=>{let{initialArgs:t,argTypes:r,id:n,parameters:{actions:c}}=e;if(!c||c.disable||!c.argTypesRegex||!r)return{};let o=new RegExp(c.argTypesRegex);return Object.entries(r).filter(([s])=>!!o.test(s)).reduce((s,[a,u])=>(T(a,t)&&(s[a]=_(a,{implicit:!0,id:n})),s),{})},M=e=>{let{initialArgs:t,argTypes:r,parameters:{actions:n}}=e;return n!=null&&n.disable||!r?{}:Object.entries(r).filter(([c,o])=>!!o.action).reduce((c,[o,s])=>(T(o,t)&&(c[o]=_(typeof s.action=="string"?s.action:o)),c),{})},Y=[M,B],h=!1,P=e=>{let{parameters:{actions:t}}=e;if(!(t!=null&&t.disable)&&!h&&"__STORYBOOK_TEST_ON_MOCK_CALL__"in l&&typeof l.__STORYBOOK_TEST_ON_MOCK_CALL__=="function"){let r=l.__STORYBOOK_TEST_ON_MOCK_CALL__;r((n,c)=>{let o=n.getMockName();o!=="spy"&&(!/^next\/.*::/.test(o)||["next/router::useRouter()","next/navigation::useRouter()","next/navigation::redirect","next/cache::","next/headers::cookies().set","next/headers::cookies().delete","next/headers::headers().set","next/headers::headers().delete"].some(s=>o.startsWith(s)))&&_(o)(c)}),h=!0}},N=[P];export{Y as argsEnhancers,N as loaders};
@@ -0,0 +1 @@
1
+ var e="viewport",t={[e]:{value:void 0,isRotated:!1}},a={viewport:"reset",viewportRotated:!1},o=FEATURES!=null&&FEATURES.viewportStoryGlobals?t:a;export{o as initialGlobals};
@@ -0,0 +1,34 @@
1
+ import{d as Y}from"./index-ogSvIofg.js";const{useEffect:_,useMemo:h}=__STORYBOOK_MODULE_PREVIEW_API__,{global:H}=__STORYBOOK_MODULE_GLOBAL__,{logger:K}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var g="backgrounds",C={light:{name:"light",value:"#F8F8F8"},dark:{name:"dark",value:"#333"}},{document:$,window:T}=H,I=()=>{var r;return!!((r=T==null?void 0:T.matchMedia("(prefers-reduced-motion: reduce)"))!=null&&r.matches)},A=r=>{(Array.isArray(r)?r:[r]).forEach(P)},P=r=>{var t;let e=$.getElementById(r);e&&((t=e.parentElement)==null||t.removeChild(e))},z=(r,e)=>{let t=$.getElementById(r);if(t)t.innerHTML!==e&&(t.innerHTML=e);else{let d=$.createElement("style");d.setAttribute("id",r),d.innerHTML=e,$.head.appendChild(d)}},U=(r,e,t)=>{var a;let d=$.getElementById(r);if(d)d.innerHTML!==e&&(d.innerHTML=e);else{let n=$.createElement("style");n.setAttribute("id",r),n.innerHTML=e;let i=`addon-backgrounds-grid${t?`-docs-${t}`:""}`,o=$.getElementById(i);o?(a=o.parentElement)==null||a.insertBefore(n,o):$.head.appendChild(n)}},j={cellSize:100,cellAmount:10,opacity:.8},w="addon-backgrounds",R="addon-backgrounds-grid",X=I()?"":"transition: background-color 0.3s;",N=(r,e)=>{let{globals:t,parameters:d,viewMode:a,id:n}=e,{options:i=C,disable:o,grid:s=j}=d[g]||{},u=t[g]||{},c=u.value,l=c?i[c]:void 0,b=(l==null?void 0:l.value)||"transparent",m=u.grid||!1,y=!!l&&!o,f=a==="docs"?`#anchor--${n} .docs-story`:".sb-show-main",E=a==="docs"?`#anchor--${n} .docs-story`:".sb-show-main",D=d.layout===void 0||d.layout==="padded",L=a==="docs"?20:D?16:0,{cellAmount:k,cellSize:p,opacity:x,offsetX:S=L,offsetY:v=L}=s,B=a==="docs"?`${w}-docs-${n}`:`${w}-color`,G=a==="docs"?n:null;_(()=>{let O=`
2
+ ${f} {
3
+ background: ${b} !important;
4
+ ${X}
5
+ }`;if(!y){A(B);return}U(B,O,G)},[f,B,G,y,b]);let M=a==="docs"?`${R}-docs-${n}`:`${R}`;return _(()=>{if(!m){A(M);return}let O=[`${p*k}px ${p*k}px`,`${p*k}px ${p*k}px`,`${p}px ${p}px`,`${p}px ${p}px`].join(", "),F=`
6
+ ${E} {
7
+ background-size: ${O} !important;
8
+ background-position: ${S}px ${v}px, ${S}px ${v}px, ${S}px ${v}px, ${S}px ${v}px !important;
9
+ background-blend-mode: difference !important;
10
+ background-image: linear-gradient(rgba(130, 130, 130, ${x}) 1px, transparent 1px),
11
+ linear-gradient(90deg, rgba(130, 130, 130, ${x}) 1px, transparent 1px),
12
+ linear-gradient(rgba(130, 130, 130, ${x/2}) 1px, transparent 1px),
13
+ linear-gradient(90deg, rgba(130, 130, 130, ${x/2}) 1px, transparent 1px) !important;
14
+ }
15
+ `;z(M,F)},[k,p,E,M,m,S,v,x]),r()},W=(r,e=[],t)=>{if(r==="transparent")return"transparent";if(e.find(a=>a.value===r)||r)return r;let d=e.find(a=>a.name===t);if(d)return d.value;if(t){let a=e.map(n=>n.name).join(", ");K.warn(Y`
16
+ Backgrounds Addon: could not find the default color "${t}".
17
+ These are the available colors for your story based on your configuration:
18
+ ${a}.
19
+ `)}return"transparent"},q=(r,e)=>{var c;let{globals:t,parameters:d}=e,a=(c=t[g])==null?void 0:c.value,n=d[g],i=h(()=>n.disable?"transparent":W(a,n.values,n.default),[n,a]),o=h(()=>i&&i!=="transparent",[i]),s=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",u=h(()=>`
20
+ ${s} {
21
+ background: ${i} !important;
22
+ ${I()?"":"transition: background-color 0.3s;"}
23
+ }
24
+ `,[i,s]);return _(()=>{let l=e.viewMode==="docs"?`addon-backgrounds-docs-${e.id}`:"addon-backgrounds-color";if(!o){A(l);return}U(l,u,e.viewMode==="docs"?e.id:null)},[o,u,e]),r()},J=(r,e)=>{var y;let{globals:t,parameters:d}=e,a=d[g].grid,n=((y=t[g])==null?void 0:y.grid)===!0&&a.disable!==!0,{cellAmount:i,cellSize:o,opacity:s}=a,u=e.viewMode==="docs",c=d.layout===void 0||d.layout==="padded"?16:0,l=a.offsetX??(u?20:c),b=a.offsetY??(u?20:c),m=h(()=>{let f=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",E=[`${o*i}px ${o*i}px`,`${o*i}px ${o*i}px`,`${o}px ${o}px`,`${o}px ${o}px`].join(", ");return`
25
+ ${f} {
26
+ background-size: ${E} !important;
27
+ background-position: ${l}px ${b}px, ${l}px ${b}px, ${l}px ${b}px, ${l}px ${b}px !important;
28
+ background-blend-mode: difference !important;
29
+ background-image: linear-gradient(rgba(130, 130, 130, ${s}) 1px, transparent 1px),
30
+ linear-gradient(90deg, rgba(130, 130, 130, ${s}) 1px, transparent 1px),
31
+ linear-gradient(rgba(130, 130, 130, ${s/2}) 1px, transparent 1px),
32
+ linear-gradient(90deg, rgba(130, 130, 130, ${s/2}) 1px, transparent 1px) !important;
33
+ }
34
+ `},[o]);return _(()=>{let f=e.viewMode==="docs"?`addon-backgrounds-grid-docs-${e.id}`:"addon-backgrounds-grid";if(!n){A(f);return}z(f,m)},[n,m,e]),r()},V=FEATURES!=null&&FEATURES.backgroundsStoryGlobals?[N]:[J,q],ee={[g]:{grid:{cellSize:20,opacity:.5,cellAmount:5},disable:!1,...!(FEATURES!=null&&FEATURES.backgroundsStoryGlobals)&&{values:Object.values(C)}}},Q={[g]:{value:void 0,grid:!1}},re=FEATURES!=null&&FEATURES.backgroundsStoryGlobals?Q:{[g]:null};export{V as decorators,re as initialGlobals,ee as parameters};
@@ -0,0 +1 @@
1
+ import{r as s}from"./index-CC-8bvy6.js";import{c as l}from"./client-jctswkVR.js";import"./index-B0Jt8usF.js";var n=new Map;function m(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var a=({callback:e,children:r})=>{let t=s.useRef();return s.useLayoutEffect(()=>{t.current!==e&&(t.current=e,e())},[e]),r};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,r=null;return{promise:new Promise((t,o)=>{e=t,r=o}),resolve:e,reject:r}});var v=async(e,r,t)=>{let o=await c(r,t);if(m()){o.render(e);return}let{promise:i,resolve:u}=Promise.withResolvers();return o.render(s.createElement(a,{callback:u},e)),i},f=(e,r)=>{let t=n.get(e);t&&(t.unmount(),n.delete(e))},c=async(e,r)=>{let t=n.get(e);return t||(t=l.createRoot(e,r),n.set(e,t)),t};export{v as renderElement,f as unmountElement};
@@ -0,0 +1,11 @@
1
+ import{j as e}from"./jsx-runtime-C-_spy54.js";import{r as l}from"./index-CC-8bvy6.js";import{P as m}from"./writer-BQ7yPg-n.js";import{W as h}from"./content-DfDGXctA.js";import{b as s,I as r}from"./UnderlineNav-C0OvjpyZ-D7c5zIhU.js";import"./_rollupPluginBabelHelpers-CAjWVhpp-BWJe-8U1.js";import"./browser.esm-BOPNWGdv.js";import"./chevron-right-Dfa2nijf.js";import"./index-D_kIG38s.js";import"./index-B-gRCko5.js";import"./index-B0Jt8usF.js";const{h1:p,h3:t,h4:x,p:_}=h(),R={title:"Themes"},i=()=>e.jsxs("div",{style:{padding:"100px",paddingTop:"0px",margin:"0 auto"},children:[e.jsx(j,{}),e.jsx(f,{})]});function j(){return e.jsxs(e.Fragment,{children:[e.jsxs(e.Fragment,{children:[e.jsx(p,{children:"Section intro"}),e.jsx(x,{children:"Use the section intro component to provide a title, optional description and link to a new section in the page."})]}),e.jsx(v,{})]})}function v(){const[d,c]=l.useState("overview");return e.jsxs(s,{value:d,onChange:c,children:[e.jsx(s.Item,{value:"overview",href:"#",children:"Overview"}),e.jsx(s.Item,{value:"react",href:"#",children:"React"}),e.jsx(s.Item,{value:"figma",href:"#",children:"Figma"})]})}function f(){return e.jsxs("div",{style:{marginTop:10,display:"flex",flexDirection:"column",gap:"25px"},children:[e.jsxs("div",{children:[e.jsx(t,{children:"Import"}),e.jsx(m,{children:"import {Pre} from '@xyd-js/components/writer'"})]}),e.jsxs("div",{children:[e.jsx(t,{children:"Props"}),e.jsxs(r,{children:[e.jsx(r.Th,{children:"Name"}),e.jsx(r.Th,{children:"Default"}),e.jsx(r.Th,{children:"Description"}),e.jsxs(r.Tr,{children:[e.jsx(r.Td,{children:"disabled"}),e.jsx(r.Td,{children:"false"}),e.jsx(r.Td,{children:"Controls the disabled state of the tab"})]}),e.jsxs(r.Tr,{children:[e.jsx(r.Td,{children:"active"}),e.jsx(r.Td,{children:"false"}),e.jsx(r.Td,{children:"Controls the active state of the tab"})]})]})]})]})}i.__docgenInfo={description:"",methods:[],displayName:"DesignSystem"};var n,o,a;i.parameters={...i.parameters,docs:{...(n=i.parameters)==null?void 0:n.docs,source:{originalSource:`() => {
2
+ return <div style={{
3
+ padding: "100px",
4
+ paddingTop: "0px",
5
+ margin: "0 auto"
6
+ }}>
7
+ <$Hero />
8
+ {/*<$OverviewTabView/>*/}
9
+ <$ReactTabView />
10
+ </div>;
11
+ }`,...(a=(o=i.parameters)==null?void 0:o.docs)==null?void 0:a.source}}};const C=["DesignSystem"];export{i as DesignSystem,C as __namedExportsOrder,R as default};