@xyd-js/storybook 0.0.1-xyd.0 → 0.0.1-xyd.10

package/storybook-static/assets/index-D1ZprCIH.js

@@ -0,0 +1,9 @@
+import{r as o,g as _}from"./index-B7gF9TUu.js";var s={exports:{}},i={};/**
+ * @license React
+ * react-dom.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var m=o;function d(e){var r="https://react.dev/errors/"+e;if(1<arguments.length){r+="?args[]="+encodeURIComponent(arguments[1]);for(var t=2;t<arguments.length;t++)r+="&args[]="+encodeURIComponent(arguments[t])}return"Minified React error #"+e+"; visit "+r+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function a(){}var n={d:{f:a,r:function(){throw Error(d(522))},D:a,C:a,L:a,m:a,X:a,S:a,M:a},p:0,findDOMNode:null},v=Symbol.for("react.portal");function O(e,r,t){var c=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:v,key:c==null?null:""+c,children:e,containerInfo:r,implementation:t}}var f=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function g(e,r){if(e==="font")return"";if(typeof r=="string")return r==="use-credentials"?r:""}i.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=n;i.createPortal=function(e,r){var t=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!r||r.nodeType!==1&&r.nodeType!==9&&r.nodeType!==11)throw Error(d(299));return O(e,r,null,t)};i.flushSync=function(e){var r=f.T,t=n.p;try{if(f.T=null,n.p=2,e)return e()}finally{f.T=r,n.p=t,n.d.f()}};i.preconnect=function(e,r){typeof e=="string"&&(r?(r=r.crossOrigin,r=typeof r=="string"?r==="use-credentials"?r:"":void 0):r=null,n.d.C(e,r))};i.prefetchDNS=function(e){typeof e=="string"&&n.d.D(e)};i.preinit=function(e,r){if(typeof e=="string"&&r&&typeof r.as=="string"){var t=r.as,c=g(t,r.crossOrigin),u=typeof r.integrity=="string"?r.integrity:void 0,y=typeof r.fetchPriority=="string"?r.fetchPriority:void 0;t==="style"?n.d.S(e,typeof r.precedence=="string"?r.precedence:void 0,{crossOrigin:c,integrity:u,fetchPriority:y}):t==="script"&&n.d.X(e,{crossOrigin:c,integrity:u,fetchPriority:y,nonce:typeof r.nonce=="string"?r.nonce:void 0})}};i.preinitModule=function(e,r){if(typeof e=="string")if(typeof r=="object"&&r!==null){if(r.as==null||r.as==="script"){var t=g(r.as,r.crossOrigin);n.d.M(e,{crossOrigin:t,integrity:typeof r.integrity=="string"?r.integrity:void 0,nonce:typeof r.nonce=="string"?r.nonce:void 0})}}else r==null&&n.d.M(e)};i.preload=function(e,r){if(typeof e=="string"&&typeof r=="object"&&r!==null&&typeof r.as=="string"){var t=r.as,c=g(t,r.crossOrigin);n.d.L(e,t,{crossOrigin:c,integrity:typeof r.integrity=="string"?r.integrity:void 0,nonce:typeof r.nonce=="string"?r.nonce:void 0,type:typeof r.type=="string"?r.type:void 0,fetchPriority:typeof r.fetchPriority=="string"?r.fetchPriority:void 0,referrerPolicy:typeof r.referrerPolicy=="string"?r.referrerPolicy:void 0,imageSrcSet:typeof r.imageSrcSet=="string"?r.imageSrcSet:void 0,imageSizes:typeof r.imageSizes=="string"?r.imageSizes:void 0,media:typeof r.media=="string"?r.media:void 0})}};i.preloadModule=function(e,r){if(typeof e=="string")if(r){var t=g(r.as,r.crossOrigin);n.d.m(e,{as:typeof r.as=="string"&&r.as!=="script"?r.as:void 0,crossOrigin:t,integrity:typeof r.integrity=="string"?r.integrity:void 0})}else n.d.m(e)};i.requestFormReset=function(e){n.d.r(e)};i.unstable_batchedUpdates=function(e,r){return e(r)};i.useFormState=function(e,r,t){return f.H.useFormState(e,r,t)};i.useFormStatus=function(){return f.H.useHostTransitionStatus()};i.version="19.0.0";function l(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(l)}catch(e){console.error(e)}}l(),s.exports=i;var S=s.exports;const T=_(S);export{T as h,S as r};

package/storybook-static/assets/index-DrFu-skq.js

@@ -0,0 +1,6 @@
+function l(o){for(var f=[],i=1;i<arguments.length;i++)f[i-1]=arguments[i];var n=Array.from(typeof o=="string"?[o]:o);n[n.length-1]=n[n.length-1].replace(/\r?\n([\t ]*)$/,"");var s=n.reduce(function(t,g){var a=g.match(/\n([\t ]+|(?!\s).)/g);return a?t.concat(a.map(function(u){var r,e;return(e=(r=u.match(/[\t ]/g))===null||r===void 0?void 0:r.length)!==null&&e!==void 0?e:0})):t},[]);if(s.length){var d=new RegExp(`
+[	 ]{`+Math.min.apply(Math,s)+"}","g");n=n.map(function(t){return t.replace(d,`
+`)})}n[0]=n[0].replace(/^\r?\n/,"");var c=n[0];return f.forEach(function(t,g){var a=c.match(/(?:^|\n)( *)$/),u=a?a[1]:"",r=t;typeof t=="string"&&t.includes(`
+`)&&(r=String(t).split(`
+`).map(function(e,h){return h===0?e:""+u+e}).join(`
+`)),c+=r+n[g+1]}),c}export{l as d};

package/storybook-static/assets/index-po7oPx12.js

@@ -0,0 +1,16 @@
+import{e as n,r as f}from"./index-B7gF9TUu.js";import{R as U,L as X,T as I}from"./index-0nua7n0t.js";function T(e){var r=e.children,t=e.value,a=e.onChange,o=e.logo,u=e.kind;return n.createElement(U,{asChild:!0,value:t,onValueChange:a},n.createElement("div",{className:"XydUi-Component-Nav__NavHost"},n.createElement("div",{className:"XydUi-Component-Nav__NavShadow"}),n.createElement("nav",{className:`
+                `.concat("XydUi-Component-Nav__Nav",`
+                `).concat(u==="middle"&&"XydUi-Component-Nav__NavMiddle",`
+            `)},n.createElement("div",{className:`
+                    `.concat("XydUi-Component-Nav__LogoHost",`
+                    xyd_ui-comp-nav-logo
+                `)},o),n.createElement(X,{asChild:!0},n.createElement("div",{className:"XydUi-Component-Nav__ListHost"},r)),u==="middle"&&n.createElement("div",null))))}function g(e,r){(r==null||r>e.length)&&(r=e.length);for(var t=0,a=Array(r);t<r;t++)a[t]=e[t];return a}function w(e){if(Array.isArray(e))return e}function H(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function N(e,r){return w(e)||function(t,a){var o=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(o!=null){var u,c,i,h,v=[],s=!0,p=!1;try{if(i=(o=o.call(t)).next,a!==0)for(;!(s=(u=i.call(o)).done)&&(v.push(u.value),v.length!==a);s=!0);}catch(l){p=!0,c=l}finally{try{if(!s&&o.return!=null&&(h=o.return(),Object(h)!==h))return}finally{if(p)throw c}}return v}}(e,r)||x(e,r)||H()}function R(e){return w(e)||function(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}(e)||x(e)||H()}function x(e,r){if(e){if(typeof e=="string")return g(e,r);var t={}.toString.call(e).slice(8,-1);return t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set"?Array.from(e):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,r):void 0}}T.Item=function(e){var r=e.children,t=e.value,a=e.href;return n.createElement(I,{asChild:!0,value:t},n.createElement("a",{href:a,className:"XydUi-Component-Nav__ItemHost"},n.createElement("span",{className:"XydUi-Component-Nav__ItemTitle1"},r),n.createElement("span",{className:"XydUi-Component-Nav__ItemTitle2"},r)))},typeof SuppressedError=="function"&&SuppressedError;function j(e){var r=e.children,t=e.isOpen,a=e.horizontal,o=a!==void 0&&a,u=f.useRef(null),c=f.useRef(null),i=f.useRef(null),h=f.useRef(t),v=f.useRef(!0),s=f.useRef(null),p=function(){var l=u.current,m=c.current;if(l&&m){var _=m.querySelectorAll('[class*="collapse"]'),y=[];if(_.forEach(function(d){d instanceof HTMLElement&&(y.push({element:d,height:d.style.height,overflow:d.style.overflow}),d.style.height="auto",d.style.overflow="visible")}),o){var b=m.scrollWidth;l.style.width="".concat(b,"px"),m.style.width="".concat(b,"px")}else{var C=m.scrollHeight;l.style.height="".concat(C,"px"),m.style.height="".concat(C,"px")}y.forEach(function(d){var S=d.element,A=d.height,P=d.overflow;S.style.height=A,S.style.overflow=P})}};return f.useEffect(function(){var l=u.current,m=c.current;if(i.current&&clearTimeout(i.current),!v.current&&l&&m){if(s.current&&s.current.disconnect(),t)p(),s.current=new MutationObserver(function(b){b.some(function(C){var d;return C.type==="childList"||C.type==="attributes"||C.type==="characterData"&&((d=C.target.parentElement)===null||d===void 0?void 0:d.closest('[class*="collapse"]'))})&&p()}),s.current.observe(m,{childList:!0,subtree:!0,characterData:!0,attributes:!0}),i.current=window.setTimeout(function(){l.style.removeProperty(o?"width":"height"),m.style.removeProperty(o?"width":"height"),s.current&&s.current.disconnect()},300);else if(o){var _=l.scrollWidth;l.style.width="".concat(_,"px"),l.offsetWidth,l.style.width="0px"}else{var y=l.scrollHeight;l.style.height="".concat(y,"px"),l.offsetHeight,l.style.height="0px"}return function(){s.current&&s.current.disconnect(),i.current&&clearTimeout(i.current)}}},[o,t]),f.useEffect(function(){v.current=!1},[]),n.createElement("div",{ref:u,className:"XydUi-Component-Sidebar__CollapseContainer",style:h.current||o?void 0:{height:0}},n.createElement("div",{ref:c,className:"".concat("XydUi-Component-Sidebar__CollapseBase"," ").concat(t?"XydUi-Component-Sidebar__CollapseOpen":"")},r))}function E(e){var r=e.children,t=e.footerItems;return n.createElement("div",{className:`
+        `.concat("XydUi-Component-Sidebar__SidebarHost",`
+        xyd_ui-comp-sidebar
+    `)},n.createElement("ul",{className:"XydUi-Component-Sidebar__SidebarUl"},r),t&&n.createElement(M,null,t))}function F(e){var r=e.children,t=function(a,o){var u={};for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&o.indexOf(c)<0&&(u[c]=a[c]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function"){var i=0;for(c=Object.getOwnPropertySymbols(a);i<c.length;i++)o.indexOf(c[i])<0&&Object.prototype.propertyIsEnumerable.call(a,c[i])&&(u[c[i]]=a[c[i]])}return u}(e,["children"]);return n.createElement("a",Object.assign({},t),r)}function M(e){var r=e.children;return n.createElement("div",{className:"XydUi-Component-Sidebar__FooterHost"},n.createElement("ul",null,r))}E.Item=function(e){var r=e.children,t=e.button,a=e.href,o=e.active,u=e.activeTheme,c=e.isParentActive,i=e.onClick,h=R(n.Children.toArray(r)),v=h[0],s=h.slice(1),p=t?"button":F;return n.createElement("li",{className:"XydUi-Component-Sidebar__ItemHost"},n.createElement(p,{href:t?void 0:a,onClick:t?i:void 0,className:"XydUi-Component-Sidebar__ItemLink"},n.createElement("div",{className:`
+                `.concat("XydUi-Component-Sidebar__ItemLinkItem",`
+                `).concat(o&&"XydUi-Component-Sidebar__ItemLinkActive",`
+                `).concat(c&&"XydUi-Component-Sidebar__ItemLinkParentActive",`
+                `).concat(o&&u==="secondary"&&"XydUi-Component-Sidebar__ItemLinkActiveSecondary",`
+            `)},v)),s)},E.ItemHeader=function(e){var r=e.children;return n.createElement("li",{className:"XydUi-Component-Sidebar__ItemHeaderHost"},r)},E.SubTree=function(e){var r=e.children,t=e.isOpen;return n.createElement("ul",{className:"XydUi-Component-Sidebar__TreeHost"},n.createElement(j,{isOpen:t||!1},r))},E.FooterItem=function(e){var r=e.children,t=e.href,a=e.icon;return n.createElement("li",{className:"XydUi-Component-Sidebar__FooterItemHost"},n.createElement("a",{className:"XydUi-Component-Sidebar__FooterItem",href:t},a,r))};function k(e){var r=e.children,t=e.title,a=e.value,o=e.onChange;return n.createElement(U,{asChild:!0,value:a,onValueChange:o},n.createElement("nav",{className:"XydUi-Component-SubNav__SubNavHost"},n.createElement("div",{className:"XydUi-Component-SubNav__SubNavPrefix"},t),n.createElement(X,{asChild:!0},n.createElement("ul",{className:"XydUi-Component-SubNav__SubNavUl"},r))))}k.Item=function(e){var r=e.children,t=e.value,a=e.href;return n.createElement(I,{asChild:!0,value:t},n.createElement("li",{className:"XydUi-Component-SubNav__SubNavLi"},n.createElement("a",{href:a,className:"XydUi-Component-SubNav__SubNavLink"},r)))};var L="XydUi-Component-Toc__TocLinkActive",O=n.createContext({value:"",onChange:function(e){}});function q(e){var r=e.children,t=e.defaultValue,a=N(f.useState(0),2),o=a[0],u=a[1],c=N(f.useState(0),2),i=c[0],h=c[1],v=N(f.useState(t||""),2),s=v[0],p=v[1];return f.useEffect(function(){var l=new IntersectionObserver(function(m){var _=!1;m.forEach(function(y){if(!_&&y.isIntersecting&&y.target instanceof HTMLHeadingElement){var b=y.target.getBoundingClientRect();b.top>=0&&b.bottom<=window.innerHeight&&(_=!0,p(y.target.innerText))}})},{threshold:.3});return document.querySelectorAll("h2").forEach(function(m){m&&l.observe(m)}),function(){l.disconnect()}},[]),f.useEffect(function(){(function(){var l=document.querySelector(".".concat(L));if(l){var m=l.offsetHeight;if(u(m),l==null?void 0:l.parentElement){var _=l.parentElement.offsetTop;h(_)}}})()},[s]),n.createElement(O.Provider,{value:{value:s,onChange:function(l){p(l)}}},n.createElement("div",{className:"XydUi-Component-Toc__TocHost"},n.createElement("div",{className:"XydUi-Component-Toc__ScrollerHost"},n.createElement("div",{style:{"--active-track-height":"".concat(o,"px"),"--active-track-top":"".concat(i,"px")},className:"XydUi-Component-Toc__ScrollerScroll"})),n.createElement("ul",{className:"XydUi-Component-Toc__TocUl"},r)))}q.Item=function(e){var r=e.children,t=e.value,a=t===void 0?"#":t,o=f.useContext(O),u=o.value,c=o.onChange,i="#"+a,h=u===a;return n.createElement("li",{className:"XydUi-Component-Toc__TocLi"},n.createElement("a",{className:"".concat("XydUi-Component-Toc__TocLink"," ").concat(h&&L),href:i,onClick:function(v){v.preventDefault(),c(a);var s=!1;document.querySelectorAll("h2").forEach(function(p){s||p.innerText===a&&(s=!0,p.scrollIntoView())})}},r))};T.__docgenInfo={description:"",methods:[],displayName:"c"};k.__docgenInfo={description:"",methods:[{name:"Item",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null}],displayName:"y"};E.__docgenInfo={description:"",methods:[{name:"Item",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"ItemHeader",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"SubTree",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null},{name:"FooterItem",docblock:null,modifiers:["static"],params:[{name:"t",optional:!1,type:null}],returns:null}],displayName:"f"};export{q as C,T as c,E as f,k as y};

package/storybook-static/assets/jsx-runtime-BjG_zV1W.js

@@ -0,0 +1,9 @@
+var o={exports:{}},s={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var E=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function l(v,r,t){var e=null;if(t!==void 0&&(e=""+t),r.key!==void 0&&(e=""+r.key),"key"in r){t={};for(var x in r)x!=="key"&&(t[x]=r[x])}else t=r;return r=t.ref,{$$typeof:E,type:v,key:e,ref:r!==void 0?r:null,props:t}}s.Fragment=n;s.jsx=l;s.jsxs=l;o.exports=s;var u=o.exports;export{u as j};

package/storybook-static/assets/layouts-CzEI4S2T.js

@@ -0,0 +1,26 @@
+import{h as i}from"./_rollupPluginBabelHelpers-C8nLsqZ7-DyHbsKhl.js";import{r as s,e}from"./index-B7gF9TUu.js";var I="50px",h="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLine",M="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen",E="XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll";function k(t){var _=s.useState(!1),y=i(_,2),l=y[0],d=y[1],g=t.subheader?function(){var p=s.useState(!1),N=i(p,2),H=N[0],v=N[1],C=s.useState(0),X=i(C,2),c=X[0],b=X[1],n=s.useState(0),a=i(n,2),r=a[0],P=a[1];function A(m){var o;if(m.target instanceof HTMLElement){var u=(o=m.target)===null||o===void 0?void 0:o.scrollTop;b(u)}}function T(m){var o;m.target instanceof HTMLElement&&P((o=m.target)===null||o===void 0?void 0:o.scrollTop)}return s.useEffect(function(){if(c!==r){var m=parseInt(I,10)/2,o=c-r,u=Math.abs(c-r);o>m?v(!0):u>m&&v(!1)}},[c,r]),s.useEffect(function(){var m,o;return(m=document.querySelector(".".concat(E)))===null||m===void 0||m.addEventListener("scroll",A),(o=document.querySelector(".".concat(E)))===null||o===void 0||o.addEventListener("scrollend",T),function(){var u,S;(u=document.querySelector(".".concat(E)))===null||u===void 0||u.removeEventListener("scroll",A),(S=document.querySelector(".".concat(E)))===null||S===void 0||S.removeEventListener("scrollend",T)}},[]),{hideMainHeader:H}}():{hideMainHeader:!1},L=g.hideMainHeader;return e.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHost"},e.createElement("header",{className:` 
+            `.concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeader",`
+            `).concat(t.subheader&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderSub",`
+            `).concat(L&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderHideMain",`
+        `)},e.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderContent"},t.header,e.createElement("button",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerButton",onClick:function(){return d(!l)},"aria-label":"Toggle navigation menu"},e.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerIcon"},e.createElement("span",{className:"".concat(h," ").concat(l?M:"")}),e.createElement("span",{className:"".concat(h," ").concat(l?M:"")}),e.createElement("span",{className:"".concat(h," ").concat(l?M:"")})))),t.subheader),e.createElement("div",{className:"".concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlay"," ").concat(l?"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlayVisible":""),onClick:function(){return d(!1)}}),e.createElement("aside",{className:`
+            `.concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebar",`
+            `).concat(l?"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebarOpen":"",`
+        `)},e.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySidebarContent"},t.aside),e.createElement("button",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseButton",onClick:function(){return d(!1)},"aria-label":"Close navigation menu"},e.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon"}))),e.createElement("main",{className:`
+            `.concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMain",`
+            `).concat(!L&&t.subheader&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMainSub",`
+        `)},e.createElement("aside",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryStaticSidebar"},t.aside),e.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageHost"},e.createElement("div",{className:E},e.createElement("div",{className:`
+                        `.concat("XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainer",`
+                        `).concat(t.layoutSize=="large"&&"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainerLarge",`
+                    `)},e.createElement("div",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer"},e.createElement("article",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleHost"},e.createElement("section",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleContent"},t.content)),t.contentNav&&e.createElement("nav",{className:"XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav"},t.contentNav)))))))}var f="XydComponents-Component-layouts__PageScroll";function q(t){var _=s.useState(!1),y=i(_,2),l=y[0],d=y[1],g=s.useState(0),L=i(g,2),p=L[0],N=L[1],H=s.useState(0),v=i(H,2),C=v[0],X=v[1];function c(n){var a;if(n.target instanceof HTMLElement){var r=(a=n.target)===null||a===void 0?void 0:a.scrollTop;N(r)}}function b(n){var a;n.target instanceof HTMLElement&&X((a=n.target)===null||a===void 0?void 0:a.scrollTop)}return s.useEffect(function(){if(p!==C){var n=parseInt("40px",10)/2,a=p-C,r=Math.abs(p-C);a>n?d(!0):r>n&&d(!1)}},[p,C]),s.useEffect(function(){var n,a;if(t.subheader)return(n=document.querySelector(".".concat(f)))===null||n===void 0||n.addEventListener("scroll",c),(a=document.querySelector(".".concat(f)))===null||a===void 0||a.addEventListener("scrollend",b),function(){var r,P;(r=document.querySelector(".".concat(f)))===null||r===void 0||r.removeEventListener("scroll",c),(P=document.querySelector(".".concat(f)))===null||P===void 0||P.removeEventListener("scrollend",b)}},[]),e.createElement("div",{className:"XydComponents-Component-layouts__LayoutHost"},e.createElement(q.Header,{className:`
+            `.concat(t.subheader&&"XydComponents-Component-layouts__LayoutHeaderSub",`
+            `).concat(l&&"XydComponents-Component-layouts__LayoutHeaderHideMain",`
+        `)},t.header),e.createElement("main",{className:`
+            `.concat("XydComponents-Component-layouts__LayoutMain",`
+            `).concat(!l&&t.subheader&&"XydComponents-Component-layouts__LayoutMainSub",`
+        `)},e.createElement("aside",{className:"XydComponents-Component-layouts__LayoutSidebar"},t.aside),e.createElement("div",{className:"XydComponents-Component-layouts__PageHost"},e.createElement("div",{className:f},e.createElement("div",{className:"XydComponents-Component-layouts__PageContainer"},e.createElement("div",{className:`
+                            `.concat("XydComponents-Component-layouts__PageArticleContainer",`
+                            `).concat(t.kind=="fullwidth"&&"XydComponents-Component-layouts__PageArticleContainerFullWidth",`
+                        `)},e.createElement("article",{className:"XydComponents-Component-layouts__ArticleHost"},e.createElement("section",{className:"XydComponents-Component-layouts__ArticleContent"},t.content),t.contentNav&&e.createElement("nav",{className:"XydComponents-Component-layouts__ArticleNav"},t.contentNav))))))))}q.Header=function(t){var _=t.className,y=t.children;return e.createElement("header",{className:`
+            `.concat("XydComponents-Component-layouts__LayoutHeader",`
+            `).concat(_,`
+        `)},y)};k.__docgenInfo={description:"",methods:[],displayName:"c"};export{k as c,q as y};

package/storybook-static/assets/preview-B8lJiyuQ.js

@@ -0,0 +1,34 @@
+import{d as P}from"./index-DrFu-skq.js";const{useEffect:_,useMemo:h}=__STORYBOOK_MODULE_PREVIEW_API__,{global:j}=__STORYBOOK_MODULE_GLOBAL__,{logger:X}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var p="backgrounds",U={light:{name:"light",value:"#F8F8F8"},dark:{name:"dark",value:"#333"}},{document:b,window:O}=j,D=()=>{var r;return!!((r=O==null?void 0:O.matchMedia("(prefers-reduced-motion: reduce)"))!=null&&r.matches)},A=r=>{(Array.isArray(r)?r:[r]).forEach(N)},N=r=>{var t;let e=b.getElementById(r);e&&((t=e.parentElement)==null||t.removeChild(e))},F=(r,e)=>{let t=b.getElementById(r);if(t)t.innerHTML!==e&&(t.innerHTML=e);else{let o=b.createElement("style");o.setAttribute("id",r),o.innerHTML=e,b.head.appendChild(o)}},Y=(r,e,t)=>{var a;let o=b.getElementById(r);if(o)o.innerHTML!==e&&(o.innerHTML=e);else{let d=b.createElement("style");d.setAttribute("id",r),d.innerHTML=e;let i=`addon-backgrounds-grid${t?`-docs-${t}`:""}`,n=b.getElementById(i);n?(a=n.parentElement)==null||a.insertBefore(d,n):b.head.appendChild(d)}},W={cellSize:100,cellAmount:10,opacity:.8},w="addon-backgrounds",R="addon-backgrounds-grid",q=D()?"":"transition: background-color 0.3s;",J=(r,e)=>{let{globals:t,parameters:o,viewMode:a,id:d}=e,{options:i=U,disable:n,grid:s=W}=o[p]||{},c=t[p]||{},u=c.value,l=u?i[u]:void 0,$=(l==null?void 0:l.value)||"transparent",f=c.grid||!1,y=!!l&&!n,m=a==="docs"?`#anchor--${d} .docs-story`:".sb-show-main",E=a==="docs"?`#anchor--${d} .docs-story`:".sb-show-main",H=o.layout===void 0||o.layout==="padded",L=a==="docs"?20:H?16:0,{cellAmount:k,cellSize:g,opacity:x,offsetX:v=L,offsetY:S=L}=s,B=a==="docs"?`${w}-docs-${d}`:`${w}-color`,G=a==="docs"?d:null;_(()=>{let M=`
+    ${m} {
+      background: ${$} !important;
+      ${q}
+      }`;if(!y){A(B);return}Y(B,M,G)},[m,B,G,y,$]);let T=a==="docs"?`${R}-docs-${d}`:`${R}`;return _(()=>{if(!f){A(T);return}let M=[`${g*k}px ${g*k}px`,`${g*k}px ${g*k}px`,`${g}px ${g}px`,`${g}px ${g}px`].join(", "),K=`
+        ${E} {
+          background-size: ${M} !important;
+          background-position: ${v}px ${S}px, ${v}px ${S}px, ${v}px ${S}px, ${v}px ${S}px !important;
+          background-blend-mode: difference !important;
+          background-image: linear-gradient(rgba(130, 130, 130, ${x}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${x}) 1px, transparent 1px),
+           linear-gradient(rgba(130, 130, 130, ${x/2}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${x/2}) 1px, transparent 1px) !important;
+        }
+      `;F(T,K)},[k,g,E,T,f,v,S,x]),r()},Q=(r,e=[],t)=>{if(r==="transparent")return"transparent";if(e.find(a=>a.value===r)||r)return r;let o=e.find(a=>a.name===t);if(o)return o.value;if(t){let a=e.map(d=>d.name).join(", ");X.warn(P`
+        Backgrounds Addon: could not find the default color "${t}".
+        These are the available colors for your story based on your configuration:
+        ${a}.
+      `)}return"transparent"},Z=(r,e)=>{var u;let{globals:t,parameters:o}=e,a=(u=t[p])==null?void 0:u.value,d=o[p],i=h(()=>d.disable?"transparent":Q(a,d.values,d.default),[d,a]),n=h(()=>i&&i!=="transparent",[i]),s=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",c=h(()=>`
+      ${s} {
+        background: ${i} !important;
+        ${D()?"":"transition: background-color 0.3s;"}
+      }
+    `,[i,s]);return _(()=>{let l=e.viewMode==="docs"?`addon-backgrounds-docs-${e.id}`:"addon-backgrounds-color";if(!n){A(l);return}Y(l,c,e.viewMode==="docs"?e.id:null)},[n,c,e]),r()},V=(r,e)=>{var y;let{globals:t,parameters:o}=e,a=o[p].grid,d=((y=t[p])==null?void 0:y.grid)===!0&&a.disable!==!0,{cellAmount:i,cellSize:n,opacity:s}=a,c=e.viewMode==="docs",u=o.layout===void 0||o.layout==="padded"?16:0,l=a.offsetX??(c?20:u),$=a.offsetY??(c?20:u),f=h(()=>{let m=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",E=[`${n*i}px ${n*i}px`,`${n*i}px ${n*i}px`,`${n}px ${n}px`,`${n}px ${n}px`].join(", ");return`
+      ${m} {
+        background-size: ${E} !important;
+        background-position: ${l}px ${$}px, ${l}px ${$}px, ${l}px ${$}px, ${l}px ${$}px !important;
+        background-blend-mode: difference !important;
+        background-image: linear-gradient(rgba(130, 130, 130, ${s}) 1px, transparent 1px),
+         linear-gradient(90deg, rgba(130, 130, 130, ${s}) 1px, transparent 1px),
+         linear-gradient(rgba(130, 130, 130, ${s/2}) 1px, transparent 1px),
+         linear-gradient(90deg, rgba(130, 130, 130, ${s/2}) 1px, transparent 1px) !important;
+      }
+    `},[n]);return _(()=>{let m=e.viewMode==="docs"?`addon-backgrounds-grid-docs-${e.id}`:"addon-backgrounds-grid";if(!d){A(m);return}F(m,f)},[d,f,e]),r()},C,ae=(C=globalThis.FEATURES)!=null&&C.backgroundsStoryGlobals?[J]:[V,Z],I,oe={[p]:{grid:{cellSize:20,opacity:.5,cellAmount:5},disable:!1,...!((I=globalThis.FEATURES)!=null&&I.backgroundsStoryGlobals)&&{values:Object.values(U)}}},ee={[p]:{value:void 0,grid:!1}},z,de=(z=globalThis.FEATURES)!=null&&z.backgroundsStoryGlobals?ee:{[p]:null};export{ae as decorators,de as initialGlobals,oe as parameters};

package/storybook-static/assets/preview-BBWR9nbA.js

@@ -0,0 +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},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};

package/storybook-static/assets/preview-BDbHSxwO.css

@@ -0,0 +1 @@
+.XydUi-Component-Nav__NavHost{background:transparent;display:flex;position:sticky;top:0;width:100%;z-index:20}.XydUi-Component-Nav__NavShadow{background-color:#fff;height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.XydUi-Component-Nav__Nav{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%}.XydUi-Component-Nav__NavMiddle{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr}.XydUi-Component-Nav__ListHost{align-items:center;display:flex;gap:8px;justify-content:center}.XydUi-Component-Nav__ItemHost{align-items:center;color:#000;display:flex;font-size:14px;justify-content:center;padding:8px 16px;position:relative;white-space:nowrap}.XydUi-Component-Nav__ItemHost:hover{color:#1f2937}.XydUi-Component-Nav__ItemHost[data-state=active]{background:#f9f9f9;border-radius:8px;font-weight:700}.XydUi-Component-Nav__ItemTitle1{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;text-align:center}.XydUi-Component-Nav__ItemTitle2{font-weight:600;visibility:hidden}.XydUi-Component-Nav__LogoHost{align-items:center;display:flex;margin-right:auto}.XydUi-Component-Sidebar__SidebarHost{background:#f8f8f8;border-radius:4px;display:flex;flex-direction:column;height:100%}.XydUi-Component-Sidebar__SidebarUl{height:100%;overflow-x:hidden;overflow-y:auto;padding:8px}.XydUi-Component-Sidebar__FooterHost{border-top:1px solid #ededed;box-shadow:0 -2px 10px #ededed1a;padding:1rem}.XydUi-Component-Sidebar__FooterItemHost{color:#6e6e80;display:flex;padding:2px;width:100%}.XydUi-Component-Sidebar__FooterItem{align-items:center;display:flex;font-size:14px;gap:7px;padding:4px 8px;width:100%}.XydUi-Component-Sidebar__FooterItem:hover{background:#ececf1;border-radius:4px;color:#111827}.XydUi-Component-Sidebar__FooterItem:hover svg{fill:#111827}.XydUi-Component-Sidebar__FooterItem svg{fill:#6e6e80;font-size:18px;height:18px;width:18px}.XydUi-Component-Sidebar__ItemHost{color:#6e6e80;font-size:14px}.XydUi-Component-Sidebar__ItemLink{display:flex;font-weight:500;width:100%}.XydUi-Component-Sidebar__ItemLinkActive{background:#ebebeb;border-radius:4px;color:#000;font-weight:600;position:relative}.XydUi-Component-Sidebar__ItemLinkActive:before{background:#7051d4;border-radius:10px;bottom:7px;content:"";left:5px;position:absolute;top:7px;width:4px}.XydUi-Component-Sidebar__ItemLinkParentActive{background:transparent;font-weight:600}.XydUi-Component-Sidebar__ItemLinkActiveSecondary{background:unset;font-weight:500}.XydUi-Component-Sidebar__ItemLinkItem{display:flex;font-size:14px;padding:8px 12px 8px 16px;position:relative;width:100%}.XydUi-Component-Sidebar__ItemLinkItem:hover{background:#ececf1;border-radius:4px;color:#111827}.XydUi-Component-Sidebar__TreeHost{margin-left:12px}.XydUi-Component-Sidebar__ItemHeaderHost{color:#111827;font-size:13px;font-weight:600;letter-spacing:.5px;line-height:16px;margin-bottom:8px;margin-top:24px;padding-left:12px;text-transform:uppercase}.XydUi-Component-Sidebar__CollapseContainer{overflow:hidden;transform:translateZ(0);transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);will-change:width,height}@media (prefers-reduced-motion:reduce){.XydUi-Component-Sidebar__CollapseContainer{transition:none}}.XydUi-Component-Sidebar__CollapseBase{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);will-change:opacity}@media (prefers-reduced-motion:reduce){.XydUi-Component-Sidebar__CollapseBase{transition:none}}.XydUi-Component-Sidebar__CollapseOpen{opacity:1}.XydUi-Component-SubNav__SubNavHost{align-items:center;background-color:#f6f6f7;border-radius:.5rem;display:flex;flex-direction:row;height:44px;margin-top:3px;padding:0 .25rem;width:100%}.XydUi-Component-SubNav__SubNavPrefix{color:#44474a;font-size:12px;font-weight:600;padding-left:.5rem;padding-right:1.5rem;position:relative;text-transform:uppercase}.XydUi-Component-SubNav__SubNavPrefix:after{background:#d2d5d8;border-radius:1px;content:" ";height:.75rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2px}.XydUi-Component-SubNav__SubNavUl{display:flex;flex-direction:row;height:100%}.XydUi-Component-SubNav__SubNavLi{align-items:center;display:flex;height:100%;position:relative}.XydUi-Component-SubNav__SubNavLi[data-state=active]{font-weight:600}.XydUi-Component-SubNav__SubNavLi[data-state=active] a{color:#202223}.XydUi-Component-SubNav__SubNavLi[data-state=active] a:after{background-color:#7051d4;border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%}.XydUi-Component-SubNav__SubNavLink{color:#4b5563;display:block;height:100%;line-height:2.75rem;padding:0 .5rem}.XydUi-Component-SubNav__SubNavLink:hover{color:#202223}.XydUi-Component-Toc__TocHost{padding-left:16px;position:relative}.XydUi-Component-Toc__TocUl{list-style:none;margin:0;padding:0}.XydUi-Component-Toc__TocLi{line-height:1.5;margin:0 0 12px;padding:0;position:relative}.XydUi-Component-Toc__TocLink{text-wrap:pretty;color:#6e6e80;display:inline-block;font-size:14px;line-height:1.4;transition:color .15s ease}.XydUi-Component-Toc__TocLinkActive{color:#353740;font-weight:600}.XydUi-Component-Toc__ScrollerHost{background-color:#ececf1;bottom:0;left:0;position:absolute;top:0;width:2px}.XydUi-Component-Toc__ScrollerScroll{background-color:#353740;height:var(--active-track-height);left:0;position:absolute;top:0;transform:translateY(var(--active-track-top));transition:height .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1);width:2px}:root{--XydAtlas-Ref-Palette-Primary-60:#7051d4;--XydAtlas-Ref-Palette-Primary-70:#6045b9;--XydAtlas-Ref-Palette-Primary-80:#4f399e;--XydAtlas-Ref-Palette-Neutral-10:#f8f9fa;--XydAtlas-Ref-Palette-Neutral-20:#f1f3f5;--XydAtlas-Ref-Palette-Neutral-30:#e9ecef;--XydAtlas-Ref-Palette-Neutral-40:#dee2e6;--XydAtlas-Ref-Palette-Neutral-70:#6c757d;--XydAtlas-Ref-Palette-Neutral-80:#495057;--XydAtlas-Ref-Palette-Neutral-100:#212529;--XydAtlas-Sys-Color-Primary:var(--XydAtlas-Ref-Palette-Primary-60);--XydAtlas-Sys-Color-Primary--hover:var(--XydAtlas-Ref-Palette-Primary-70);--XydAtlas-Sys-Color-Primary--active:var(--XydAtlas-Ref-Palette-Primary-80);--XydAtlas-Sys-Color-Surface:var(--XydAtlas-Ref-Palette-Neutral-10);--XydAtlas-Sys-Color-Surface--hover:var(--XydAtlas-Ref-Palette-Neutral-20);--XydAtlas-Sys-Color-Surface--active:var(--XydAtlas-Ref-Palette-Neutral-30);--XydAtlas-Sys-Color-Text-Primary:var(--XydAtlas-Ref-Palette-Neutral-100);--XydAtlas-Sys-Color-Text-Secondary:var(--XydAtlas-Ref-Palette-Neutral-80);--XydAtlas-Sys-Color-Text-Tertiary:var(--XydAtlas-Ref-Palette-Neutral-70);--XydAtlas-Sys-Color-Border:var(--XydAtlas-Ref-Palette-Neutral-30);--XydAtlas-Sys-Color-Border--hover:var(--XydAtlas-Ref-Palette-Neutral-40);--XydAtlas-Sys-Color-Border--active:var(--XydAtlas-Ref-Palette-Primary-60);--XydAtlas-Component-ApiRef-Properties__color-description:var(--XydAtlas-Sys-Color-Text-Secondary);--XydAtlas-Component-ApiRef-Properties__color-propName:var(--XydAtlas-Sys-Color-Text-Primary);--XydAtlas-Component-ApiRef-Properties__color-propType:var(--XydAtlas-Sys-Color-Text-Tertiary);--XydAtlas-Component-ApiRef-Properties__color--active:var(--XydAtlas-Sys-Color-Primary);--XydAtlas-Component-ApiRef-Properties__color-border:var(--XydAtlas-Sys-Color-Border);--XydAtlas-Component-ApiRef-Item__color-border:var(--XydAtlas-Sys-Color-Border);--XydAtlas-Component-ApiRef-Item__color-navbar:var(--XydAtlas-Sys-Color-Text-Secondary);--XydAtlas-Component-Code-Sample__color-border:var(--XydAtlas-Sys-Color-Border);--XydAtlas-Component-Code-Sample__color:var(--XydAtlas-Sys-Color-Text-Secondary);--XydAtlas-Component-Code-Sample__color--active:var(--XydAtlas-Sys-Color-Primary);--XydAtlas-Component-Code-Sample__color-background:var(--XydAtlas-Sys-Color-Surface--hover);--XydAtlas-Component-Code-Sample__color-markBorder--active:var(--XydAtlas-Sys-Color-Primary);--XydAtlas-Component-Code-Sample__color-markBackground--active:var(--XydAtlas-Sys-Color-Surface--hover);--XydAtlas-Component-Code-SampleButtons__color-containerBackground:var(--XydAtlas-Sys-Color-Surface);--XydAtlas-Component-Code-SampleButtons__color-background--active:var(--XydAtlas-Sys-Color-Surface--active);--XydAtlas-Component-Code-SampleButtons__color:var(--XydAtlas-Sys-Color-Text-Secondary);--XydAtlas-Component-Code-SampleButtons__color--active:var(--XydAtlas-Sys-Color-Text-Primary)}.XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemTitleHost{font-size:30px;font-weight:400}.XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemNavbarContainer{background:linear-gradient(45deg,#f7f7f8,#f7f7f8);border:1px solid var(--XydAtlas-Component-ApiRef-Item__color-border);border-radius:8px;font-size:13px;padding:8px}.XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemNavbarLabel{color:var(--XydAtlas-Component-ApiRef-Item__color-navbar);margin-right:4px}.XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemHost{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}.XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemGrid{-ms-grid-columns:repeat(2,minmax(0,1fr));-webkit-box-align:normal;-ms-flex-align:normal;-webkit-align-items:normal;align-items:normal;display:-ms-grid;display:grid;gap:100px;grid-template-columns:repeat(2,minmax(0,1fr))}.XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemPropertiesItem{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}.XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemSubtitleHost{font-size:15px;font-weight:600}.XydAtlas-Component-ApiRef-ApiRefItem__ApiRefItemSubtitleLink{-webkit-text-decoration:none;text-decoration:none}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesUlHost{-webkit-box-flex-wrap:wrap;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesLiHost{margin:0;padding:0}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesLiHost:first-child{padding-top:0}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesLiHost:last-child{padding-bottom:0}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesDescriptionHost{color:var(--XydAtlas-Component-ApiRef-Properties__color-description);font-size:14px;line-height:22px}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesDlHost{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-flex-wrap:wrap;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;-webkit-justify-content:flex-start;justify-content:flex-start;margin:8px 0;position:relative}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesDlHost dd{-webkit-margin-start:0;margin-inline-start:0}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropNameCodeHost{color:var(--XydAtlas-Component-ApiRef-Properties__color-propName);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:13px;font-weight:600;padding:4px 0}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropTypeCodeHost{border-radius:4px;color:var(--XydAtlas-Component-ApiRef-Properties__color-propType);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:10px;padding:4px 0}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropTypeCodeLink{color:var(--XydAtlas-Component-ApiRef-Properties__color--active);-webkit-text-decoration:underline;text-decoration:underline}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropTypeCodeLink:hover{color:var(--XydAtlas-Sys-Color-Primary--hover);-webkit-text-decoration:none;text-decoration:none}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesSubPropsHost{border-style:none;display:none;padding:8px}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesSubPropsHostExpanded{display:unset}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesSubPropsUl{-webkit-box-flex-wrap:wrap;border:none;border-left:1px solid var(--XydAtlas-Component-ApiRef-Properties__color-border);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesSubPropsLi{padding:0 16px}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropToggleHost{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:13px;margin-top:16px;outline:inherit;padding:0}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropToggleHost svg{font-size:13px}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropToggleHost:hover svg{color:var(--XydAtlas-Component-ApiRef-Properties__color--active);-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropToggleLink{cursor:pointer;margin-left:4px;-webkit-text-decoration:none;text-decoration:none}.XydAtlas-Component-ApiRef-ApiRefProperties__ApiRefPropertiesPropToggleLink:hover{color:var(--XydAtlas-Component-ApiRef-Properties__color--active);-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.XydAtlas-Component-Code-CodeCopy__CodeCopyHost{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:6px;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:8px}.XydAtlas-Component-Code-CodeCopy__CodeCopyHost:hover{background:var(--XydAtlas-Component-Code-Copy__color-background--active)}.XydAtlas-Component-Code-CodeSample__CodeSampleHost{border:1px solid var(--XydAtlas-Component-Code-Sample__color-border);border-radius:16px;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0;max-width:512px;min-width:0;overflow:hidden}.XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesHost{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;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%;min-width:0;padding:8px 0}.XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesList{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-grow:1;flex-grow:1;gap:8px;-webkit-justify-content:end;justify-content:end;padding:0 10px}.XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesButton{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;all:unset;-webkit-align-items:center;align-items:center;border-radius:6px;color:var(--XydAtlas-Component-Code-Sample__color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;-webkit-justify-content:center;justify-content:center;padding:6px}.XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesButton[data-state=active]{border-bottom:1px solid var(--XydAtlas-Component-Code-Sample__color--active);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--XydAtlas-Component-Code-Sample__color--active)}.XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesButton:hover{background:var(--XydAtlas-Component-Code-Sample__color-background);-webkit-transition:.1s ease-in;transition:.1s ease-in}.XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesDescription{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:var(--XydAtlas-Component-Code-Sample__color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;gap:4px;margin-left:4px;margin-right:4px}.XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesDescriptionItem{border-radius:4px;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%;gap:16px;padding-left:16px;padding-right:16px}.XydAtlas-Component-Code-CodeSample__CodeSampleLanguagesCopy{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:8px;padding-right:8px}.XydAtlas-Component-Code-CodeSample__CodeSampleCodeHost{background:linear-gradient(45deg,#f7f7f8,#f7f7f8)!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid var(--XydAtlas-Component-Code-Sample__color-border);font-size:14px;line-height:20px;margin:0;max-height:400px;overflow-y:scroll;padding:8px 16px;white-space:pre-wrap;word-break:break-all}.XydAtlas-Component-Code-CodeSample__CodeSampleMarkHost{border-color:transparent;border-left-width:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:4px 0}.XydAtlas-Component-Code-CodeSample__CodeSampleMarkLine{-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.XydAtlas-Component-Code-CodeSample__CodeSampleMarkAnnotated{background-color:var(--XydAtlas-Component-Code-Sample__color-markBackground--active);border-color:var(--XydAtlas-Component-Code-Sample__color-markBorder--active)}.XydAtlas-Component-Code-CodeSample__CodeSampleLineNumberHost{margin:0 4px;opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsHost{max-width:100%;position:relative}.XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsContainer{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:var(--XydAtlas-Component-Code-SampleButtons__color-containerBackground);border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsArrowHost{background-color:#fff;box-shadow:0 1px 2px #0000000d;padding:8px}.XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsArrowIcon{height:16px;width:16px}.XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsScrollerHost{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1;overflow-x:auto}.XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsScrollerContainer{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:4px;margin-left:4px;padding:4px}.XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsButtonHost{border-radius:.375rem;color:var(--XydAtlas-Component-Code-SampleButtons__color);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}.XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsButtonHost:hover{color:var(--XydAtlas-Component-Code-SampleButtons__color--active)}.XydAtlas-Component-Code-CodeSampleButtons__CodeSampleButtonsButtonActive{background-color:var(--XydAtlas-Component-Code-SampleButtons__color-background--active);box-shadow:0 1px 2px #0000000d;color:var(--XydAtlas-Component-Code-SampleButtons__color--active)}.XydAtlas-Component-ApiRef-ApiRefSamples__ApiRefSamplesContainerHost{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:32px;position:-webkit-sticky;position:sticky;top:6rem}.XydAtlas-Component-ApiRef-ApiRefSamples__ApiRefSamplesContainerHost:first-child{margin-top:0}.XydAtlas-Component-ApiRef-ApiRefSamples__ApiRefSamplesContainerHost:last-child{margin-bottom:0}.XydAtlas-Component-ApiRef-ApiRefSamples__ApiRefSamplesGroupHost{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px}.XydAtlas-Component-Atlas__AtlasHost{width:100%}.XydAtlas-Component-Atlas-AtlasLazy__AtlasLazyItemHost{padding:16px 0}.XydAtlas-Component-Atlas-AtlasLazy__AtlasLazyItemFirst{padding:4px 0}.XydComponents-Component-pages-HomePage__HomePageCardsHost{display:grid;gap:30px;grid-template-columns:repeat(2,500px);justify-content:center}@media (max-width:1200px){.XydComponents-Component-pages-HomePage__HomePageCardsHost{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.XydComponents-Component-pages-HomePage__HomePageCardsHost{grid-template-columns:1fr}}.XydComponents-Component-brand-Button__ButtonHost{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}.XydComponents-Component-brand-Button__ButtonHost:hover{background:#e3e3e6}.XydComponents-Component-brand-Button__ButtonHostSecondary{background-color:#7051d4;color:#fff}.XydComponents-Component-brand-Button__ButtonHostSecondary:hover{background-color:#5f3bd3}.XydComponents-Component-brand-CTABanner__CTABannerHost{padding:20px}.XydComponents-Component-brand-CTABanner__CTABannerContainer{align-items:center;display:flex;gap:80px;justify-content:center}.XydComponents-Component-brand-CTABanner__CTABannerHero{align-items:center;display:flex;flex-direction:column;gap:40px;justify-content:center}.XydComponents-Component-brand-CTABanner__CTABannerHeadingEffect{-webkit-text-fill-color:transparent;align-items:center;animation:wave-XydComponents-Component-brand-CTABanner__CTABannerHeadingEffect 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%;display:flex;flex-direction:column;justify-content:center}@keyframes wave-XydComponents-Component-brand-CTABanner__CTABannerHeadingEffect{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%}}.XydComponents-Component-brand-CTABanner__CTABannerHeadingHost{align-items:center;display:flex;flex-direction:column;justify-content:center}.XydComponents-Component-brand-CTABanner__CTABannerHeadingTitle{font-size:76px;font-weight:900;letter-spacing:3px;margin:0;text-align:center}.XydComponents-Component-brand-CTABanner__CTABannerHeadingSubtitle{color:#3c3c43;font-size:46px;font-weight:600;text-align:center}.XydComponents-Component-brand-CTABanner__CTABannerButtonGroupHost{align-items:center;display:flex;gap:10px;justify-content:center}.XydComponents-Component-brand-Footer__FooterHost{background-color:#fff;border-top:1px solid #f0f0f0;padding:32px;position:relative}.XydComponents-Component-brand-Footer__FooterContainer{margin:0 auto;max-width:1200px;text-align:center}.XydComponents-Component-brand-Footer__FooterTextContainer{color:#3c3c43c7;font-size:14px;font-weight:500;line-height:24px}.XydComponents-Component-views-HomeView__HomeViewHost{display:flex;flex-direction:column;min-height:100vh}.XydComponents-Component-views-HomeView__HomeViewBodyHost{-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}.XydComponents-Component-views-HomeView__HomeViewBodyHostSecondary{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)}.XydComponents-Component-views-HomeView__HomeViewBodyContent{display:flex;flex-direction:column;gap:80px;margin:0 auto;width:1200px}@media (max-width:1200px){.XydComponents-Component-views-HomeView__HomeViewBodyContent{padding:0 20px;width:100%}}@media (max-width:768px){.XydComponents-Component-views-HomeView__HomeViewBodyContent{padding:0 10px;width:100%}}.XydComponents-Component-writer-Blockquote__BlockquoteHost{border-color:#d1d5db;color:#374151;font-style:italic;margin:0}.XydComponents-Component-writer-UnderlineNav__UnderlineNavHost{align-items:center;background-color:#fff;border-bottom:1px solid hsl(212,15%,84%);display:flex;height:42px;z-index:99}.XydComponents-Component-writer-UnderlineNav__UnderlineNavUl{color:#68798d;display:flex;gap:10px;height:100%;list-style:none;padding:0;white-space:nowrap}.XydComponents-Component-writer-UnderlineNav__UnderlineNavItem{height:100%}.XydComponents-Component-writer-UnderlineNav__UnderlineNavItem[data-state=active] a{border-bottom-color:#7051d4}.XydComponents-Component-writer-UnderlineNav__UnderlineNavItemLink{border-bottom:3px solid transparent;display:inline-flex;height:100%;padding:10px;-webkit-text-decoration:none;text-decoration:none}.XydComponents-Component-writer-Callout__CalloutHost{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%}.XydComponents-Component-writer-Callout__CalloutNeutral{background-color:#f7f7f8;border-color:#ececf1}.XydComponents-Component-writer-Callout__CalloutIcon{align-self:flex-start;color:#6e6e80;display:inline-flex;flex:0 0 auto;font-size:20px;margin-right:14px;margin-top:2px}.XydComponents-Component-writer-Callout__CalloutMessage{color:#353740;flex:1 1 auto;text-align:left}.XydComponents-Component-writer-Callout__CalloutMessageBody{font-size:14px;line-height:20px}.XydComponents-Component-writer-Code__CodeHost{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}.XydComponents-Component-writer-GuideCard__GuideHostSecondary{background:#f8f8f8;border:1px solid #ebebeb;border-radius:8px;display:flex;overflow:hidden;padding:24px;position:relative;transition:box-shadow .2s ease-in-out,background-image .2s ease;z-index:0}.XydComponents-Component-writer-GuideCard__GuideHostSecondary:hover{background:#fff}.XydComponents-Component-writer-GuideCard__GuideHostSecondaryMd{padding:21px 25px 25px}.XydComponents-Component-writer-GuideCard__GuideLink{height:100%;width:100%}.XydComponents-Component-writer-GuideCard__GuideItem{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;transition:opacity .15s}.XydComponents-Component-writer-GuideCard__GuideItem:hover [data-pointer=true]{opacity:1;transform:translate(0)}.XydComponents-Component-writer-GuideCard__GuideItemSecondary{height:100%;width:100%}.XydComponents-Component-writer-GuideCard__GuideIcon{align-items:center;box-sizing:border-box;color:#000;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;line-height:0px;transition:background .2s ease}.XydComponents-Component-writer-GuideCard__GuideRight{display:flex;flex-direction:column;gap:4px;padding-left:16px}.XydComponents-Component-writer-GuideCard__GuideTitle{align-items:center;color:#000;display:flex;font-weight:600;transition:color .15s}.XydComponents-Component-writer-GuideCard__GuideTitleBody{font-size:16px;line-height:20px}.XydComponents-Component-writer-GuideCard__GuideTitleBodyMd{font-size:18px}.XydComponents-Component-writer-GuideCard__GuideBody{color:#5c5c5c;font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.XydComponents-Component-writer-GuideCard__GuideBodyMd{font-size:16px}.XydComponents-Component-writer-GuideCard__GuidePointer{display:flex;justify-content:center;opacity:0;transform:translate(-4px);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.XydComponents-Component-writer-GuideCard__GuideListHost{display:grid;gap:24px;grid-template-columns:1fr 1fr;justify-content:center}.XydComponents-Component-writer-Heading__HeadingHost{scroll-snap-margin-top:30px;cursor:pointer;display:inline-block;font-weight:600;line-height:40px;margin:0;padding:0 24px 0 0;position:relative;scroll-margin-top:30px}.XydComponents-Component-writer-Heading__HeadingHost:hover svg{opacity:1}.XydComponents-Component-writer-Heading__HeadingH1{font-size:36px}.XydComponents-Component-writer-Heading__HeadingH1 code,.XydComponents-Component-writer-Heading__HeadingH2{font-size:30px}.XydComponents-Component-writer-Heading__HeadingH2 code{font-size:24px}.XydComponents-Component-writer-Heading__HeadingH3{font-size:26px}.XydComponents-Component-writer-Heading__HeadingH3 code,.XydComponents-Component-writer-Heading__HeadingH4{font-size:22px}.XydComponents-Component-writer-Heading__HeadingH4 code,.XydComponents-Component-writer-Heading__HeadingH5{font-size:18px}.XydComponents-Component-writer-Heading__HeadingH5 code{font-size:14px}.XydComponents-Component-writer-Heading__HeadingH6{font-size:16px}.XydComponents-Component-writer-Heading__HeadingH6 code{font-size:12px}.XydComponents-Component-writer-Heading__HeadingLink{color:#7051d4;margin-top:-6px;opacity:0;position:absolute;right:0;top:50%;transition:opacity .15s ease}.XydComponents-Component-writer-Badge__BadgeHost{align-items:center;display:inline-flex;font-style:normal;font-weight:500;letter-spacing:normal;line-height:1rem;text-transform:none;white-space:nowrap}.XydComponents-Component-writer-Badge__BadgeHostWarning{background-color:#ffffe1;color:#434e4e}.XydComponents-Component-writer-Badge__BadgeHostInfo{background-color:#1971a8;color:#fff}.XydComponents-Component-writer-Badge__BadgeHostSm{border-radius:6px;font-size:12px;gap:3px;height:18px;padding:0 6px}.XydComponents-Component-writer-Badge__BadgeItem{position:relative}.XydComponents-Component-writer-Details__DetailsHost{border-top:1px solid #ececf1}.XydComponents-Component-writer-Details__DetailsHost[open] summary svg[data-icon=true]{transform:rotate(90deg)}.XydComponents-Component-writer-Details__DetailsHostSecondary{background-color:#f7f7f8;border:1px solid #ececf1;border-radius:8px}.XydComponents-Component-writer-Details__DetailsSummary{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}.XydComponents-Component-writer-Details__DetailsSummary:hover{color:#565869}.XydComponents-Component-writer-Details__DetailsSummarySecondary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px}.XydComponents-Component-writer-Details__DetailsSummaryTertiary{padding:10px 24px}.XydComponents-Component-writer-Details__DetailsSummaryDeep{align-items:center;display:flex;margin-bottom:8px}.XydComponents-Component-writer-Details__DetailsSummaryDeepText{color:#6e6e80;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:16px;margin-left:8px;text-transform:uppercase}.XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary{text-transform:none}.XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary code{background:#fff}.XydComponents-Component-writer-Details__DetailsLabel{flex:1 1 auto}.XydComponents-Component-writer-Details__DetailsLabelTertiary{padding:10px}.XydComponents-Component-writer-Details__DetailsIcon{align-items:center;display:flex;flex:0 0 auto;font-size:16px;justify-content:center;padding-right:6px}.XydComponents-Component-writer-Details__DetailsContent{padding:0 24px 20px}.XydComponents-Component-writer-Details__DetailsContentSecondary code{background:#fff}.XydComponents-Component-writer-Details__DetailsContentTertiary{background:#fff;padding-top:20px}.XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsHost{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem;line-height:1.25rem;margin-top:.375rem;overflow:hidden}.XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsIcon{shrink:0;width:.875rem}.XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsItem{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}.XydComponents-Component-writer-Breadcrumbs-Breadcrumbs_styles_ts__BreadcrumbsItemActive{color:#000;font-weight:700}.XydComponents-Component-writer-Hr__HrHost{border-color:#e6e6e6b3}.XydComponents-Component-writer-Table__TableHost{border-collapse:collapse;border-radius:3px;display:block;overflow-x:scroll}.XydComponents-Component-writer-Table__TableTh{background:#eaeef280;border-color:#d1d5db;border-width:1px;font-weight:600;margin:0;padding:.5rem 1rem}.XydComponents-Component-writer-Table__TableTr{border-color:#d1d5db;border-top-width:1px;margin:0;padding:0}.XydComponents-Component-writer-Table__TableTd{border-color:#d1d5db;border-width:1px;margin:0;padding:.5rem 1rem}.XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksHost{align-items:center;border-color:#d7d7d7;border-top-width:1px;display:flex;justify-content:space-between;margin-bottom:2rem;margin-top:2rem;padding-top:2rem}.XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksLink{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;line-height:1.5;max-width:50%;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.XydComponents-Component-writer-NavLinks-NavLinks_styles_ts__NavLinksIcon{display:inline;flex-shrink:0;height:1.25rem}.XydComponents-Component-writer-Pre__PreHost{background-color:#f6f8fa;border:0;border-radius:6px;margin-top:0;overflow:auto;padding:16px}.XydComponents-Component-writer-Table__Host{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.XydComponents-Component-writer-Table__Table{border:1px solid #ececf1;border-collapse:separate;border-radius:8px;border-spacing:0;display:table;font-size:.875rem;line-height:1.25rem;margin-top:1rem;min-width:640px;overflow:hidden;width:100%}.XydComponents-Component-writer-Table__Thead{background:#f7f7f8}.XydComponents-Component-writer-Table__Th{border-bottom:1px solid #ececf1;color:#353740;font-weight:500;padding:.5rem 1rem;text-align:left;vertical-align:middle;white-space:nowrap}.XydComponents-Component-writer-Table__Th:first-child{border-right:1px solid #ececf1;max-width:40%;width:24rem}@media (max-width:768px){.XydComponents-Component-writer-Table__Th:first-child{min-width:12rem;width:auto}}.XydComponents-Component-writer-Table__Th.numeric{font-weight:400;min-width:5rem;text-align:right}@media (max-width:768px){.XydComponents-Component-writer-Table__Th.numeric{min-width:4rem}}.XydComponents-Component-writer-Table__Tr:not(:last-child){border-bottom:1px solid #ececf1}.XydComponents-Component-writer-Table__Td{border-top:1px solid #ececf1;padding:.5rem 1rem;vertical-align:middle}.XydComponents-Component-writer-Table__Td:first-child{border-right:1px solid #ececf1}.XydComponents-Component-writer-Table__Td.numeric{text-align:right}.XydComponents-Component-writer-Table__Td.muted{color:#6e6e80}@media (max-width:768px){.XydComponents-Component-writer-Table__Td{padding:.5rem}}.XydComponents-Component-writer-Table__Cell{align-items:baseline;display:flex;gap:.5rem;width:100%}.XydComponents-Component-writer-Table__CellContent{flex:1;text-align:right}.XydComponents-Component-writer-Table__ModelCell{align-items:center;color:#202123;display:flex;gap:.5rem;white-space:nowrap}@media (max-width:768px){.XydComponents-Component-writer-Table__ModelCell{font-size:.8125rem}}.XydComponents-Component-writer-Tabs__TabsSampleHost{max-width:100%;position:relative}.XydComponents-Component-writer-Tabs__TabsSampleButtons{align-items:center;display:flex}.XydComponents-Component-writer-Tabs__TabsSampleContent{margin-top:16px}.XydComponents-Component-writer-Tabs__TabsArrowHost{background-color:#fff;box-shadow:0 1px 2px #0000000d;padding:8px}.XydComponents-Component-writer-Tabs__TabsArrowIcon{height:16px;width:16px}.XydComponents-Component-writer-Tabs__TabsScrollerHost{flex-grow:1;overflow-x:auto}.XydComponents-Component-writer-Tabs__TabsScrollerContainer{background-color:#f3f4f6;border-radius:8px;display:inline-flex;gap:4px;margin-left:4px;padding:4px}.XydComponents-Component-writer-Tabs__TabsButtonHost{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}.XydComponents-Component-writer-Tabs__TabsButtonHost:hover{color:#111827}.XydComponents-Component-writer-Tabs__TabsButtonActive,.XydComponents-Component-writer-Tabs__TabsButtonHost[data-state=active]{background-color:#fff;box-shadow:0 1px 2px #0000000d;color:#111827}.XydComponents-Component-writer-Steps__StepsHost{counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;list-style:none;padding-left:0}.XydComponents-Component-writer-Steps__StepsLi{line-height:1.5;padding-left:32px;position:relative}.XydComponents-Component-writer-Steps__StepsLi: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}:root{--xyd-navbar-height:40px}.XydComponents-Component-layouts__LayoutHost{width:100%}.XydComponents-Component-layouts__LayoutHeader{align-items:center;display:flex;height:40px;justify-content:space-between;left:8px;position:fixed;right:8px;top:0}.XydComponents-Component-layouts__LayoutHeaderSub{flex-direction:column;height:94px;transition:transform .2s}.XydComponents-Component-layouts__LayoutHeaderHideMain{transform:translateY(-37px)}.XydComponents-Component-layouts__LayoutMain{bottom:8px;left:8px;position:fixed;right:8px;top:40px}.XydComponents-Component-layouts__LayoutMainSub{top:94px;transition:top .2s}.XydComponents-Component-layouts__LayoutSidebar{background:none;border:0;border-radius:0;bottom:0;flex-direction:column;left:0;opacity:1;overflow:visible;padding:12px 0 0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.65,0,.35,1);visibility:visible;width:210px;z-index:101}.XydComponents-Component-layouts__PageHost{background:#fff;bottom:0;left:210px;overflow:hidden;position:absolute;right:0;top:12px;transition:opacity .3s cubic-bezier(.65,0,.35,1);z-index:201}.XydComponents-Component-layouts__PageScroll{height:100%;overflow:scroll}.XydComponents-Component-layouts__PageContainer{font-size:15px;line-height:24px;margin:0 auto;max-width:100%;min-height:100%;padding:0;width:100%}.XydComponents-Component-layouts__PageArticleContainer{margin:0 auto;max-width:100%;padding:20px 56px 40px;width:980px}.XydComponents-Component-layouts__PageArticleContainerFullWidth{width:1200px}.XydComponents-Component-layouts__ArticleHost{align-items:flex-start;display:flex;gap:30px;width:100%}.XydComponents-Component-layouts__ArticleContent{flex:1 1 0;overflow:hidden}.XydComponents-Component-layouts__ArticleNav{flex:none;margin-left:50px;margin-top:0;padding-left:16px;position:sticky;top:30px;width:180px}.XydComponents-Component-content-Subtitle-Subtitle_styles_ts__Host{color:#6e6e80;font-size:18px;font-weight:300;margin-top:-18px}.XydComponents-Component-content-Anchor__AnchorHost{color:#7051d4}.XydComponents-Component-coder-Code__MarkHost{border-color:transparent;border-left-width:4px;display:flex;margin:4px 0}.XydComponents-Component-coder-Code__MarkLine{flex:1 1 0%}.XydComponents-Component-coder-Code__MarkAnnotated{background-color:#eef2ff;border-color:#60a5fa}.XydComponents-Component-coder-Code__LineNumberHost{margin:0 12px 0 4px;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.XydComponents-Component-coder-Code__CodeHost{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}.XydComponents-Component-coder-Code__CodeHostFull{max-height:100%}.XydComponents-Component-content-Content__ContentHost{display:flex;flex-direction:column;font-size:16px;gap:24px;line-height:1.5}.XydComponents-Component-coder-CodeTabs__CodeTabsHost{border:1px solid #ececf1;border-radius:16px;min-width:0;overflow:hidden}.XydComponents-Component-coder-CodeTabs__CodeTabsPreSingle{border:none!important}.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesHost{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}.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesHostSingle{height:0}.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesList{display:flex;flex-grow:1;gap:8px;justify-content:end;padding:0 10px}.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesButton{all:unset;align-items:center;border-radius:6px;color:#353740;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px}.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesButton[data-state=active]{border-bottom:1px solid #7051d4;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#7051d4}.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesButton:hover{background:#e3e3eb;transition:.1s ease-in}.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesDescription{align-items:center;color:#353740;display:flex;font-size:14px;gap:4px;margin-left:4px;margin-right:4px}.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesDescriptionItem{border-radius:4px;display:flex;flex:1 1 0%;gap:16px;padding-left:16px;padding-right:16px}.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesCopy{align-items:center;display:flex;padding-left:8px;padding-right:8px}.XydComponents-Component-coder-CodeTabs__CodeTabsLanguagesCopySingle{position:relative;right:5px;top:17px}.XydComponents-Component-ui-Loader__LoaderHost{align-items:center;display:inline-flex;justify-content:center}.XydComponents-Component-ui-Loader__LoaderDots{display:flex;gap:4px}.XydComponents-Component-ui-Loader__LoaderDot{animation:pulse-XydComponents-Component-ui-Loader__LoaderDot 1.4s ease-in-out infinite;background-color:currentColor;border-radius:50%;height:8px;opacity:.6;width:8px}.XydComponents-Component-ui-Loader__LoaderDot:nth-of-type(2){animation-delay:.2s}.XydComponents-Component-ui-Loader__LoaderDot:nth-of-type(3){animation-delay:.4s}@keyframes pulse-XydComponents-Component-ui-Loader__LoaderDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.XydComponents-Component-ui-Loader__LoaderSmall .XydComponents-Component-ui-Loader__LoaderDot{height:6px;width:6px}.XydComponents-Component-ui-Loader__LoaderLarge .XydComponents-Component-ui-Loader__LoaderDot{height:12px;width:12px}.XydComponents-Component-coder-CodeCopy__CodeCopyHost{all:unset;align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px}.XydComponents-Component-coder-CodeCopy__CodeCopyHost:hover{background:#e3e3eb;transition:.1s ease-in}:root{--xyd-navbar-height:50px;--xyd-global-page-gutter:8px;--xyd-sidebar-width:250px}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHost{background:#fff;overflow-x:hidden;width:100%}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeader{align-items:center;background:#fff;display:flex;height:50px;justify-content:space-between;left:8px;position:fixed;right:8px;top:0;z-index:20}@media (max-width:768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeader{padding:0}}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderContent{align-items:center;display:flex;width:100%}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderSub{flex-direction:column;height:94px;transition:transform .2s}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHeaderHideMain{transform:translateY(-47px)}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerButton{display:none}@media (max-width:768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerButton{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;width:40px}}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerIcon{display:flex;flex-direction:column;height:24px;justify-content:space-between;position:relative;width:24px}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLine{background:#000;height:2px;transition:transform .3s cubic-bezier(.65,0,.35,1);width:100%}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen:first-child{transform:translateY(11px) rotate(45deg)}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen:nth-child(2){opacity:0}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryHamburgerLineOpen:last-child{transform:translateY(-11px) rotate(-45deg)}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMain{bottom:0;display:flex;left:0;overflow:hidden;padding:8px;position:fixed;right:0;top:50px}@media (max-width:1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMain{padding-top:58px}}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMainSub{top:94px}@media (max-width:1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMainSub{padding-top:102px}}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryStaticSidebar{background:#fff;display:flex;flex:none;flex-direction:column;height:100%;position:relative;width:250px}@media (max-width:1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryStaticSidebar{display:none}}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebar{display:none}@media (max-width:1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebar{background:#fff;bottom:0;box-shadow:4px 0 8px #0000001a;display:flex;flex-direction:column;left:0;position:fixed;top:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.65,0,.35,1);width:250px;z-index:50}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryMobileSidebarOpen{transform:translate(0)}}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySidebarContent{-webkit-overflow-scrolling:touch;flex:1;height:100%;overflow-y:auto}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseButton{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;width:32px}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySearchInput{border:1px solid #eaeaea;border-radius:6px;font-size:14px;height:40px;outline:none;padding:0 12px;transition:border-color .2s;width:100%}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimarySearchInput:focus{border-color:#666}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon{height:20px;position:relative;width:20px}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon:after,.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon:before{background:#666;content:"";height:2px;left:0;position:absolute;top:50%;transform-origin:center;width:100%}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon:before{transform:rotate(45deg)}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryCloseIcon:after{transform:rotate(-45deg)}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlay{display:none}@media (max-width:1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlay{background:#0009;bottom:0;display:block;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:40}}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryOverlayVisible{opacity:1;pointer-events:auto}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageHost{background:#fff;flex:1;height:100%;min-width:0;overflow:hidden;position:relative}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;padding:0 48px}@media (max-width:1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll{padding:0 32px}}@media (max-width:768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageScroll{padding:0 24px}}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainer{margin:0 auto;max-width:1000px;padding:0 8px}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageContainerLarge{max-width:1200px}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer{display:flex;gap:48px;min-height:100%;padding:48px 0}@media (max-width:1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer{gap:32px}}@media (max-width:768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryPageArticleContainer{flex-direction:column;gap:24px;padding:24px 0}}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleHost{flex:1;min-width:0}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleContent{width:100%}.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{flex:none;height:-moz-fit-content;height:fit-content;max-height:100vh;overflow-y:auto;padding-right:24px;padding-top:12px;position:sticky;top:0;width:256px}@media (max-width:1024px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{padding-right:16px;width:200px}}@media (max-width:768px){.XydComponents-Component-layouts-LayoutPrimary__LayoutPrimaryArticleNav{max-height:none;padding-right:0;position:static;width:100%}}@font-face{font-display:swap;font-family:Fustat;font-style:normal;font-weight:400;src:url(https://fonts.googleapis.com/css2?family=Fustat:wght@400&display=swap)}@font-face{font-display:swap;font-family:Fustat;font-style:normal;font-weight:500;src:url(https://fonts.googleapis.com/css2?family=Fustat:wght@500&display=swap)}@font-face{font-display:swap;font-family:Fustat;font-style:normal;font-weight:600;src:url(https://fonts.googleapis.com/css2?family=Fustat:wght@600&display=swap)}@font-face{font-display:swap;font-family:Fustat;font-style:normal;font-weight:700;src:url(https://fonts.googleapis.com/css2?family=Fustat:wght@700&display=swap)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Fustat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400}body{font-size:14px;margin:0}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:#7955f1;--headingEffect-color-primary:#ff69b4}:root{--headingEffect-color-tertiary: rgba(23, 119, 184, .5);--headingEffect-color-secondary: rgb(121, 85, 241);--headingEffect-color-primary: rgb(255, 105, 180)}

package/storybook-static/assets/preview-BLZCCP69.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-CIYeQ6fu.js","./iframe-3uG_AAyK.js","./index-B7gF9TUu.js","./jsx-runtime-BjG_zV1W.js","./index-D1ZprCIH.js","./index-C2_NlWRN.js","./index-DrFu-skq.js","./react-18-BsB9_d4u.js"])))=>i.map(i=>d[i]);
+import{_ as a}from"./iframe-3uG_AAyK.js";var i=Object.defineProperty,s=(e,r)=>{for(var t in r)i(e,t,{get:r[t],enumerable:!0})},_={};s(_,{parameters:()=>d});var p=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-CIYeQ6fu.js").then(r=>r.D),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>p[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};

package/storybook-static/assets/{preview-DY_pW_WS.js → preview-BWzBA1C2.js}

@@ -1,4 +1,4 @@
-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 $`
+import{d as $}from"./index-DrFu-skq.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 $`
     ${i} body {
       outline: 1px solid #2980b9 !important;
     }

package/storybook-static/assets/preview-CvbIS5ZJ.js

@@ -0,0 +1 @@
+var o="viewport",a={[o]:{value:void 0,isRotated:!1}},t={viewport:"reset",viewportRotated:!1},e,l=(e=globalThis.FEATURES)!=null&&e.viewportStoryGlobals?a:t;export{l as initialGlobals};

package/storybook-static/assets/preview-DD_OYowb.js

@@ -0,0 +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 o=[];for(let e=0;e<256;++e)o.push((e+256).toString(16).slice(1));function D(e,t=0){return o[e[t+0]]+o[e[t+1]]+o[e[t+2]]+o[e[t+3]]+"-"+o[e[t+4]]+o[e[t+5]]+"-"+o[e[t+6]]+o[e[t+7]]+"-"+o[e[t+8]]+o[e[t+9]]+"-"+o[e[t+10]]+o[e[t+11]]+o[e[t+12]]+o[e[t+13]]+o[e[t+14]]+o[e[t+15]]}const I=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),h={randomUUID:I};function f(e,t,r){if(h.randomUUID&&!e)return h.randomUUID();e=e||{};const n=e.random||(e.rng||A)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,D(n)}const{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,{ImplicitActionsDuringRendering:U}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:d}=__STORYBOOK_MODULE_GLOBAL__;var w="storybook/actions",j=`${w}/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"?f():Date.now().toString(36)+Math.random().toString(36).substring(2);function _(e,t={}){let r={...V,...t},n=function(...s){var g,O;if(t.implicit){let y=(g="__STORYBOOK_PREVIEW__"in d?d.__STORYBOOK_PREVIEW__:void 0)==null?void 0:g.storyRenders.find(l=>l.phase==="playing"||l.phase==="rendering");if(y){let l=!((O=globalThis==null?void 0:globalThis.FEATURES)!=null&&O.disallowImplicitActionsInRenderV8),R=new U({phase:y.phase,name:e,deprecated:l});if(l)console.warn(R);else throw R}}let i=v.getChannel(),c=L(),a=5,u=s.map(K),b=s.length>1?u:u[0],x={id:c,count:0,data:{name:e,args:b},options:{...r,maxDepth:a+(r.depth||3),allowFunction:r.allowFunction||!1}};i.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:s}}=e;if(!s||s.disable||!s.argTypesRegex||!r)return{};let i=new RegExp(s.argTypesRegex);return Object.entries(r).filter(([c])=>!!i.test(c)).reduce((c,[a,u])=>(T(a,t)&&(c[a]=_(a,{implicit:!0,id:n})),c),{})},M=e=>{let{initialArgs:t,argTypes:r,parameters:{actions:n}}=e;return n!=null&&n.disable||!r?{}:Object.entries(r).filter(([s,i])=>!!i.action).reduce((s,[i,c])=>(T(i,t)&&(s[i]=_(typeof c.action=="string"?c.action:i)),s),{})},Y=[M,B],m=!1,P=e=>{let{parameters:{actions:t}}=e;if(!(t!=null&&t.disable)&&!m&&"__STORYBOOK_TEST_ON_MOCK_CALL__"in d&&typeof d.__STORYBOOK_TEST_ON_MOCK_CALL__=="function"){let r=d.__STORYBOOK_TEST_ON_MOCK_CALL__;r((n,s)=>{let i=n.getMockName();i!=="spy"&&(!/^next\/.*::/.test(i)||["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(c=>i.startsWith(c)))&&_(i)(s)}),m=!0}},N=[P];export{Y as argsEnhancers,N as loaders};

package/storybook-static/assets/preview-DHQbi4pV.js

@@ -0,0 +1 @@
+const{makeDecorator:O,addons:_}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_CHANGED:l,SELECT_STORY:E}=__STORYBOOK_MODULE_CORE_EVENTS__,{global:L}=__STORYBOOK_MODULE_GLOBAL__;var c="links",{document:s,HTMLElement:v}=L,d=e=>_.getChannel().emit(E,e),i=e=>{let{target:t}=e;if(!(t instanceof v))return;let o=t,{sbKind:a,sbStory:r}=o.dataset;(a||r)&&(e.preventDefault(),d({kind:a,story:r}))},n=!1,m=()=>{n||(n=!0,s.addEventListener("click",i))},k=()=>{n&&(n=!1,s.removeEventListener("click",i))},R=O({name:"withLinks",parameterName:c,wrapper:(e,t)=>(m(),_.getChannel().once(l,k),e(t))}),S=[R];export{S as decorators};

package/storybook-static/assets/preview-ik5anPOD.js

@@ -0,0 +1 @@
+import{i as r}from"./index-Ci6h_Amb.js";var n=r({step:(p,t,e)=>t(e)},{intercept:!0}).step,s={throwPlayFunctionExceptions:!1};export{s as parameters,n as runStep};