@xyd-js/theme-cosmo 0.1.0-xyd.2

package/CHANGELOG.md

@@ -0,0 +1,23 @@
+# @xyd-js/theme-cosmo
+
+## 0.1.0-xyd.2
+
+### Patch Changes
+
+- test
+- Updated dependencies
+  - @xyd-js/atlas@0.1.0-xyd.18
+  - @xyd-js/components@0.1.0-xyd.13
+  - @xyd-js/framework@0.1.0-xyd.34
+  - @xyd-js/themes@0.1.1-xyd.5
+
+## 0.1.0-xyd.1
+
+### Patch Changes
+
+- update packages
+- Updated dependencies
+  - @xyd-js/atlas@0.1.0-xyd.17
+  - @xyd-js/components@0.1.0-xyd.12
+  - @xyd-js/framework@0.1.0-xyd.33
+  - @xyd-js/themes@0.1.1-xyd.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 xyd
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE. 

package/README.md

@@ -0,0 +1 @@
+# @xyd-js/theme-cosmo

package/dist/index.css

@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css2?family=Fustat:wght@400;600;800&display=swap");@layer reset, defaults, components, fabric,templates, themes, overrides;@layer defaults{.n1vu90xp{background:transparent;display:flex;position:sticky;top:0;width:100%;z-index:20}.n1vu90xp [part=shadow]{background-color:var(--xyd-nav-shadow-bgcolor);height:100%;pointer-events:none;position:absolute;width:100%;z-index:-1}.n1vu90xp [part=nav]{align-items:center;display:flex;gap:8px;height:var(--xyd-nav-height);justify-content:flex-end;padding-left:calc(max(env(safe-area-inset-left), var(--xyd-padding-default)));padding-right:calc(max(env(safe-area-inset-right), var(--xyd-padding-default)));width:100%}.n1vu90xp[data-kind=middle] [part=nav]{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr}.n1vu90xp [part=logo]{align-items:center;display:flex;margin-right:auto;width:100%}.n1vu90xp [part=list]{align-items:center;display:flex;gap:8px;justify-content:center}.n1vu90xp [part=right]{align-items:center;display:flex;justify-content:flex-end}.i1i2i14o{align-items:center;color:var(--xyd-nav-item-color);display:flex;justify-content:center;padding:calc(var(--xyd-padding-default)/2) var(--xyd-padding-default);position:relative;white-space:nowrap}.i1i2i14o:hover{color:var(--xyd-nav-item-color--active)}.i1i2i14o[data-state=active]{background:var(--xyd-nav-item-bgcolor--active);border-radius:8px;font-weight:700}.i1i2i14o [part=title1]{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;text-align:center}.i1i2i14o [part=title2]{font-weight:var(--xyd-font-weight-semibold);visibility:hidden}.p1jzdbj3{background-color:var(--xyd-progressbar-bgcolor);height:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .1s linear;transition-delay:0s;will-change:opacity;z-index:50}.p1jzdbj3[data-active=true]{height:.25rem;opacity:1;transition-delay:.3s}.p1jzdbj3 [part=item]{background-color:var(--xyd-progressbar-bgcolor--active);height:100%;transition:all .5s ease-in-out;transition-delay:.1s}.p1jzdbj3[data-loading=true] [part=item]{width:100%}.sptag3l{background:var(--xyd-sidebar-bgcolor);border-radius:4px;display:flex;flex-direction:column;height:100%}.sptag3l [part=list]{height:100%;overflow-x:hidden;overflow-y:auto;padding:8px}.sptag3l [part=footer]{border-top:1px solid var(--xyd-sidebar-divider-color);box-shadow:0 -2px 10px var(--xyd-sidebar-divider-shadow-color);padding:1rem}.iead4fo{color:var(--xyd-sidebar-item-color)}.iead4fo button{width:100%}.iead4fo [part=link]{display:flex;font-weight:var(--xyd-font-weight-medium);width:100%}.iead4fo [part=first-item]{align-items:center;display:flex;gap:8px;margin-bottom:4px;padding:6px 12px 6px var(--xyd-sidebar-item-padding-left);position:relative;width:100%}.iead4fo [part=first-item][data-anchor=true]{padding:6px 12px 12px var(--xyd-sidebar-item-padding-left)}.iead4fo [part=first-item]:not([data-anchor=true]):hover{background:var(--xyd-sidebar-item-bgcolor--active-hover);border-radius:4px;color:var( --xyd-sidebar-item-color--active)}.iead4fo [part=first-item] [part=item-title-container]{align-items:center;display:flex;justify-content:space-between;width:100%}.iead4fo [part=first-item] [part=item-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iead4fo [part=first-item][data-active=true]{background:var(--xyd-sidebar-item-bgcolor--active);border-radius:4px;color:var(--xyd-sidebar-item-color--active);font-weight:var(--xyd-font-weight-semibold);position:relative}.iead4fo [part=first-item][data-active=true]:before{background:var(--xyd-sidebar-item-bgcolor--active-mark);border-radius:0 2px 2px 0;border-radius:10px;bottom:9px;content:"";left:5px;position:absolute;top:9px;width:2px}.iead4fo [part=first-item][data-parent-active=true]{background:transparent;font-weight:var(--xyd-font-weight-semibold)}.iead4fo[data-theme=secondary] [part=first-item][data-active=true]{background:unset;font-weight:var(--xyd-font-weight-medium)}}@layer defaults{.iead4fo [part=item-button]:has(+[part=subtree] xyd-collapse){position:relative}.iead4fo [part=item-button]:has(+[part=subtree] xyd-collapse):after{align-items:center;background-color:var(--xyd-sidebar-item-color);bottom:0;content:"";display:flex;justify-content:center;-webkit-mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);mask-image:url(/Users/zdunecki/Code/livesession/xyd/packages/xyd-ui/src/components/Sidebar/chevronIcon.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:8px;top:0;transform:rotate(-90deg);transition:transform .2s ease,background-color .2s ease;width:16px}.iead4fo [part=item-button]:has(+[part=subtree] xyd-collapse):hover:after{background-color:var(--xyd-sidebar-item-color--active)}.iead4fo [part=item-button]:has(+[part=subtree] xyd-collapse[data-open=true]){font-weight:700}.iead4fo [part=item-button]:has(+[part=subtree] xyd-collapse[data-open=true]):after{transform:rotate(0deg)}}@layer defaults{.t1hrlfak{margin-left:12px}.i1btwdcv{align-items:center;color:var( --xyd-sidebar-item-header-color);display:flex;font-size:var(--xyd-font-size-xsmall);font-weight:var(--xyd-font-weight-extrabold);gap:8px;letter-spacing:.25px;margin-bottom:8px;margin-top:24px;padding-left:var(--xyd-sidebar-item-padding-left);text-transform:uppercase}.f1801o7t{color:var(--xyd-sidebar-item-color);display:flex;padding:2px;width:100%}.f1801o7t [part=item]{align-items:center;display:flex;gap:7px;padding:4px 8px;width:100%}.f1801o7t [part=item]:hover{background:var(--xyd-sidebar-item-bgcolor--active-hover);border-radius:4px;color:var(--xyd-sidebar-item-color--active)}.f1801o7t [part=item]:hover svg{fill:var(--xyd-sidebar-item-color--active)}.f1801o7t [part=item] svg{fill:var(--xyd-sidebar-item-color);font-size:var(--xyd-font-size-large);height:18px;width:18px}.c12fwmxc{display:block;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}}@layer defaults{@media (prefers-reduced-motion:reduce){.c12fwmxc{transition:none}}.c12fwmxc [part=child]{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);will-change:opacity}@media (prefers-reduced-motion:reduce){.c12fwmxc [part=child]{transition:none}}.c12fwmxc[data-open=true] [part=child]{opacity:1}.s4ah3ok{align-items:center;background-color:var(--xyd-subnav-bgcolor);border-radius:.5rem;display:flex;flex-direction:row;height:var(--xyd-subnav-height);margin-top:3px;width:100%}.s4ah3ok,.s4ah3ok [part=prefix]{padding:0 var(--xyd-padding-default)}.s4ah3ok [part=prefix]{color:var(--xyd-subnav-prefix-color);font-weight:var(--xyd-font-weight-semibold);position:relative}.s4ah3ok [part=prefix]:after{background:var(--xyd-subnav-prefix-marker-color);border-radius:1px;content:" ";height:12px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:2px}.s4ah3ok [part=list]{display:flex;flex-direction:row;height:100%}.s1ncaln9{align-items:center;display:flex;height:100%;position:relative}[data-state=active]>.s1ncaln9{font-weight:var(--xyd-font-weight-semibold)}[data-state=active]>.s1ncaln9 a{color:var(--xyd-subnav-item-color--active)}[data-state=active]>.s1ncaln9 a:after{background-color:var(--xyd-subnav-item-color--active-mark);border-radius:1px;bottom:0;content:" ";height:2px;left:0;position:absolute;width:100%}.s1ncaln9 [part=link]{align-items:center;color:var(--xyd-subnav-item-color);display:flex;height:100%;padding:0 .5rem}.s1ncaln9 [part=link]:hover{color:var(--xyd-subnav-item-color--active)}.t19g75q2{display:block;padding-left:16px;position:relative}.t19g75q2 [part=scroller]{background-color:var(--xyd-toc-bgcolor);bottom:0;left:0;position:absolute;top:0;width:2px}.t19g75q2 [part=scroll]{background-color:var(--xyd-toc-scroll-bgcolor);height:var(--xyd-toc-active-track-height);left:0;position:absolute;top:0;transform:translateY(var(--xyd-toc-active-track-top));transition:height .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1);width:2px}.t19g75q2 [part=list]{list-style:none;margin:0;padding:0}.teg7kxf{margin:0 0 12px;padding:0;position:relative}.teg7kxf [part=link]{text-wrap:pretty;color:var(--xyd-toc-item-color);display:inline-block;padding-left:0;transition:color .15s ease}.teg7kxf [part=link]:hover,.teg7kxf[data-active=true] [part=link]{color:var(--xyd-toc-item-color--active)}.teg7kxf[data-active=true] [part=link]{font-weight:var(--xyd-font-weight-semibold)}.teg7kxf[data-depth="1"] [part=link]{padding-left:16px}.teg7kxf[data-depth="2"] [part=link]{padding-left:32px}.teg7kxf[data-depth="3"] [part=link]{padding-left:48px}.teg7kxf[data-depth="4"] [part=link]{padding-left:64px}.teg7kxf[data-depth="5"] [part=link]{padding-left:80px}}.fwfggd0{background-color:#fff;border-top:1px solid #f0f0f0;padding:32px;position:relative}.f1622trq{margin:0 auto;max-width:1200px;text-align:center}.ftv8wcy{color:rgba(60,60,67,.78)}.cydky64{padding:20px}.cnx5a8a{align-items:center;display:flex;gap:80px;justify-content:center}.c3skrt8{gap:40px}.c3skrt8,.clel4cb{align-items:center;display:flex;flex-direction:column;justify-content:center}.clel4cb{-webkit-text-fill-color:transparent;animation:wave-clel4cb 5s infinite;background:-webkit-linear-gradient(120deg,var(--headingEffect-color-tertiary) 20%,var(--headingEffect-color-tertiary) 30%,var(--headingEffect-color-secondary) 60%,var(--headingEffect-color-primary) 75%,var(--headingEffect-color-primary) 85%);-webkit-background-clip:text;background-clip:text;-webkit-background-position:50% 50%;background-position:50% 50%;background-size:200% 200%}@keyframes wave-clel4cb{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%}}.c14n8b2h{align-items:center;display:flex;flex-direction:column;justify-content:center}.cuwk4ms{font-weight:var(--xyd-font-weight-black);letter-spacing:3px;margin:0;text-align:center}.cm0mkfb{color:#3c3c43;font-weight:var(--xyd-font-weight-semibold);text-align:center}.c143lt5p{align-items:center;display:flex;gap:10px;justify-content:center}.bbe0bky{background-color:#f7f7f8;border:1px solid transparent;border-radius:20px;color:#3c3c43;display:inline-block;padding:0 20px;text-align:center;transition:color .25s,border-color .25s,background-color .25s;white-space:nowrap}.bbe0bky:hover{background:#e3e3e6}.b9u6ujt{background-color:#7051d4;color:#fff}.b9u6ujt:hover{background-color:#5f3bd3}@layer defaults{.s1f8k5y3{align-items:center;background-color:transparent;background:var(--dark16);border:1px solid var(--dark32);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex:1;font-size:var(--xyd-font-size-small);font-weight:var(--xyd-font-weight-semibold);height:36px;justify-content:space-between;margin:0;max-width:300px;padding:0 8px;transition:border-color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.s1f8k5y3:hover{background:var(--dark16);border-color:var(--dark48);box-shadow:none;color:var(--dark48);outline:none}.s1f8k5y3 [part=container]{align-items:center;display:flex}.s1f8k5y3 [part=placeholder]{color:var(--dark48);display:block!important;font-size:var(--xyd-font-size-small);font-weight:var(--xyd-font-weight-normal)}.s1f8k5y3 [part=icon]{stroke-width:1.4;color:var(--dark48)!important;height:15px;transition:color .15s var(--cubic-enter)}.s1f8k5y3 [part=keys]{display:flex;gap:4px;min-width:auto}.s1f8k5y3 [part=key]{align-items:center;background:var(--dark16);border:0;border-radius:3px;box-shadow:none;color:var(--dark48);display:flex;font-size:12px;height:18px;justify-content:center;letter-spacing:1px;line-height:18px;margin:0;padding:0;position:relative;top:0;width:20px}}.ht0uhof{display:flex;flex-direction:column;min-height:100vh}.hv4nn8x{-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}.hjhxqbp{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)}.h16x7upz{display:flex;flex-direction:column;gap:80px;margin:0 auto;width:1200px}@media (max-width:1200px){.h16x7upz{padding:0 20px;width:100%}}@media (max-width:768px){.h16x7upz{padding:0 10px;width:100%}}.h1whzkkp{display:grid;gap:30px;grid-template-columns:repeat(2,500px);justify-content:center}@media (max-width:1200px){.h1whzkkp{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.h1whzkkp{grid-template-columns:1fr}}@layer defaults{.a1cbq3a5{color:var(--xyd-anchor-color)}.a1cbq3a5:hover{color:var(--xyd-anchor-color--hover)}.bjtblcp{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:var(--xyd-font-weight-medium);gap:8px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.bjtblcp[data-size=sm]{gap:6px;height:28px;padding:0 12px}.bjtblcp[data-size=sm],.bjtblcp[data-size=sm] p{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall)}.bjtblcp[data-size=md]{gap:8px;height:36px;padding:0 16px}.bjtblcp[data-size=md],.bjtblcp[data-size=md] p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small)}.bjtblcp[data-size=lg]{gap:10px;height:44px;padding:0 20px}.bjtblcp[data-size=lg],.bjtblcp[data-size=lg] p{font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium)}.bjtblcp[data-kind=primary]{background-color:var(--xyd-button-primary-bg);border-color:var(--xyd-button-primary-border);color:var(--xyd-button-primary-color)}.bjtblcp[data-kind=primary]:hover:not(:disabled){background-color:var(--xyd-button-primary-bg-hover);border-color:var(--xyd-button-primary-border-hover)}.bjtblcp[data-kind=secondary]{background-color:var(--xyd-button-secondary-bg);border-color:var(--xyd-button-secondary-border);color:var(--xyd-button-secondary-color)}.bjtblcp[data-kind=secondary]:hover:not(:disabled){background-color:var(--xyd-button-secondary-bg-hover);border-color:var(--xyd-button-secondary-border-hover)}.bjtblcp[data-kind=tertiary]{background-color:var(--xyd-button-tertiary-bg);border-color:var(--xyd-button-tertiary-border);color:var(--xyd-button-tertiary-color)}.bjtblcp[data-kind=tertiary]:hover:not(:disabled){background-color:var(--xyd-button-tertiary-bg-hover);border-color:var(--xyd-button-tertiary-border-hover)}.bjtblcp[data-theme=ghost],.bjtblcp[data-theme=ghost]:hover{background-color:unset;border:unset}.bjtblcp[data-theme=ghost]:hover svg{color:var(--dark64)}.bjtblcp[data-theme=ghost] svg{color:var(--dark48)}.bjtblcp:disabled{cursor:not-allowed;opacity:.5}.bjtblcp [part=content],.bjtblcp [part=icon]{align-items:center;display:flex;justify-content:center}.b16soija,.bjtblcp [part=icon]{flex-shrink:0}.b16soija{align-items:center}.b16soija,.bacjk89{display:flex;justify-content:center}.bacjk89{--xyd-banner-bgcolor:var(--green32);--xyd-banner-border-color:var(--green60);--xyd-banner-color:var(--green100);--xyd-text-color--default:var(--xyd-banner-color);color:var( --xyd-text-color--default);font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);overflow:hidden;position:relative;transition:transform .2s ease-out}.bacjk89>div{margin:.5rem 1.5rem 1rem}.bacjk89 a{-webkit-box-flex-wrap:wrap;align-items:center;background:var(--xyd-banner-bgcolor);border-radius:.5rem;border-radius:30px;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;padding:.5rem;position:relative;transition:box-shadow .3s ease,scale .3s ease-in-out}.bacjk89 a:hover{box-shadow:var(--xyd-banner-boxshadow);scale:1.01}.bacjk89 [part=icon]{filter:contrast(0) brightness(-5000%);opacity:.85}.bacjk89 [part=info]{border:1px solid var(--xyd-banner-border-color);border-radius:.25rem;margin:0 .25rem;padding:0 .5rem}}@layer fabric{.bacjk89 p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small)}}@layer defaults{.b1wuahng{align-items:center;background-color:var(--xyd-banner-bgcolor);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='41' fill='none'%3E%3Cmask id='a' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1920' height='41'%3E%3Cpath fill='%23C4C4C4' d='M0 .215h1920v40H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)' fill='%23000' fill-opacity='.09'%3E%3Cpath d='M43.621 32.314c.28.169.512.402.672.678a1.797 1.797 0 0 1 0 1.804c-.16.276-.391.51-.672.678l-13.024 7.82a2.047 2.047 0 0 1-1.998.057 1.923 1.923 0 0 1-.743-.687 1.799 1.799 0 0 1-.273-.95v-15.64c0-.334.094-.662.273-.95.179-.288.435-.525.743-.686a2.047 2.047 0 0 1 1.998.056l13.024 7.82ZM1184.57 32.314c.28.169.51.402.67.678.16.276.25.587.25.902 0 .315-.09.626-.25.902s-.39.51-.67.678l-13.02 7.82a2.049 2.049 0 0 1-2 .056 1.908 1.908 0 0 1-.74-.686 1.795 1.795 0 0 1-.28-.95v-15.64c0-.334.1-.662.28-.95.18-.288.43-.525.74-.686a2.049 2.049 0 0 1 2 .057l13.02 7.82ZM103.084 4.949c.281.168.512.401.672.677a1.798 1.798 0 0 1 0 1.804c-.16.276-.391.51-.672.678l-13.024 7.82a2.047 2.047 0 0 1-1.998.057 1.924 1.924 0 0 1-.743-.687 1.799 1.799 0 0 1-.273-.95v-15.64c0-.334.094-.662.273-.95.178-.288.435-.524.743-.686a2.047 2.047 0 0 1 1.998.057l13.024 7.82ZM1244.04 4.949c.28.168.51.401.67.677.16.277.24.587.24.902 0 .316-.08.626-.24.902-.16.276-.39.51-.67.678l-13.03 7.82a2.048 2.048 0 0 1-2 .056 1.98 1.98 0 0 1-.74-.686 1.785 1.785 0 0 1-.27-.95v-15.64c0-.334.09-.662.27-.95.18-.288.44-.524.74-.686a2.048 2.048 0 0 1 2 .057l13.03 7.82ZM303.927 1.339c.28.168.511.401.671.677a1.789 1.789 0 0 1 0 1.804c-.16.276-.391.51-.671.678l-13.024 7.82a2.048 2.048 0 0 1-1.998.057 1.927 1.927 0 0 1-.744-.687 1.806 1.806 0 0 1-.273-.95v-15.64c0-.334.095-.662.273-.95.179-.288.436-.525.744-.686a2.048 2.048 0 0 1 1.998.057l13.024 7.82ZM1000.99 1.339c.28.168.51.401.67.677.16.277.25.587.25.902 0 .316-.09.626-.25.902s-.39.51-.67.678l-13.022 7.82a2.048 2.048 0 0 1-1.998.057 1.924 1.924 0 0 1-.743-.687 1.797 1.797 0 0 1-.273-.95v-15.64c0-.334.094-.662.273-.95.179-.288.435-.525.743-.686a2.048 2.048 0 0 1 1.998.057l13.022 7.82ZM1444.88 1.339c.28.168.51.401.67.677.16.277.24.587.24.902 0 .316-.08.626-.24.902-.16.276-.39.51-.67.678l-13.03 7.82c-.29.178-.64.278-.99.287-.35.01-.7-.07-1-.23a1.937 1.937 0 0 1-.75-.687 1.785 1.785 0 0 1-.27-.95v-15.64c0-.334.09-.662.27-.95.18-.288.44-.525.75-.686.3-.161.65-.241 1-.231.35.01.7.11.99.288l13.03 7.82ZM633.463 1.339c.281.168.512.401.672.677a1.798 1.798 0 0 1 0 1.804c-.16.276-.391.51-.672.678l-13.024 7.82a2.048 2.048 0 0 1-1.998.057 1.924 1.924 0 0 1-.743-.687 1.797 1.797 0 0 1-.273-.95v-15.64c0-.334.094-.662.273-.95.179-.288.435-.525.743-.686a2.048 2.048 0 0 1 1.998.057l13.024 7.82ZM816.954 2.982c.28.168.512.401.672.677a1.798 1.798 0 0 1 0 1.804c-.16.276-.392.51-.672.678l-13.024 7.82a2.048 2.048 0 0 1-1.998.057 1.917 1.917 0 0 1-.743-.687 1.798 1.798 0 0 1-.274-.95v-15.64c0-.334.095-.662.274-.95.178-.288.435-.525.743-.686a2.048 2.048 0 0 1 1.998.057l13.024 7.82ZM1774.41 1.339c.28.168.52.401.68.677.16.277.24.587.24.902 0 .316-.08.626-.24.902-.16.276-.4.51-.68.678l-13.02 7.82a2.048 2.048 0 0 1-2 .056 1.908 1.908 0 0 1-.74-.686 1.785 1.785 0 0 1-.27-.95v-15.64c0-.334.09-.662.27-.95.18-.288.43-.525.74-.686a2.049 2.049 0 0 1 2 .057l13.02 7.82ZM235.038 18.635c.281.169.512.402.672.678a1.798 1.798 0 0 1 0 1.804c-.16.276-.391.51-.672.677l-13.024 7.82a2.043 2.043 0 0 1-1.997.057 1.926 1.926 0 0 1-.744-.686 1.797 1.797 0 0 1-.273-.95v-15.64c0-.334.094-.662.273-.95.179-.288.436-.525.744-.686a2.043 2.043 0 0 1 1.997.056l13.024 7.82ZM1375.99 18.635c.28.169.51.402.67.678.16.276.25.586.25.902 0 .315-.09.625-.25.902-.16.276-.39.51-.67.677l-13.02 7.82a2.055 2.055 0 0 1-2 .057 1.936 1.936 0 0 1-.75-.686 1.879 1.879 0 0 1-.27-.95v-15.64c0-.334.1-.662.27-.95.18-.288.44-.525.75-.686a2.055 2.055 0 0 1 2 .057l13.02 7.82ZM564.575 18.635c.28.169.512.402.672.678a1.798 1.798 0 0 1 0 1.804c-.16.276-.392.51-.672.677l-13.024 7.82a2.048 2.048 0 0 1-1.998.057 1.916 1.916 0 0 1-.743-.686 1.798 1.798 0 0 1-.274-.95v-15.64c0-.334.095-.662.274-.95.178-.288.435-.525.743-.686a2.048 2.048 0 0 1 1.998.056l13.024 7.82ZM1705.53 18.635c.28.169.51.402.67.678.16.276.24.586.24.902 0 .315-.08.625-.24.902-.16.276-.39.51-.67.677l-13.03 7.82a2.049 2.049 0 0 1-2 .057 1.98 1.98 0 0 1-.74-.686 1.785 1.785 0 0 1-.27-.95v-15.64c0-.334.09-.662.27-.95.18-.288.44-.525.74-.686a2.049 2.049 0 0 1 2 .057l13.03 7.82ZM426.561 10.635c.281.169.512.402.672.678a1.798 1.798 0 0 1 0 1.804c-.16.276-.391.51-.672.678l-13.024 7.82a2.048 2.048 0 0 1-1.998.057 1.923 1.923 0 0 1-.743-.687 1.797 1.797 0 0 1-.273-.95V4.395c0-.334.094-.662.273-.95.179-.288.435-.525.743-.686a2.048 2.048 0 0 1 1.998.056l13.024 7.82ZM1123.63 10.635c.28.169.51.402.67.678.16.276.24.586.24.902 0 .315-.08.626-.24.902-.16.276-.39.51-.67.677l-13.03 7.82c-.29.179-.64.278-.99.288-.35.01-.7-.07-1.01-.231a1.98 1.98 0 0 1-.74-.686 1.785 1.785 0 0 1-.27-.95V4.395c0-.334.09-.662.27-.95.18-.288.44-.525.74-.686.31-.162.66-.242 1.01-.232.35.01.7.11.99.288l13.03 7.82ZM1567.51 10.635c.28.169.51.402.67.678.16.276.25.586.25.902 0 .315-.09.626-.25.902s-.39.51-.67.677l-13.02 7.82a2.049 2.049 0 0 1-2 .057 1.908 1.908 0 0 1-.74-.686 1.795 1.795 0 0 1-.28-.95V4.395c0-.334.1-.662.28-.95.18-.288.43-.525.74-.686a2.048 2.048 0 0 1 2 .057l13.02 7.82ZM757.491 18.635c.28.169.511.402.671.678a1.788 1.788 0 0 1 0 1.804c-.16.276-.391.51-.671.677l-13.024 7.82a2.043 2.043 0 0 1-1.998.057 1.926 1.926 0 0 1-.744-.686 1.797 1.797 0 0 1-.273-.95v-15.64c0-.334.094-.662.273-.95.179-.288.436-.525.744-.686a2.046 2.046 0 0 1 1.998.056l13.024 7.82ZM940.136 23.793c.281.168.512.401.672.677a1.798 1.798 0 0 1 0 1.804c-.16.276-.391.51-.672.678l-13.024 7.82a2.048 2.048 0 0 1-1.998.057 1.924 1.924 0 0 1-.743-.687 1.797 1.797 0 0 1-.273-.95v-15.64c0-.334.094-.662.273-.95.179-.288.435-.524.743-.686a2.048 2.048 0 0 1 1.998.057l13.024 7.82ZM1897.05 23.793c.28.168.51.401.67.677.16.277.24.587.24.902 0 .316-.08.626-.24.902-.16.276-.39.51-.67.678l-13.03 7.82c-.29.178-.63.278-.99.288-.35.01-.7-.07-1-.232a1.937 1.937 0 0 1-.75-.686 1.785 1.785 0 0 1-.27-.95v-15.64c0-.334.09-.662.27-.95.18-.288.44-.524.75-.686.3-.161.65-.241 1-.231.36.01.7.11.99.288l13.03 7.82ZM163.084 33.458c.281.169.512.402.672.678a1.798 1.798 0 0 1 0 1.804c-.16.276-.391.51-.672.678l-13.024 7.82a2.048 2.048 0 0 1-1.998.057 1.924 1.924 0 0 1-.743-.687 1.797 1.797 0 0 1-.273-.95v-15.64c0-.334.094-.662.273-.95.179-.288.435-.525.743-.686a2.048 2.048 0 0 1 1.998.056l13.024 7.82ZM1304.04 33.458c.28.169.51.402.67.678.16.276.24.587.24.902 0 .315-.08.626-.24.902-.16.276-.39.51-.67.678l-13.03 7.82a2.049 2.049 0 0 1-2 .056 1.98 1.98 0 0 1-.74-.686 1.785 1.785 0 0 1-.27-.95v-15.64c0-.334.09-.662.27-.95.18-.288.44-.525.74-.686a2.048 2.048 0 0 1 2 .057l13.03 7.82ZM492.621 33.458c.28.169.511.402.671.678a1.798 1.798 0 0 1 0 1.804c-.16.276-.391.51-.671.678l-13.024 7.82c-.298.178-.64.277-.991.287-.352.01-.699-.07-1.007-.23a1.927 1.927 0 0 1-.744-.687 1.797 1.797 0 0 1-.273-.95v-15.64c0-.334.094-.662.273-.95.179-.288.436-.525.744-.686a2.046 2.046 0 0 1 1.998.056l13.024 7.82ZM1633.57 33.458c.28.169.51.402.67.678.16.276.25.587.25.902 0 .315-.09.626-.25.902s-.39.51-.67.678l-13.02 7.82a2.049 2.049 0 0 1-2 .056 1.908 1.908 0 0 1-.74-.686 1.795 1.795 0 0 1-.28-.95v-15.64c0-.334.1-.662.28-.95.18-.288.43-.525.74-.686a2.048 2.048 0 0 1 2 .057l13.02 7.82ZM360.502 33.458c.28.169.511.402.672.678a1.798 1.798 0 0 1 0 1.804c-.161.276-.392.51-.672.678l-13.024 7.82a2.048 2.048 0 0 1-1.998.057 1.927 1.927 0 0 1-.744-.687 1.806 1.806 0 0 1-.273-.95v-15.64c0-.334.095-.662.273-.95.179-.288.436-.525.744-.686a2.048 2.048 0 0 1 1.998.056l13.024 7.82ZM1057.57 33.458c.28.169.51.402.67.678.16.276.24.587.24.902 0 .315-.08.626-.24.902-.16.276-.39.51-.67.678l-13.03 7.82c-.29.178-.64.277-.99.287-.35.01-.7-.07-1-.23a1.937 1.937 0 0 1-.75-.687 1.785 1.785 0 0 1-.27-.95v-15.64c0-.334.09-.662.27-.95.18-.288.44-.525.75-.686.3-.161.65-.241 1-.231.35.01.7.109.99.288l13.03 7.82ZM1501.45 33.458c.28.169.51.402.67.678.16.276.25.587.25.902 0 .315-.09.626-.25.902s-.39.51-.67.678l-13.02 7.82a2.049 2.049 0 0 1-2 .056 1.908 1.908 0 0 1-.74-.686 1.795 1.795 0 0 1-.28-.95v-15.64c0-.334.1-.662.28-.95.18-.288.43-.525.74-.686a2.048 2.048 0 0 1 2 .057l13.02 7.82ZM690.038 33.458c.281.169.512.402.672.678a1.798 1.798 0 0 1 0 1.804c-.16.276-.391.51-.672.678l-13.024 7.82a2.05 2.05 0 0 1-1.998.057 1.924 1.924 0 0 1-.743-.687 1.797 1.797 0 0 1-.273-.95v-15.64c0-.334.094-.662.273-.95.179-.288.435-.525.743-.686a2.05 2.05 0 0 1 1.998.056l13.024 7.82ZM874.077 33.458c.28.169.511.402.672.678a1.798 1.798 0 0 1 0 1.804c-.161.276-.392.51-.672.678l-13.024 7.82a2.048 2.048 0 0 1-1.998.057 1.927 1.927 0 0 1-.744-.687 1.806 1.806 0 0 1-.273-.95v-15.64c0-.334.095-.662.273-.95.179-.288.436-.525.744-.686a2.048 2.048 0 0 1 1.998.056l13.024 7.82ZM1830.99 33.458c.28.169.51.402.67.678.16.276.25.587.25.902 0 .315-.09.626-.25.902s-.39.51-.67.678l-13.02 7.82a2.055 2.055 0 0 1-2 .056 1.937 1.937 0 0 1-.75-.686 1.879 1.879 0 0 1-.27-.95v-15.64c0-.334.1-.662.27-.95.18-.288.44-.525.75-.686a2.054 2.054 0 0 1 2 .057l13.02 7.82Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-background-position:center center;background-position:50%;background-size:cover;color:var(--xyd-banner-color);display:flex;font-size:var(--xyd-font-size-small);gap:10px;justify-content:center;line-height:var(--xyd-line-height-small);padding:8px 0;position:relative;width:100%}}@layer fabric{.b1wuahng p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small)}}@layer defaults{.iz14jlg{border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.06);width:100%}.gh34a3o{display:block}.gh34a3o[data-kind=secondary]{background:var(--xyd-guidecard-bgcolor--secondary);border:1px solid var(--xyd-guidecard-border-color--secondary);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}.gh34a3o[data-kind=secondary]:hover{background:var(--xyd-guidecard-bgcolor--secondary-hover)}.gh34a3o[data-kind=secondary][data-size=md]{padding:21px 25px 25px}.gh34a3o [part=link]{height:100%;width:100%}.gh34a3o [part=item]{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;transition:opacity .15s}.gh34a3o [part=item]:hover [part=pointer]{opacity:1;transform:translate(0)}.gh34a3o[data-kind=secondary] [part=item]{height:100%;width:100%}.gh34a3o [part=icon]{align-items:center;box-sizing:border-box;color:var(--xyd-guidecard-icon-color);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .2s ease}.gh34a3o [part=icon] svg{height:24px;width:24px}.gh34a3o [part=right]{display:flex;flex-direction:column;gap:4px;padding-left:16px}.gh34a3o [part=title]{align-items:center;color:var(--xyd-guidecard-title-color);display:flex;font-weight:var(--xyd-font-weight-semibold);transition:color .15s}.gh34a3o [part=body]{color:var(--xyd-guidecard-color);font-weight:var(--xyd-font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:normal}.gh34a3o [part=pointer]{display:flex;justify-content:center;opacity:0;transform:translate(-4px);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.gilz89t{display:grid;gap:24px;grid-template-columns:1fr 1fr;justify-content:center}}.c1vswvqd{background-color:var(--xyd-card-bgcolor);border-radius:8px;box-shadow:0 1px 2px 0 var(--xyd-card-shadow-color);display:flex;flex-direction:column;overflow:hidden}.c1vswvqd[data-shadow=md]{box-shadow:0 5px 40px var(--xyd-card-shadow-color)}.c1vswvqd [part=image-container]{border-bottom:2px solid var(--xyd-card-border-color);height:200px;overflow:hidden;position:relative}.c1vswvqd [part=image-container] [part=bg]{background-repeat:no-repeat;background-size:cover;height:100%;position:relative}.c1vswvqd [part=image-container] img{height:100%;margin-bottom:-4px;-o-object-fit:cover;object-fit:cover;width:100%}.c1vswvqd [part=body]{padding:16px}.c1vswvqd [part=body] [part=header]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-right:4px}@layer defaults{.b1wifk81{border-color:#d1d5db;color:#374151;font-style:italic;margin:0}.h1tn40xd{scroll-snap-margin-top:30px;color:var(--xyd-heading-color);cursor:default;display:table;font-weight:var(--xyd-font-weight-semibold);line-height:var(--xyd-line-height-xlarge);margin:0;padding:0 24px 0 0;position:relative;scroll-margin-top:30px}.h1tn40xd[id]{cursor:pointer}.h1tn40xd[data-noanchor=true]{cursor:default}.h1tn40xd[data-has-label=true]{align-items:center;display:flex;gap:8px}.h1tn40xd[data-has-label=true] xyd-badge{font-size:var(--xyd-font-size-xsmall);letter-spacing:2px;line-height:var(--xyd-line-height-xsmall)}.h1tn40xd:hover svg{opacity:1}.h1tn40xd[data-kind=muted]{color:var(--xyd-heading-color--muted);cursor:default;font-weight:var(--xyd-font-weight-medium)}.h1tn40xd[data-size="1"]{font-size:var(--xyd-font-size-2xl);line-height:var(--xyd-line-height-2xl)}.h1tn40xd[data-size="2"]{font-size:var(--xyd-font-size-xxlarge);line-height:var(--xyd-line-height-xxlarge)}.h1tn40xd[data-size="3"]{font-size:var(--xyd-font-size-xlarge);line-height:var(--xyd-line-height-xlarge)}.h1tn40xd[data-size="4"]{font-size:var(--xyd-font-size-large);line-height:var(--xyd-line-height-large)}.h1tn40xd[data-size="5"]{font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium)}.h1tn40xd[data-size="6"]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small)}.h1tn40xd [part=icon]{color:var(--xyd-heading-icon-color);margin-top:-6px;opacity:0;position:absolute;right:0;top:50%;transition:opacity .15s ease}.h1tn40xd[data-active=true] [part=icon]{opacity:1}.c1w59zdn{background:var(--xyd-code-bgcolor);border:.5px solid var(--xyd-code-border-color);border-radius:6px;display:inline-block;margin:0 3px;padding:0 .3em}.c1w59zdn [part=content]{position:relative}.dwmojve{border-top:1px solid var(--xyd-details-border-color)}.dwmojve[data-kind=secondary],.dwmojve[data-kind=tertiary]{background-color:var(--xyd-details-bgcolor--secondary);border:1px solid var(--xyd-details-border-color);border-radius:8px}.dwmojve[open] [part=summary] svg[data-icon=true]{transform:rotate(90deg)}.dwmojve [part=summary]{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-variant-numeric:tabular-nums;font-weight:var(--xyd-font-weight-medium);justify-content:flex-start;list-style:none;padding:16px 14px 16px 0;transition:color .3s}.dwmojve [part=summary]:hover{color:var(--xyd-details-summary-color--active)}.dwmojve[data-kind=tertiary] [part=summary]{padding:10px 24px}.dwmojve[data-kind=secondary] [part=summary],.dwmojve[data-kind=tertiary] [part=summary]{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px}.dwmojve [part=summary-deep]{align-items:center;display:flex;margin-bottom:8px}.dwmojve [part=summary-deep-text]{color:var(--xyd-details-summary-color);font-weight:var(--xyd-font-weight-bold);letter-spacing:.08em;margin-left:8px;text-transform:none}.dwmojve [part=summary-deep-text] code{background:var(--xyd-details-summary-code-bgcolor)}.dwmojve [part=summary-deep-label]{flex:1 1 auto}.dwmojve>[part=content]{padding:0 24px 20px}.dwmojve[data-kind=tertiary]>[part=content]{background-color:var(--xyd-details-content-bgcolor);padding-top:20px}.dwmojve[data-kind=tertiary]>[part=content] code{background:var(--xyd-details-content-bgcolor)}.dwmojve [part=icon]{align-items:center;display:flex;flex:0 0 auto;font-size:var(--xyd-font-size-medium);justify-content:center;padding-right:6px}.butvd2b{align-items:center;display:inline-flex}.butvd2b[data-size=xs]{height:15px;padding:6px}.butvd2b[data-size=sm],.butvd2b[data-size=xs]{border-radius:6px;font-size:var(--xyd-font-size-xsmall);gap:3px}.butvd2b[data-size=sm]{height:18px;padding:10px}.butvd2b[data-kind=default]{background-color:var(--xyd-badge-bgcolor--default);color:var(--xyd-badge-color--default)}.butvd2b[data-kind=warning]{background-color:var(--xyd-badge-bgcolor--warning);color:var(--xyd-badge-color--warning)}.butvd2b[data-kind=info]{background-color:var(--xyd-badge-bgcolor--info);color:var(--xyd-badge-color--info)}.butvd2b [part=child]{position:relative}.tn8a2d4{display:inline-block;margin:0}.tn8a2d4[data-size=xsmall]{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall)}.tn8a2d4[data-size=small]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small)}.tn8a2d4[data-size=medium]{font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium)}.tn8a2d4[data-size=large]{font-size:var(--xyd-font-size-large);line-height:var(--xyd-line-height-large)}.tn8a2d4[data-size=xlarge]{font-size:var(--xyd-font-size-xlarge);line-height:var(--xyd-line-height-xlarge)}.tn8a2d4[data-size=xxlarge]{font-size:var(--xyd-font-size-xxlarge);line-height:var(--xyd-line-height-xxlarge)}.tn8a2d4[data-kind=default]{color:var(--xyd-text-color--default)}.tn8a2d4[data-kind=ghost]{color:var(--xyd-text-color--ghost)}.tn8a2d4[data-kind=success]{color:var(--xyd-text-color--success)}.tn8a2d4[data-kind=warn]{color:var(--xyd-text-color--warn)}.tn8a2d4[data-kind=error]{color:var(--xyd-text-color--error)}.tn8a2d4[data-kind=primary]{color:var(--xyd-text-color--primary)}.tn8a2d4[data-kind=secondary]{color:var(--xyd-text-color--secondary)}.tn8a2d4[data-weight=normal]{font-weight:var(--xyd-font-weight-normal)}.tn8a2d4[data-weight=bold]{font-weight:var(--xyd-font-weight-medium)}.tn8a2d4[data-weight=extra-bold]{font-weight:var(--xyd-font-weight-semibold)}.chnegou{align-items:center;background-color:var(--xyd-callout-bgcolor);border:1px solid var(--xyd-callout-border-color);border-radius:8px;display:inline-flex;min-width:275px;padding:8px 12px;position:relative;text-align:center;width:100%}.chnegou code{background:var(--white)}.chnegou [part=icon]{align-self:flex-start;color:var(--xyd-callout-icon-color);display:inline-flex;flex:0 0 auto;margin-right:14px;margin-top:2px}.chnegou [part=message]{color:var(--xyd-callout-message-color);flex:1 1 auto;text-align:left}.bwgsk4h{align-items:center;color:var(--xyd-breadcrumbs-color);display:flex;gap:.25rem;margin-top:.375rem;overflow:hidden}.bwgsk4h [part=icon]{shrink:0;width:.875rem}.bwgsk4h [part=item]{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}.bwgsk4h [part=item][data-active=true]{color:var(--xyd-breadcrumbs-color--active);font-weight:700}.u1465cfe{flex-direction:row;gap:24px;padding-bottom:32px;padding-top:32px;position:relative;width:100%}.u1465cfe,.u1465cfe [part=meta]{align-items:flex-start;display:flex}.u1465cfe [part=meta]{flex-direction:column;flex-shrink:0;gap:10px;justify-content:flex-start;position:sticky;width:160px}.u1465cfe [part=content-container]{flex:1 1 0%;max-width:100%;overflow:hidden;padding-left:2px;padding-right:2px}.s3kfd8c{counter-reset:ordered-listitem;display:flex;flex-direction:column;gap:6px;list-style:none;padding-left:0}.s1et872q{padding-left:32px;position:relative}.s1et872q:after{background:var(--xyd-steps-marker-bgcolor);border-radius:12px;color:var(--xyd-steps-marker-color);content:counter(ordered-listitem);counter-increment:ordered-listitem;font-size:var(--xyd-font-size-xsmall);font-weight:var(--xyd-font-weight-medium);height:24px;left:0;line-height:var(--xyd-line-height-medium);position:absolute;text-align:center;top:0;width:24px}.h1ej4n95{border:.5px solid var(--xyd-hr-border-color)}.labae1k{list-style:none;margin:0;padding:0}ol.labae1k{list-style-type:decimal;padding-inline-start:1.625em}ul .i13ytyvq{margin-bottom:.5rem;padding-inline-start:.375em;padding-left:2em!important;position:relative}xyd-grid-decorator ul .i13ytyvq{padding-left:0!important}ul .i13ytyvq:before{background-color:var(--xyd-list-item-bgcolor);border-radius:50%;content:"";height:.375em;left:.5em;position:absolute;top:.5em;width:.375em}}@layer defaults{ol .i13ytyvq::marker{color:var(--xyd-list-marker-color);padding-inline-start:.375em}}@layer defaults{.u1bta36o [part=nav]{align-items:center;background-color:var(--xyd-underlinenav-bgcolor);border-bottom:1px solid var(--xyd-underlinenav-border-color);display:flex;height:42px;z-index:99}.u1bta36o [part=nav][data-kind=secondary]{background-color:var(--xyd-tabs-bgcolor);border-bottom:none;border-radius:8px;padding:4px}.u1bta36o [part=list]{color:var(--xyd-underlinenav-list-color);display:flex;gap:10px;height:100%;list-style:none;padding:0;white-space:nowrap}[data-kind=secondary] .u1bta36o [part=list]{gap:4px}.u1bta36o [part=item]{height:100%;position:relative}.u1bta36o [part=item] a,.u1bta36o [part=item] button{height:100%}.u1bta36o [part=item][data-state=active] a{border-bottom-color:var(--xyd-underlinenav-color--active)}[data-kind=secondary] .u1bta36o [part=item][data-state=active] a{background-color:var(--xyd-tabs-bgcolor--active);border-bottom-color:transparent;box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);color:var(--xyd-tabs-color--active)}.u1bta36o [part=item][data-state=inactive] a,.u1bta36o [part=item][data-state=inactive] button{color:unset}.u1bta36o [part=link]{border-bottom:3px solid transparent;cursor:pointer;display:inline-flex;height:100%;padding:10px;-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease}.u1bta36o [part=link]:hover{color:var(--xyd-underlinenav-color--active)}[data-kind=secondary] .u1bta36o [part=link]{border-bottom:none;border-radius:.375rem;color:var(--xyd-tabs-color);padding:5px 16px}[data-kind=secondary] .u1bta36o [part=link]:hover{color:var(--xyd-tabs-color--active)}.u1bta36o [part=content]{overflow:hidden;position:relative}[data-kind=secondary] .u1bta36o [part=content]{margin-top:16px}.uxs4bf1{position:relative;width:100%}.uxs4bf1[data-state=inactive]{display:none}[data-slide=true] .uxs4bf1[data-direction=forward][data-state=active]{animation:fadeInFromRight .4s cubic-bezier(.16,1,.3,1);position:relative}[data-slide=true] .uxs4bf1[data-direction=forward][data-state=inactive]{animation:fadeOutToLeft .4s cubic-bezier(.16,1,.3,1);position:absolute}[data-slide=true] .uxs4bf1[data-direction=backward][data-state=active]{animation:fadeInFromLeft .4s cubic-bezier(.16,1,.3,1);position:relative}[data-slide=true] .uxs4bf1[data-direction=backward][data-state=inactive]{animation:fadeOutToRight .4s cubic-bezier(.16,1,.3,1);position:absolute}}@layer defaults{@keyframes fadeInFromRight-uxs4bf1{0%{opacity:0;transform:translateX(75px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutToLeft-uxs4bf1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-75px)}}@keyframes fadeInFromLeft-uxs4bf1{0%{opacity:0;transform:translateX(-75px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutToRight-uxs4bf1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(75px)}}.uxs4bf1 [part=child]{padding:20px;transition:all .3s ease}.n1xhrk1{border-color:var(--xyd-navlinks-border-color);border-top-width:1px;font-weight:var(--xyd-font-weight-semibold);justify-content:space-between;margin-bottom:2rem;margin-top:2rem;padding-top:2rem}.n1xhrk1,.n1xhrk1 [part=link]{align-items:center;display:flex}.n1xhrk1 [part=link]{gap:8px;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)}.n1xhrk1 [part=icon]{display:inline;flex-shrink:0;height:1.25rem}.h14vj3ri{border:1px solid var(--xyd-table-border-color);border-collapse:separate;border-radius:8px;border-spacing:0;display:table;margin-top:1rem;min-width:640px;overflow:hidden;width:100%}.t1l6tz9b{background:var(--xyd-table-bgcolor)}.t1g1altt{border-right:1px solid var(--xyd-table-border-color);color:var(--xyd-table-color);font-weight:var(--xyd-font-weight-medium);padding:.5rem 1rem;text-align:left;vertical-align:middle;white-space:nowrap}.t1g1altt,.tdsg57t:not(:last-child){border-bottom:1px solid var(--xyd-table-border-color)}.th2d3qd{border-right:1px solid var(--xyd-table-border-color);border-top:1px solid var(--xyd-table-border-color);padding:.5rem 1rem;vertical-align:middle}}@layer defaults{@media (max-width:768px){.th2d3qd{padding:.5rem}}}@layer defaults{.c8pe5i8{align-items:baseline;display:flex;gap:.5rem;width:100%}.c8pe5i8 [part=child]{flex:1;text-align:right}.p1vb39qj{background-color:var(--xyd-pre-bgcolor);border:0;border-radius:6px;margin-top:0;overflow:auto;padding:16px}.t1dkmodo [part=nav]{align-items:center;background-color:var(--xyd-underlinenav-bgcolor);border-bottom:1px solid var(--xyd-underlinenav-border-color);display:flex;height:42px;z-index:99}.t1dkmodo [part=nav][data-kind=secondary]{background-color:var(--xyd-tabs-bgcolor);border-bottom:none;border-radius:8px;padding:4px}.t1dkmodo [part=list]{color:var(--xyd-underlinenav-list-color);display:flex;gap:10px;height:100%;list-style:none;padding:0;white-space:nowrap}[data-kind=secondary] .t1dkmodo [part=list]{gap:4px}.t1dkmodo [part=item]{height:100%;position:relative}.t1dkmodo [part=item] a,.t1dkmodo [part=item] button{height:100%}.t1dkmodo [part=item][data-state=active] a{border-bottom-color:var(--xyd-underlinenav-color--active)}[data-kind=secondary] .t1dkmodo [part=item][data-state=active] a{background-color:var(--xyd-tabs-bgcolor--active);border-bottom-color:transparent;box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);color:var(--xyd-tabs-color--active)}.t1dkmodo [part=item][data-state=inactive] a,.t1dkmodo [part=item][data-state=inactive] button{color:unset}.t1dkmodo [part=link]{border-bottom:3px solid transparent;cursor:pointer;display:inline-flex;height:100%;padding:10px;-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease}.t1dkmodo [part=link]:hover{color:var(--xyd-underlinenav-color--active)}[data-kind=secondary] .t1dkmodo [part=link]{border-bottom:none;border-radius:.375rem;color:var(--xyd-tabs-color);padding:5px 16px}[data-kind=secondary] .t1dkmodo [part=link]:hover{color:var(--xyd-tabs-color--active)}.t1dkmodo [part=content]{overflow:hidden;position:relative}[data-kind=secondary] .t1dkmodo [part=content]{margin-top:16px}.t1f7gsf0{position:relative;width:100%}.t1f7gsf0[data-state=inactive]{display:none}[data-slide=true] .t1f7gsf0[data-direction=forward][data-state=active]{animation:fadeInFromRight .4s cubic-bezier(.16,1,.3,1);position:relative}[data-slide=true] .t1f7gsf0[data-direction=forward][data-state=inactive]{animation:fadeOutToLeft .4s cubic-bezier(.16,1,.3,1);position:absolute}[data-slide=true] .t1f7gsf0[data-direction=backward][data-state=active]{animation:fadeInFromLeft .4s cubic-bezier(.16,1,.3,1);position:relative}[data-slide=true] .t1f7gsf0[data-direction=backward][data-state=inactive]{animation:fadeOutToRight .4s cubic-bezier(.16,1,.3,1);position:absolute}}@layer defaults{@keyframes fadeInFromRight-t1f7gsf0{0%{opacity:0;transform:translateX(75px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutToLeft-t1f7gsf0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-75px)}}@keyframes fadeInFromLeft-t1f7gsf0{0%{opacity:0;transform:translateX(-75px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutToRight-t1f7gsf0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(75px)}}.t1f7gsf0 [part=child]{padding:20px;transition:all .3s ease}.tzirqqc{display:block;max-width:100%;position:relative}.tzirqqc [part=buttons]{align-items:center;display:flex}.tzirqqc [part=arrow]{background-color:var(--xyd-tabs-arrow-bgcolor);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active);padding:8px}.tzirqqc [part=arrow-icon]{height:16px;width:16px}.tzirqqc [part=scroller]{flex-grow:1;overflow-x:auto}.tzirqqc [part=scroller-container]{background-color:var(--xyd-tabs-bgcolor);border-radius:8px;display:inline-flex;gap:4px;margin-left:4px;padding:4px}.tzirqqc [part=content]{margin-top:16px}.tlmd1mw{border-radius:.375rem;color:var(--xyd-tabs-color);display:inline-block;padding:5px 16px;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}.tlmd1mw[data-state=inactive] a,.tlmd1mw[data-state=inactive] button{color:unset}.tlmd1mw:hover,.tlmd1mw[data-state=active]{color:var(--xyd-tabs-color--active)}.tlmd1mw[data-state=active]{background-color:var(--xyd-tabs-bgcolor--active);box-shadow:0 1px 2px 0 var(--xyd-tabs-shadow-color--active)}.TocCard-module_TocCardHost__pT0XJ{display:block;max-width:250px;[part=description]{color:var(--xyd-toccard-color);letter-spacing:0}[part=link]{border:1px solid var(--xyd-toccard-border-color);border-radius:6px;display:block;padding:8px 16px 12px;text-decoration:none;&:hover{border-color:var(--xyd-toccard-border-color--active)}}[part=title-container]{align-items:center;display:flex;justify-content:space-between}[part=title]{color:var(--xyd-toccard-title-color);margin-bottom:2px}[part=link-icon]{color:var(--xyd-toccard-icon-color);height:1em;-o-object-fit:contain;object-fit:contain;width:1em}}}@layer defaults{.VideoGuide-module_VideoPlayerHost__wcML-{height:var(--xyd-videoguide-miniature-mini-height);overflow:visible;width:var(--xyd-videoguide-miniature-mini-width);z-index:var(--xyd-videoguide-miniature-z-index);[part=shape]{align-items:center;box-shadow:var(--xyd-videoguide-miniature-shadow);display:flex;justify-content:center;overflow:visible}[part=frame],[part=shape]{background-color:var(--xyd-videoguide-miniature-bgcolor);border-radius:var(--xyd-videoguide-miniature-radius);box-sizing:border-box;position:relative}[part=frame]{height:var(--xyd-videoguide-miniature-mini-height);overflow:hidden;width:100%}[part=thumbnail]{background-image:url(https://xyd-land.netlify.app/docs-hero.png);background-position:50%;background-size:cover;height:100%;width:100%}[part=cover],[part=thumbnail]{left:0;position:absolute;top:0}[part=cover]{backdrop-filter:brightness(60%) blur(10px);-webkit-backdrop-filter:brightness(60%) blur(10px);background-color:transparent;border-radius:var(--xyd-videoguide-miniature-radius);overflow:hidden;transition:backdrop-filter .1s ease-in-out,-webkit-backdrop-filter .1s ease-in-out,opacity .1s ease-in-out,background-color .1s ease-in-out}[part=controls],[part=cover]{bottom:0;box-sizing:border-box;right:0}[part=controls]{left:0;position:absolute;top:0}[part=button]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}[part=icon]{box-sizing:border-box;color:var(--xyd-videoguide-miniature-color);display:flex;svg{fill:currentColor}}[part=description-container],[part=description]{box-sizing:border-box;margin-top:8px}[part=description]{color:var(--xyd-videoguide-miniature-color);display:block;text-align:center;white-space:normal}}}@layer components{.ca1c472{--space-small:8px;--space-medium:16px;--space-large:20px;--space-xlarge:24px;--space-xxlarge:32px;--space-2xlarge:50px;font-size:var(--xyd-font-size-medium);line-height:var(--xyd-line-height-medium)}.ca1c472 details,.ca1c472 p:not(li p):not(ul p):not(xyd-callout p):not(xyd-codetabs p):not(xyd-guidecard p):not([data-button=true] p){margin-top:var(--space-medium)}.ca1c472 details{--xyd-callout-bgcolor:var(--white)}.ca1c472 details summary [part=summary-deep-label],.ca1c472 details summary [part=summary-deep]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small)}.ca1c472 details summary [part=summary-deep-label]{font-weight:700}.ca1c472 details[data-kind=secondary] code{background:var(--xyd-details-bgcolor--secondary)}.ca1c472 hr{margin:var(--space-xxlarge) 0}.ca1c472 p{display:block}.ca1c472 p code{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small);margin:0}.ca1c472 h2,.ca1c472 h3,.ca1c472 h4,.ca1c472 h5,.ca1c472 h6{margin-top:var(--space-xxlarge)}.ca1c472 h2[data-kind=muted],.ca1c472 h3[data-kind=muted],.ca1c472 h4[data-kind=muted],.ca1c472 h5[data-kind=muted],.ca1c472 h6[data-kind=muted]{display:block}.ca1c472 h2{margin-top:var(--space-2xlarge)}.ca1c472 h2:first-of-type{margin-top:var(--space-xxlarge)}.ca1c472 h4[data-kind=muted]{margin:4px 0 16px}.ca1c472 ol:not(xyd-underlinenav ol),.ca1c472 ul:not(xyd-underlinenav ul){margin-top:var(--space-medium)}.ca1c472 xyd-callout,.ca1c472 xyd-codetabs,.ca1c472 xyd-guidecard,.ca1c472 xyd-tabs{margin:var(--space-large) 0}.ca1c472 xyd-guidecard [part=body],.ca1c472 xyd-guidecard [part=body] p{color:var(--dark48);font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-medium)}.ca1c472 xyd-guidecard-list xyd-guidecard{margin-bottom:0}.ca1c472 xyd-tabs [part=buttons]{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small)}.ca1c472 xyd-callout{--xyd-font-size-medium:var(--xyd-font-size-small)}.ca1c472 xyd-codetabs xyd-code-pre{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall)}.g1wc20vm,.g1wc20vm>ul{display:grid;gap:1rem;width:100%}.g1wc20vm>ul{grid-template-columns:1fr}.g1wc20vm ul ul{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);width:100%}.g1wc20vm[data-cols]{--cols:var(--data-cols,2)}.g1wc20vm[data-cols] ul ul{grid-template-columns:repeat(var(--cols),1fr)}.g1wc20vm[data-cols="2"]{--data-cols:2}.g1wc20vm[data-cols="3"]{--data-cols:3}.g1wc20vm[data-cols="4"]{--data-cols:4}.g1wc20vm[data-cols="5"]{--data-cols:5}.g1wc20vm[data-cols="6"]{--data-cols:6}}@layer components{@media (max-width:768px){.g1wc20vm>ul{gap:0}.g1wc20vm ul ul{grid-template-columns:1fr}}.g1wc20vm li:before,.g1wc20vm ol:before,.g1wc20vm ul:before{content:none}.g1wc20vm ol,.g1wc20vm ul{display:grid;list-style:none;margin:0;padding:0!important}.g1wc20vm li{margin-left:0!important;padding-left:0!important}}@layer defaults{.lyawwu4{display:flex;position:relative}.lyawwu4 [part=line-number]{left:-15px;margin:0;opacity:.5;position:absolute;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:25px}.m1i5ism5{border-color:transparent;border-left-width:4px;display:flex;margin:4px 0}.m1i5ism5[data-annotated=true]{background-color:var(--xyd-coder-code-mark-bgcolor);border-color:var(--xyd-coder-code-mark-border-color)}.m1i5ism5[data-diff=true]{position:relative}.m1i5ism5[data-diff=true][data-query="-"]{background-color:var(--xyd-text-color--error--muted);border-color:var(--xyd-text-color--error--active)}.m1i5ism5[data-diff=true][data-query="+"]{background-color:var(--xyd-text-color--success--muted);border-color:var(--xyd-text-color--success--active)}.m1i5ism5[data-diff=true]>:first-child{left:5px;position:absolute}.m1i5ism5 [part=line]{flex:1 1 0%}.m1i5ism5 xyd-code-linenumber [part=line]{left:25px;position:relative}.m1fnx2sm{background:var(--xyd-coder-code-mark-bgcolor);display:inline-block;outline:solid 1px var(--xyd-coder-code-mark-border-color)}.m1fnx2sm[data-diff=true][data-query="-"]{background-color:var(--xyd-text-color--error--muted);border-color:var(--xyd-text-color--error--active)}.m1fnx2sm[data-diff=true][data-query="+"]{background-color:var(--xyd-text-color--success--muted);border-color:var(--xyd-text-color--success--active)}.b83ezas[data-annotated=true]{background-color:var(--xyd-coder-code-mark-bgcolor);border-color:var(--xyd-coder-code-mark-border-color)}.cwih9s3{background:var(--xyd-coder-code-background);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid var(--xyd-coder-code-border-color);margin:0;max-height:400px;overflow-y:scroll;padding:8px 16px;white-space:pre-wrap;word-break:break-all}.cwih9s3[data-size=full]{max-height:100%}}.c1sbwmbs{align-items:flex-start;background-color:var(--white);border-radius:0 0 8px 7px;color:var(--text-primary);display:flex;gap:12px;padding:17px 20px 10px}.c1sbwmbs>div:first-child{align-items:center;display:flex;padding-top:5px}.c1sbwmbs>div:last-child{display:flex;flex-direction:column;gap:4px}.c1sbwmbs>div:last-child>span{align-items:center;display:flex}@layer defaults{.l1u84pnh{background:var(--xyd-page-body-bgcolor);display:contents;overflow-x:hidden;width:100%}.l1u84pnh>[part=header]{align-items:center;background:var(--xyd-layout-header-bgcolor);display:flex;height:var(--xyd-nav-height);justify-content:space-between;left:var(--xyd-page-gutter);position:sticky;right:var(--xyd-page-gutter);top:0;z-index:3}@media (max-width:768px){.l1u84pnh>[part=header]{padding:0}}.l1u84pnh[data-hide-subheader=true]>[part=header]{transform:translateY(calc(var(--xyd-nav-height)*-1))}.l1u84pnh[data-hide-subheader=true]>[part=header]>[part=header-content]{visibility:hidden}.l1u84pnh[data-subheader=true]>[part=header]{flex-direction:column;height:var(--xyd-header-total-height);transition:transform .2s}.l1u84pnh [part=header-content]{align-items:center;display:flex;width:100%}.l1u84pnh [part=hamburger-button]{display:none}@media (max-width:1024px){.l1u84pnh [part=hamburger-button]{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;width:40px}}.l1u84pnh [part=hamburger-icon]{display:flex;flex-direction:column;height:24px;justify-content:space-between;position:relative;width:24px}.l1u84pnh [part=hamburger-line]{background:var(--xyd-page-body-color);height:2px;transition:transform .3s var(--xyd-cubic-bezier);width:100%}.l1u84pnh [part=hamburger-line][data-active=true]:first-child{transform:translateY(11px) rotate(45deg)}.l1u84pnh [part=hamburger-line][data-active=true]:nth-child(2){opacity:0}.l1u84pnh [part=hamburger-line][data-active=true]:last-child{transform:translateY(-11px) rotate(-45deg)}.l1u84pnh [part=main]{bottom:0;display:flex;left:0;overflow:visible;padding:var(--xyd-page-gutter);position:relative;right:0;top:0}.l1u84pnh [part=sidebar]{background:var(--xyd-layout-sidebar-bgcolor);display:flex;flex:none;flex-direction:column;height:100%;position:relative;width:var(--xyd-sidebar-width)}@media (max-width:1024px){.l1u84pnh [part=sidebar]{display:none}}.l1u84pnh [part=mobile-sidebar]{display:none}@media (max-width:1024px){.l1u84pnh [part=mobile-sidebar]{background:var(--xyd-layout-sidebar-bgcolor);bottom:0;box-shadow:4px 0 8px rgba(0,0,0,.1);display:flex;flex-direction:column;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s var(--xyd-cubic-bezier);width:var(--xyd-sidebar-width--mobile);z-index:50}.l1u84pnh [part=mobile-sidebar][data-active=true]{transform:translateX(0)}}.l1u84pnh [part=mobile-sidebar-aside]{-webkit-overflow-scrolling:touch;flex:1;height:100%;overflow-y:auto}.l1u84pnh [part=mobile-sidebar-close-button]{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}.l1u84pnh [part=mobile-sidebar-close-icon]{height:20px;position:relative;width:20px}.l1u84pnh [part=mobile-sidebar-close-icon]:after,.l1u84pnh [part=mobile-sidebar-close-icon]:before{background:var(--xyd-page-body-color--secondary);content:"";height:2px;left:0;position:absolute;top:50%;transform-origin:center;width:100%}.l1u84pnh [part=mobile-sidebar-close-icon]:before{transform:rotate(45deg)}.l1u84pnh [part=mobile-sidebar-close-icon]:after{transform:rotate(-45deg)}.l1u84pnh [part=mobile-overlay]{display:none}@media (max-width:1024px){.l1u84pnh [part=mobile-overlay]{background:rgba(0,0,0,.6);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}}.l1u84pnh [part=mobile-overlay][data-active=true]{opacity:1;pointer-events:auto}.l1u84pnh [part=page]{background:var(--xyd-page-body-bgcolor);flex:1;height:100%;min-width:0;overflow:visible;position:relative}.l1u84pnh [part=page-scroll]{-webkit-overflow-scrolling:touch;height:100%;overflow-y:visible;padding:0 48px}@media (max-width:1024px){.l1u84pnh [part=page-scroll]{padding:0 32px}}@media (max-width:768px){.l1u84pnh [part=page-scroll]{padding:0 24px}}.l1u84pnh [part=page-container]{height:100%;margin:0 auto;max-width:var(--xyd-layout-width-medium);padding:0 var(--xyd-page-gutter)}.l1u84pnh[data-layout=wide] [part=page-container]{max-width:var(--xyd-layout-width-large)}.l1u84pnh [part=page-article-container]{display:flex;gap:48px;min-height:100%;padding:48px 0}@media (max-width:1024px){.l1u84pnh [part=page-article-container]{gap:32px}}@media (max-width:768px){.l1u84pnh [part=page-article-container]{flex-direction:column;gap:24px;padding:24px 0}}.l1u84pnh [part=page-article]{flex:1;min-width:0}.l1u84pnh [part=page-article-content]{width:100%}.l1u84pnh [part=page-article-nav]{display:flex;flex:none;flex-direction:column;gap:16px;height:-moz-fit-content;height:fit-content;max-height:100vh;overflow-y:auto;padding-right:24px;padding-top:var(--xyd-content-space);position:sticky;top:var(--xyd-header-total-height);width:var(--xyd-layout-nav-width-medium)}@media (max-width:1024px){.l1u84pnh [part=page-article-nav]{padding-right:16px;width:var(--xyd-layout-nav-width-small)}}@media (max-width:768px){.l1u84pnh [part=page-article-nav]{display:none}}}.c1dmvxug{display:block}@layer defaults{.c1pb9ov9{border:1px solid var(--xyd-codetabs-border-color);border-radius:16px;min-width:0;overflow:hidden}.c1pb9ov9[data-single=true] [part=pre]{border:none}.c1pb9ov9[data-nodescription=true] xyd-codetabs-languages [part=languages-list]{justify-content:flex-start}.caeqccf{background:var(--xyd-codetabs-bgcolor);border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex:1 1 0%;font-size:var(--xyd-font-size-xsmall);font-weight:var(--xyd-font-weight-semibold);min-width:0}.caeqccf[data-single=true]{height:0}.caeqccf [part=description]{align-items:center;color:var(--xyd-codetabs-color);display:flex;gap:4px;margin-left:4px;margin-right:4px}.caeqccf [part=description-item]{border-radius:4px;display:flex;flex:1 1 0%;gap:16px;padding-left:16px;padding-right:16px}.caeqccf [part=copy]{display:none}.caeqccf [part=languages-list]{display:flex;flex-grow:1;gap:8px;justify-content:end;padding:0 10px}.caeqccf [part=language-trigger]{all:unset;align-items:center;border-radius:6px;color:var(--xyd-codetabs-color);cursor:pointer;display:flex;justify-content:center;padding:6px}.caeqccf [part=language-trigger][data-state=active]{border-bottom:1px solid var(--xyd-codetabs-color--active);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--xyd-codetabs-color--active)}.caeqccf [part=language-trigger]:hover{background:var(--xyd-codetabs-color--hover);transition:.1s ease-in}.caeqccf [part=copy]{align-items:center;display:flex;padding-left:8px;padding-right:8px}.caeqccf[data-single=true] [part=copy]{position:relative;right:5px;top:17px}.lr0mq4l{align-items:center;display:inline-flex;justify-content:center}.lr0mq4l[data-size=small]{height:6px;width:6px}.lr0mq4l[data-size=large]{height:12px;width:12px}.lr0mq4l [part=dots]{display:flex;gap:4px}.lr0mq4l [part=dot]{animation:pulse 1.4s ease-in-out infinite;background-color:currentColor;border-radius:50%;height:8px;opacity:.6;width:8px}.lr0mq4l [part=dot]:nth-of-type(2){animation-delay:.2s}.lr0mq4l [part=dot]:nth-of-type(3){animation-delay:.4s}}@layer defaults{@keyframes pulse-lr0mq4l{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}}@layer defaults{.ccde3ii{all:unset;align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px}.ccde3ii:hover{background:var(--xyd-code-copy-color);transition:.1s ease-in}}:root{--XydAtlas-Ref-Palette-White:#fff;--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-ApiRef-Item__background-navbar:var(--XydAtlas-Ref-Palette-Neutral-10);--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-Ref-Palette-White);--XydAtlas-Component-Code-SampleButtons__color:var(--XydAtlas-Ref-Palette-Neutral-40);--XydAtlas-Component-Code-SampleButtons__color--active:var(--XydAtlas-Sys-Color-Text-Primary)}.a9tkkeg{font-weight:var(--xyd-font-weight-normal)}.ae1ymcw{margin:20px 0}.a1q2rf33{background:linear-gradient(45deg,var(--XydAtlas-Component-ApiRef-Item__background-navbar) 0,var(--XydAtlas-Component-ApiRef-Item__background-navbar) 100%);border:1px solid var(--XydAtlas-Component-ApiRef-Item__color-border);border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px;overflow:scroll;padding:8px}.ahk53ap{color:var(--XydAtlas-Component-ApiRef-Item__color-navbar);margin-right:4px}.a1t46rpg{letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap}.a1t46rpg,.aq5m3p7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.aq5m3p7{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-bottom:25px}.aq5m3p7[data-has-examples=true] atlas-apiref-item-showcase{-ms-grid-columns:repeat(2,minmax(0,1fr));display:-ms-grid;display:grid;gap:100px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:767px){.aq5m3p7[data-has-examples=true] atlas-apiref-item-showcase{-ms-grid-columns:1fr;grid-template-columns:1fr}}.aky03d0{-webkit-box-align:normal;-ms-flex-align:normal;-webkit-align-items:normal;align-items:normal}.apmrvhc{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;margin-top:var(--space-xxlarge)}.apmrvhc [part=controls]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.apmrvhc [part=controls],.apmrvhc>[part=header]{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:16px}.apmrvhc>[part=header]{-ms-grid-columns:1fr auto;border-bottom:1px solid var(--XydAtlas-Component-ApiRef-Item__color-border);display:-ms-grid;display:grid;grid-template-columns:1fr auto}.apmrvhc>[part=header] h2,.apmrvhc>[part=header] h3,.apmrvhc>[part=header] h4,.apmrvhc>[part=header] h5,.apmrvhc>[part=header] h6{margin:0}.apmrvhc>[part=header]>:first-child{-ms-grid-column-align:start;justify-self:start}.apmrvhc>[part=header]>:not(:first-child){-ms-grid-column-align:end;justify-self:end}.d8q9wny{gap:15px}.a1b8wz9m,.d8q9wny{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.a1b8wz9m{-webkit-box-flex-wrap:wrap;border:none;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.a1ayic9k{border-bottom:1px solid var(--dark32);margin:0;padding:20px 0}.a1ayic9k:first-child{padding-top:0}.a1ayic9k:last-child{border-bottom:none;padding-bottom:0}.akisad5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:15px}.akisad5,.akisad5 p{color:var(--XydAtlas-Component-ApiRef-Properties__color-description)}.a159tzrk{-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:4px 0;position:relative}.a159tzrk dd{-webkit-margin-start:0;margin-inline-start:0}.at6ukcw{color:var(--XydAtlas-Component-ApiRef-Properties__color-propName);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--xyd-font-weight-semibold);padding:4px 0}.at6ukcw[data-parent-choice-type=true]{font-weight:var(--xyd-font-weight-normal)}.a1hhb1ak{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;padding:4px 0}.a1ud1m37{color:var(--XydAtlas-Component-ApiRef-Properties__color--active);-webkit-text-decoration:underline;text-decoration:underline}.a1ud1m37:hover{color:var(--XydAtlas-Sys-Color-Primary--hover);-webkit-text-decoration:none;text-decoration:none}.a1fjyrqx{border-style:none;display:none;padding:8px}.a12sxrry{display:unset}.a1ofrsp8{-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}.amjvvs5{padding:0 16px}.a9u79h5{-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;margin-top:16px;outline:inherit;padding:0}.a9u79h5 svg{font-size:var(--xyd-font-size-small)}.a9u79h5:hover svg{color:var(--XydAtlas-Component-ApiRef-Properties__color--active);-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.a16o3qrr{cursor:pointer;margin-left:4px;-webkit-text-decoration:none;text-decoration:none}.a16o3qrr:hover{color:var(--XydAtlas-Component-ApiRef-Properties__color--active);-webkit-transition:all .1s ease-in;transition:all .1s ease-in}atlas-apiref-propmeta{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall)}atlas-apiref-propmeta code{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;padding:4px 0}atlas-apiref-propmeta[data-name=required] code{color:var(--xyd-text-color--error)}atlas-apiref-propmeta a{color:var(--XydAtlas-Component-ApiRef-Properties__color--active);-webkit-text-decoration:underline;text-decoration:underline}atlas-apiref-propmeta a:hover{color:var(--XydAtlas-Sys-Color-Primary--hover);-webkit-text-decoration:none;text-decoration:none}.a1ln4qwr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4px}.a1ln4qwr [part=examples]{display:inline}.a1ln4qwr [part=examples] span{margin-right:2px}.a1ln4qwr [part=examples-list]{display:inline}.a1ln4qwr [part=examples-list] xyd-badge{margin-right:2px}.c1de1isv{max-width:100%;position:relative}.c174knag{-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-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%}.cdr58em{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:8px}.czmf263{height:16px;width:16px}.c1olbpn1{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1;font-weight:var(--xyd-font-weight-semibold);overflow-x:auto}.c1dubejs{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;gap:4px;margin-left:4px;padding:4px}.ce063xp{border-radius:.375rem;color:var(--XydAtlas-Component-Code-SampleButtons__color);padding:4px 16px;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}.ce063xp:hover,.clt697q{color:var(--XydAtlas-Component-Code-SampleButtons__color--active)}.clt697q{background-color:var(--XydAtlas-Component-Code-SampleButtons__color-background--active);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.askauww{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:32px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:12px}.askauww:first-child{margin-top:0}.askauww:last-child{margin-bottom:0}.a1nkbfqz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px}.a12vpet9{padding:16px 0}.a18e99ku{padding:4px 0}@layer templates{.a1cqu14j atlas-apiref-proptype{font-size:var(--xyd-font-size-xsmall);line-height:var(--xyd-line-height-xsmall)}.a1cqu14j atlas-apiref-item-showcase,.a1cqu14j atlas-apiref-item-showcase p{font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-medium)}}.a5edgc7{width:100%}@layer overrides{:root{--oas-method-get-color:#15803d;--oas-method-get-bg:rgba(74,222,128,.2);--oas-method-get-color--active:var(--white);--oas-method-get-bg--active:#2ab673;--oas-method-post-color:#1d4ed8;--oas-method-post-bg:rgba(96,165,250,.2);--oas-method-post-color--active:var(--white);--oas-method-post-bg--active:#3064e3;--oas-method-put-color:#c28c30;--oas-method-put-bg:rgba(250,204,21,.2);--oas-method-put-color--active:var(--white);--oas-method-put-bg--active:#c28c30;--oas-method-delete-color:#b91c1c;--oas-method-delete-bg:hsla(0,91%,71%,.2);--oas-method-delete-color--active:var(--white);--oas-method-delete-bg--active:#cb3a32;--oas-method-patch-color:#c2410c;--oas-method-patch-bg:rgba(251,146,60,.2);--oas-method-patch-color--active:var(--white);--oas-method-patch-bg--active:#da622b}[atlas-oas-method=GET]{--method-color:var(--oas-method-get-color);--method-bg:var(--oas-method-get-bg);&[data-active=true]{--method-bg:var(--oas-method-get-bg--active);--method-color:var(--oas-method-get-color--active)}}[atlas-oas-method=POST]{--method-color:var(--oas-method-post-color);--method-bg:var(--oas-method-post-bg);&[data-active=true]{--method-bg:var(--oas-method-post-bg--active);--method-color:var(--oas-method-post-color--active)}}[atlas-oas-method=PUT]{--method-color:var(--oas-method-put-color);--method-bg:var(--oas-method-put-bg);&[data-active=true]{--method-bg:var(--oas-method-put-bg--active);--method-color:var(--oas-method-put-color--active)}}[atlas-oas-method=DELETE]{--method-color:var(--oas-method-delete-color);--method-bg:var(--oas-method-delete-bg);&[data-active=true]{--method-bg:var(--oas-method-delete-bg--active);--method-color:var(--oas-method-delete-color--active)}}[atlas-oas-method=PATCH]{--method-color:var(--oas-method-patch-color);--method-bg:var(--oas-method-patch-bg);&[data-active=true]{--method-bg:var(--oas-method-patch-bg--active);--method-color:var(--oas-method-patch-color--active)}}[atlas-oas-method]{color:var(--method-color)}[atlas-oas-method] xyd-badge{background-color:var(--method-bg);color:var(--method-color);font-weight:var(--xyd-font-weight-bold)}}:root{--white:#fff;--black:#000;--dark8:#f7f7f8;--dark16:#f9f9f9;--dark32:#ececf1;--dark32-rgb:236,236,241;--dark40:#c5c5d2;--dark48:#6e6e80;--dark60:#443a3a;--dark80:#111827;--dark100:var(--black);--purple80:#7051d4;--purple100:#2e108e;--blue16:#e4edff;--blue32:#60a5fa;--blue80:#1971a8;--green32:#d4f5e7;--green60:#14c397;--green80:#28a745;--green100:#00936f;--red80:#dc3545;--red100:#b91c1c;--yellow80:#ffc107;--color-bg:var(--white);--color-text:var(--dark100);--text-primary:var(--color-text);--text-secondary:var(--dark80);--text-tertiary:var(--dark60);--color-primary:var(--theme-color-primary,var(--purple80));--color-primary--active:var(--theme-color-primary-active,var(--purple100));color-scheme:light dark}[data-color-scheme=dark]{--white:#0e0e10;--black:#fff;--dark8:#1a1a1a;--dark16:#2d2d2d;--dark32:#404040;--dark32-rgb:64,64,64;--dark40:#525252;--dark48:#9e9e9e;--dark60:#a3a3a3;--dark80:#d4d4d4;--dark100:var(--black);--purple80:#7051d4;--purple100:#2e108e;--blue16:#e4edff;--blue32:#60a5fa;--blue80:#1971a8;--green80:#28a745;--green100:#108944;--red80:#dc3545;--red100:#b91c1c;--yellow80:#ffc107;--color-bg:var(--white);--color-text:var(--dark100);--text-primary:var(--color-text);--text-secondary:var(--dark80);--text-tertiary:var(--dark60);--color-primary:var(--theme-color-primary,var(--purple80));--color-primary--active:var(--theme-color-primary-active,var(--purple100));body{color:var(--xyd-text-color--default)}}@media (prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not([data-color-scheme=dark]){--white:#0e0e10;--black:#fff;--dark8:#1a1a1a;--dark16:#2d2d2d;--dark32:#404040;--dark32-rgb:64,64,64;--dark40:#525252;--dark48:#9e9e9e;--dark60:#a3a3a3;--dark80:#d4d4d4;--dark100:var(--black);--purple80:#7051d4;--purple100:#2e108e;--blue16:#e4edff;--blue32:#60a5fa;--blue80:#1971a8;--green80:#28a745;--green100:#108944;--red80:#dc3545;--red100:#b91c1c;--yellow80:#ffc107;--color-bg:var(--white);--color-text:var(--dark100);--text-primary:var(--color-text);--text-secondary:var(--dark80);--text-tertiary:var(--dark60);--color-primary:var(--theme-color-primary,var(--purple80));--color-primary--active:var(--theme-color-primary-active,var(--purple100))}:root:not([data-color-scheme=light]):not([data-color-scheme=dark]) body{color:var(--xyd-text-color--default)}}:root{--xyd-page-body-bgcolor:var(--color-bg);--xyd-layout-header-bgcolor:var(--color-bg);--xyd-page-body-color:var(--text-primary);--xyd-page-body-color--secondary:var(--dark60);--xyd-page-gutter:8px;--xyd-content-space:12px;--xyd-sidebar-width:250px;--xyd-sidebar-width--mobile:250px;--xyd-layout-sidebar-bgcolor:var(--color-bg);--xyd-header-total-height:calc(var(--xyd-nav-height) + var(--xyd-subnav-height));--xyd-layout-width-small:800px;--xyd-layout-width-medium:1000px;--xyd-layout-width-large:1200px;--xyd-layout-nav-width-small:200px;--xyd-layout-nav-width-medium:256px;--xyd-font-size-xsmall:12px;--xyd-font-size-small:14px;--xyd-font-size-medium:16px;--xyd-font-size-large:18px;--xyd-font-size-xlarge:22px;--xyd-font-size-xxlarge:26px;--xyd-font-size-2xl:32px;--xyd-line-height-xsmall:16px;--xyd-line-height-small:19px;--xyd-line-height-medium:25px;--xyd-line-height-large:27px;--xyd-line-height-xlarge:33px;--xyd-line-height-xxlarge:39px;--xyd-line-height-2xl:44px;--xyd-font-weight-normal:400;--xyd-font-weight-medium:500;--xyd-font-weight-semibold:600;--xyd-font-weight-bold:700;--xyd-font-weight-extrabold:800;--xyd-font-weight-black:900;--xyd-mobile-breakpoint:768px;--xyd-tablet-breakpoint:1024px;--xyd-cubic-bezier:cubic-bezier(.65,0,.35,1);--xyd-padding-default:16px;--xyd-callout-bgcolor:var(--dark8);--xyd-callout-border-color:var(--dark32);--xyd-callout-icon-color:var(--dark48);--xyd-callout-message-color:var(--dark80);--xyd-button-primary-bg:var(--color-primary);--xyd-button-primary-color:var(--white);--xyd-button-primary-border:var(--color-primary);--xyd-button-primary-bg-hover:var(--color-primary--active);--xyd-button-primary-border-hover:var(--color-primary--active);--xyd-button-secondary-bg:var(--dark16);--xyd-button-secondary-color:var(--text-primary);--xyd-button-secondary-border:var(--dark32);--xyd-button-secondary-bg-hover:var(--dark32);--xyd-button-secondary-border-hover:var(--dark40);--xyd-button-tertiary-bg:transparent;--xyd-button-tertiary-color:var(--text-primary);--xyd-button-tertiary-border:transparent;--xyd-button-tertiary-bg-hover:var(--dark16);--xyd-button-tertiary-border-hover:var(--dark32);--xyd-card-bgcolor:var(--color-bg);--xyd-card-shadow-color:var(--dark32);--xyd-card-border-color:var(--dark32);--xyd-code-bgcolor:linear-gradient(45deg,var(--dark8) 0%,var(--dark8) 100%);--xyd-code-border-color:var(--dark32);--xyd-coder-code-background:linear-gradient(45deg,var(--dark8) 0%,var(--dark8) 100%);--xyd-coder-code-border-color:var(--dark32);--xyd-coder-code-mark-border-color:var(--blue32);--xyd-coder-code-mark-bgcolor:var(--dark16);--xyd-coder-code-copy-color:var(--dark48);--xyd-codetabs-border-color:var(--dark32);--xyd-codetabs-bgcolor:linear-gradient(45deg,var(--dark8) 0%,var(--dark8) 100%);--xyd-codetabs-color:var(--dark80);--xyd-codetabs-color--active:var(--color-primary);--xyd-codetabs-color--hover:var(--dark32);--xyd-badge-color--default:var(--xyd-text-color);--xyd-badge-bgcolor--default:var(--dark32);--xyd-badge-color--warning:var(--xyd-page-body-color);--xyd-badge-bgcolor--warning:var(--yellow80);--xyd-badge-color--info:var(--color-bg);--xyd-badge-bgcolor--info:var(--blue80);--xyd-banner-bgcolor:var(--blue16);--xyd-banner-border-color:unset;--xyd-banner-color:var(--black);--xyd-banner-boxshadow:0 2px 5px rgba(0,0,0,.1);--xyd-breadcrumbs-color:var(--dark48);--xyd-breadcrumbs-color--active:var(--text-primary);--xyd-details-border-color:var(--dark32);--xyd-details-bgcolor--secondary:var(--dark16);--xyd-details-summary-color:var(--dark48);--xyd-details-summary-color--active:var(--text-primary);--xyd-details-summary-code-bgcolor:var(--color-bg);--xyd-details-content-bgcolor:var(--color-bg);--xyd-guidecard-border-color--secondary:var(--dark32);--xyd-guidecard-bgcolor--secondary:var(--dark16);--xyd-guidecard-bgcolor--secondary-active:var(--color-bg);--xyd-guidecard-icon-color:var(--text-primary);--xyd-guidecard-title-color:var(--text-primary);--xyd-guidecard-color:var(--dark48);--xyd-heading-color:var(--text-primary);--xyd-heading-color--muted:var(--dark48);--xyd-heading-icon-color:var(--color-primary);--xyd-text-color:var(--text-primary);--xyd-text-color--default:var(--text-primary);--xyd-text-color--ghost:var(--text-tertiary);--xyd-text-color--success:var(--green80);--xyd-text-color--success--active:var(--green100);--xyd-text-color--success--muted:rgba(40,167,69,.3);--xyd-text-color--warn:var(--yellow80);--xyd-text-color--error:var(--red80);--xyd-text-color--error--active:var(--red100);--xyd-text-color--error--muted:rgba(220,53,69,.3);--xyd-text-color--primary:var(--color-primary);--xyd-text-color--secondary:var(--text-secondary);--xyd-anchor-color:var(--color-primary);--xyd-anchor-color--hover:var(--color-primary--active);--xyd-hr-border-color:var(--dark32);--xyd-list-marker-color:var(--dark48);--xyd-list-item-bgcolor:var(--dark48);--xyd-navlinks-border-color:var(--dark32);--xyd-pre-bgcolor:var(--dark16);--xyd-steps-marker-bgcolor:var(--dark32);--xyd-steps-marker-color:var(--dark80);--xyd-table-border-color:var(--dark32);--xyd-table-bgcolor:var(--dark16);--xyd-tabs-bgcolor:var(--dark16);--xyd-tabs-arrow-bgcolor:var(--color-bg);--xyd-tabs-color:var(--dark48);--xyd-tabs-color--active:var(--text-primary);--xyd-tabs-bgcolor--active:var(--color-bg);--xyd-tabs-shadow-color--active:rgba(0,0,0,.05);--xyd-toccard-border-color:var(--dark32);--xyd-toccard-border-color--active:var(--dark40);--xyd-toccard-color:var(--dark48);--xyd-toccard-title-color:var(--dark80);--xyd-toccard-icon-color:var(--dark80);--xyd-underlinenav-bgcolor:var(--color-bg);--xyd-underlinenav-border-color:hsl(212,15%,84%);--xyd-underlinenav-list-color:hsl(212,15%,48%);--xyd-underlinenav-color--active:var(--color-primary);--xyd-videoguide-miniature-mini-width:202px;--xyd-videoguide-miniature-mini-height:113px;--xyd-videoguide-miniature-expanded-height:100px;--xyd-videoguide-miniature-z-index:1000;--xyd-videoguide-miniature-radius:4px;--xyd-videoguide-miniature-shadow:0 7px 14px 0 rgba(60,66,87,.08),0 3px 6px 0 rgba(0,0,0,.12);--xyd-videoguide-miniature-bgcolor:var(--color-bg);--xyd-videoguide-miniature-duration:0.3s;--xyd-videoguide-miniature-color:var(--color-bg);--xyd-nav-height:50px;--xyd-nav-shadow-bgcolor:var(--color-bg);--xyd-nav-item-color:var(--text-primary);--xyd-nav-item-color--active:var(--dark80);--xyd-nav-item-bgcolor--active:var(--dark16);--xyd-progressbar-bgcolor:var(--dark16);--xyd-progressbar-bgcolor--active:var(--color-primary);--xyd-sidebar-bgcolor:var(--dark16);--xyd-sidebar-divider-color:var(--dark32);--xyd-sidebar-divider-shadow-color:var(--dark32);--xyd-sidebar-item-color--active:var(--text-primary);--xyd-sidebar-item-bgcolor--active:var(--dark32);--xyd-sidebar-item-bgcolor--active-hover:var(--dark32);--xyd-sidebar-item-bgcolor--active-mark:var(--color-primary);--xyd-sidebar-item-color:var(--dark48);--xyd-sidebar-item-header-color:var(--text-primary);--xyd-sidebar-item-padding-left:var(--xyd-padding-default);--xyd-subnav-height:44px;--xyd-subnav-bgcolor:var(--dark16);--xyd-subnav-prefix-color:var(--dark48);--xyd-subnav-prefix-marker-color:var(--dark32);--xyd-subnav-item-color:var(--dark48);--xyd-subnav-item-color--active:var(--color-text);--xyd-subnav-item-color--active-mark:var(--color-primary);--xyd-toc-bgcolor:var(--dark32);--xyd-toc-scroll-bgcolor:var(--dark80);--xyd-toc-item-color:var(--dark48);--xyd-toc-item-color--active:var(--dark80);--xyd-searchbutton-background:var(--dark16);--XydAtlas-Ref-Palette-White:var(--white);--XydAtlas-Ref-Palette-Primary-60:var(--purple80);--XydAtlas-Ref-Palette-Primary-70:var(--purple80);--XydAtlas-Ref-Palette-Primary-80:var(--purple80);--XydAtlas-Ref-Palette-Neutral-10:var(--dark8);--XydAtlas-Ref-Palette-Neutral-20:var(--dark16);--XydAtlas-Ref-Palette-Neutral-30:var(--dark32);--XydAtlas-Ref-Palette-Neutral-40:var(--dark48);--XydAtlas-Ref-Palette-Neutral-70:var(--dark60);--XydAtlas-Ref-Palette-Neutral-80:var(--dark80);--XydAtlas-Ref-Palette-Neutral-100:var(--dark100)}[data-color-scheme=dark]{--xyd-sidebar-bgcolor:var(--white);--xyd-text-color--default:var(--dark48);--xyd-heading-color--muted:var(--dark80);--xyd-button-primary-color:var(--black)}@media (prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not([data-color-scheme=dark]){--xyd-sidebar-bgcolor:var(--white);--xyd-text-color--default:var(--dark48);--xyd-heading-color--muted:var(--dark80);--xyd-button-primary-color:var(--black)}}@layer reset{body{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}}@layer defaults{body{background:var(--white);color:var(--text-primary);font-size:var(--xyd-font-size-small);line-height:var(--xyd-line-height-small)}xyd-page-footer{align-items:center;display:flex;flex-direction:column;justify-content:center;[part=github-button-container]{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:15px}}xyd-built-with{display:flex;gap:8px;justify-content:center;padding:15px;[part=text]{color:var(--dark48);font-size:var(--xyd-font-size-xsmall);letter-spacing:.5px}[part=logo]{a{margin:0;padding:0}svg{height:100%;width:48px}}}}@layer components{xyd-nav xyd-search-button{max-width:200px}}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}@layer themes{xyd-layout-primary{[part=sidebar]{height:calc(100vh - var(--xyd-nav-height) - var(--xyd-page-gutter, 8px)*2);position:sticky;top:var(--xyd-nav-height);z-index:1}&[data-subheader=true][data-hide-subheader=false] [part=sidebar]{height:calc(100vh - var(--xyd-header-total-height) - var(--xyd-page-gutter, 8px)*2);top:calc(var(--xyd-header-total-height) + var(--xyd-page-gutter, 8px))}}}:root{--ch-1:#fff;--ch-2:#ffffff00;--ch-3:#d9d7d5;--ch-4:#ececec;--ch-5:#f5f5f5;--ch-6:#282828;--ch-7:#565456;--ch-8:#c7c6c5;--ch-9:#a6a6a6;--ch-10:#242424;--ch-11:#eef5fe;--ch-12:#82adf3;--ch-13:#3c93fd;--ch-14:#cecece;--ch-15:#000;--ch-16:#c41a16;--ch-17:#007400;--ch-18:#643820;--ch-19:#272ad8;--ch-20:#aa0d91;--ch-21:#3f6e74;--ch-22:#713da9;--ch-23:#536579;--ch-24:#7051d4;--ch-25:#ad3da4;--ch-26:#816927;--ch-27:#d12f1b}[data-color-scheme=dark]{--ch-1:#000;--ch-2:#000;--ch-15:#fff;--ch-16:#0e0e10;--ch-19:#2e95d3;--ch-27:#df3079}@media (prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not([data-color-scheme=dark]){--ch-1:#000;--ch-2:#000;--ch-15:#fff;--ch-16:#0e0e10;--ch-19:#2e95d3;--ch-27:#df3079}}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { BaseTheme } from '@xyd-js/themes';
+
+declare class ThemeCosmo extends BaseTheme {
+    constructor();
+}
+
+export { ThemeCosmo as default };

package/dist/index.js

@@ -0,0 +1,290 @@
+import React from 'react';
+import { BaseTheme } from '@xyd-js/themes';
+import { SearchButton } from 'virtual-component:Search';
+
+// TODO: in the future move to separate package
+const syntaxThemeCosmo = {
+    name: "cosmo",
+    "type": "from-css",
+    colors: {
+        "list.focusForeground": "var(--ch-1)",
+        "scrollbar.shadow": "var(--ch-2)",
+        "tab.activeBorder": "var(--ch-1)",
+        "widget.shadow": "var(--ch-2)",
+        "activityBar.border": "var(--ch-3)",
+        "editorGroup.border": "var(--ch-3)",
+        "editorGroupHeader.tabsBorder": "var(--ch-3)",
+        "editorWidget.border": "var(--ch-3)",
+        "editorWidget.resizeBorder": "var(--ch-3)",
+        "input.border": "var(--ch-3)",
+        "notificationCenter.border": "var(--ch-3)",
+        "notifications.border": "var(--ch-3)",
+        "panel.border": "var(--ch-3)",
+        "sideBar.border": "var(--ch-3)",
+        "statusBar.border": "var(--ch-3)",
+        "tab.border": "var(--ch-3)",
+        "activityBar.background": "var(--ch-4)",
+        "statusBar.background": "var(--ch-4)",
+        "statusBar.noFolderBackground": "var(--ch-4)",
+        "statusBar.debuggingBackground": "var(--ch-4)",
+        "editorGroupHeader.tabsBackground": "var(--ch-5)",
+        "editorWidget.background": "var(--ch-5)",
+        "sideBar.background": "var(--ch-5)",
+        "sideBarSectionHeader.background": "var(--ch-5)",
+        "tab.inactiveBackground": "var(--ch-5)",
+        "activityBarBadge.background": "var(--ch-6)",
+        "activityBar.foreground": "var(--ch-6)",
+        "statusBar.foreground": "var(--ch-7)",
+        "input.placeholderForeground": "var(--ch-8)",
+        "editorLineNumber.foreground": "var(--ch-9)",
+        "editorLineNumber.activeForeground": "var(--ch-6)",
+        foreground: "var(--ch-6)",
+        "panelTitle.activeForeground": "var(--ch-6)",
+        "sideBarTitle.foreground": "var(--ch-6)",
+        "sideBarSectionHeader.foreground": "var(--ch-6)",
+        "panelTitle.inactiveForeground": "var(--ch-10)",
+        "tab.inactiveForeground": "var(--ch-10)",
+        "list.highlightForeground": "var(--ch-10)",
+        "editor.lineHighlightBackground": "var(--ch-11)",
+        focusBorder: "var(--ch-12)",
+        "button.background": "var(--ch-13)",
+        "list.activeSelectionBackground": "var(--ch-13)",
+        "list.focusBackground": "var(--ch-13)",
+        "selection.background": "#B3D7FF",
+        "list.inactiveSelectionBackground": "var(--ch-14)",
+        "terminal.ansiBlack": "var(--ch-15)",
+        "terminal.ansiBrightBlack": "var(--ch-15)",
+        "terminal.ansiRed": "var(--ch-16)",
+        "terminal.ansiBrightRed": "var(--ch-16)",
+        "terminal.ansiGreen": "var(--ch-17)",
+        "terminal.ansiBrightGreen": "var(--ch-17)",
+        "terminal.ansiYellow": "var(--ch-18)",
+        "terminal.ansiBrightYellow": "var(--ch-18)",
+        "terminal.ansiBlue": "var(--ch-19)",
+        "terminal.ansiBrightBlue": "var(--ch-19)",
+        "terminal.ansiMagenta": "var(--ch-20)",
+        "terminal.ansiBrightMagenta": "var(--ch-20)",
+        "terminal.ansiCyan": "var(--ch-21)",
+        "terminal.ansiBrightCyan": "var(--ch-21)",
+    },
+    tokenColors: [
+        {
+            scope: "new.expr entity.name",
+            settings: {
+                foreground: "var(--ch-22)",
+            },
+        },
+        {
+            name: "Comments",
+            scope: ["comment", "comment storage.type"],
+            settings: {
+                foreground: "var(--ch-23)",
+                fontStyle: "italic",
+            },
+        },
+        {
+            name: "CSS",
+            scope: [
+                "entity.other.attribute-name.pseudo-class.css",
+                "entity.other.attribute-name.pseudo-class.scss",
+                "entity.other.attribute-name.pseudo-element.css",
+                "entity.other.attribute-name.pseudo-element.scss",
+                "support.function.calc.css",
+                "support.function.calc.scss",
+                "support.type.property-name.css",
+                "support.type.property-name.scss",
+                "support.type.vendored.property-name.css",
+                "support.type.vendored.property-name.scss",
+                "meta.property-value.css support.constant",
+                "meta.property-value.scss support.constant",
+                "meta.property-value.css support.constant.property-value",
+                "meta.property-value.scss support.constant.property-value",
+                "support.function.transform.css",
+                "support.function.transform.scss",
+            ],
+            settings: {
+                foreground: "var(--ch-20)",
+            },
+        },
+        {
+            name: "Decorator",
+            scope: [
+                "meta.decorator",
+                "meta.decorator punctuation.decorator",
+                "meta.decorator variable.other.readwrite",
+                "meta.decorator meta.function-call entity.name.function",
+            ],
+            settings: {
+                foreground: "var(--ch-18)",
+            },
+        },
+        {
+            name: "Doctype",
+            scope: ["meta.tag.sgml.html"],
+            settings: {
+                foreground: "var(--ch-9)",
+            },
+        },
+        {
+            name: "Functions",
+            scope: ["entity.name.function", "support.function"],
+            settings: {
+                foreground: "var(--ch-24)",
+            },
+        },
+        {
+            name: "Keys",
+            scope: [
+                "meta.property-list meta.property-name",
+                "support.type.property-name",
+                "support.type.map.key",
+                "entity.name.tag.yaml",
+            ],
+            settings: {
+                foreground: "var(--ch-24)",
+            },
+        },
+        {
+            name: "Keywords",
+            scope: [
+                "keyword.control",
+                "keyword.declaration",
+                "keyword.expressions-and-types",
+                "keyword.operator.new",
+                "keyword.reserved",
+                "keyword.statement",
+                "storage.type",
+                "storage.modifier",
+                "constant.language",
+                "variable.language.super",
+                "variable.language.this",
+                "text.html entity.name.tag",
+                "meta.tag entity.name.tag",
+                "meta.tag support.class",
+                "string.regexp keyword.other",
+            ],
+            settings: {
+                foreground: "var(--ch-25)",
+                fontStyle: "bold",
+            },
+        },
+        {
+            name: "Operators",
+            scope: [
+                "storage.type.function.arrow",
+                "meta.template.expression punctuation",
+                "punctuation.separator.key-value",
+                "meta.object-literal.key meta.brace.square",
+                "meta.template.expression keyword.operator",
+                "keyword.operator.or.regexp",
+                "keyword.operator.quantifier",
+                "punctuation.definition.group.regexp",
+                "punctuation.definition.character-class",
+            ],
+            settings: {
+                foreground: "var(--ch-15)",
+            },
+        },
+        {
+            scope: [
+                "meta.tag entity.other.attribute-name",
+                "constant.character.escape.backslash",
+            ],
+            settings: {
+                foreground: "var(--ch-26)",
+            },
+        },
+        {
+            name: "Numbers",
+            scope: ["constant.numeric", "keyword.other.unit", "constant.other.color"],
+            settings: {
+                foreground: "var(--ch-19)",
+            },
+        },
+        {
+            name: "Strings",
+            scope: [
+                "string",
+                "variable.parameter.url.scss",
+                "markup.heading.markdown",
+                "beginning.punctuation.definition.list.markdown",
+                "meta.template.expression meta.embedded punctuation.definition.string.begin",
+                "meta.template.expression meta.embedded punctuation.definition.string.end",
+            ],
+            settings: {
+                foreground: "var(--ch-27)",
+            },
+        },
+        {
+            name: "Types",
+            scope: [
+                "meta.type",
+                "meta.return.type",
+                "entity.name.type",
+                "support.type.primitive",
+            ],
+            settings: {
+                foreground: "var(--ch-22)",
+            },
+        },
+        {
+            scope: [
+                "meta.objectliteral variable.other.object",
+                "entity.name.type.module",
+                "entity.other.inherited-class",
+                "variable.scss",
+                "variable.other.bracket.shell",
+                "entity.name.function.scss",
+            ],
+            settings: {
+                foreground: "var(--ch-21)",
+            },
+        },
+        {
+            scope: [
+                "keyword.control.at-rule",
+                "meta.import variable.other.readwrite",
+                "meta.definition.variable variable.other.readwrite",
+                "meta.definition.variable variable.other.constant",
+                "meta.template.expression variable.other.readwrite",
+                "meta.template.expression variable.other.constant",
+                "support.constant.property-value",
+            ],
+            settings: {
+                foreground: "var(--ch-15)",
+            },
+        },
+        {
+            scope: [
+                "variable.other.property",
+                "variable.other.object.property",
+                "support.variable.property",
+            ],
+            settings: {
+                foreground: "var(--ch-22)",
+            },
+        },
+    ],
+};
+
+class ThemeCosmo extends BaseTheme {
+    constructor() {
+        var _a;
+        super();
+        if ((_a = this.settings) === null || _a === void 0 ? void 0 : _a.coder) {
+            this.settings.coder.syntaxHighlight = syntaxThemeCosmo;
+        }
+        else {
+            this.settings.coder = {
+                syntaxHighlight: syntaxThemeCosmo,
+            };
+        }
+        this.surfaces.define("nav.right", React.createElement(_Search, null));
+    }
+}
+function _Search() {
+    return React.createElement(SearchButton, null);
+}
+
+export { ThemeCosmo as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/syntaxTheme.ts","../src/theme.tsx"],"sourcesContent":["// TODO: in the future move to separate package\nexport const syntaxThemeCosmo = {\n    name: \"cosmo\",\n    \"type\": \"from-css\",\n    colors: {\n        \"list.focusForeground\": \"var(--ch-1)\",\n        \"scrollbar.shadow\": \"var(--ch-2)\",\n        \"tab.activeBorder\": \"var(--ch-1)\",\n        \"widget.shadow\": \"var(--ch-2)\",\n        \"activityBar.border\": \"var(--ch-3)\",\n        \"editorGroup.border\": \"var(--ch-3)\",\n        \"editorGroupHeader.tabsBorder\": \"var(--ch-3)\",\n        \"editorWidget.border\": \"var(--ch-3)\",\n        \"editorWidget.resizeBorder\": \"var(--ch-3)\",\n        \"input.border\": \"var(--ch-3)\",\n        \"notificationCenter.border\": \"var(--ch-3)\",\n        \"notifications.border\": \"var(--ch-3)\",\n        \"panel.border\": \"var(--ch-3)\",\n        \"sideBar.border\": \"var(--ch-3)\",\n        \"statusBar.border\": \"var(--ch-3)\",\n        \"tab.border\": \"var(--ch-3)\",\n        \"activityBar.background\": \"var(--ch-4)\",\n        \"statusBar.background\": \"var(--ch-4)\",\n        \"statusBar.noFolderBackground\": \"var(--ch-4)\",\n        \"statusBar.debuggingBackground\": \"var(--ch-4)\",\n        \"editorGroupHeader.tabsBackground\": \"var(--ch-5)\",\n        \"editorWidget.background\": \"var(--ch-5)\",\n        \"sideBar.background\": \"var(--ch-5)\",\n        \"sideBarSectionHeader.background\": \"var(--ch-5)\",\n        \"tab.inactiveBackground\": \"var(--ch-5)\",\n        \"activityBarBadge.background\": \"var(--ch-6)\",\n        \"activityBar.foreground\": \"var(--ch-6)\",\n        \"statusBar.foreground\": \"var(--ch-7)\",\n        \"input.placeholderForeground\": \"var(--ch-8)\",\n        \"editorLineNumber.foreground\": \"var(--ch-9)\",\n        \"editorLineNumber.activeForeground\": \"var(--ch-6)\",\n        foreground: \"var(--ch-6)\",\n        \"panelTitle.activeForeground\": \"var(--ch-6)\",\n        \"sideBarTitle.foreground\": \"var(--ch-6)\",\n        \"sideBarSectionHeader.foreground\": \"var(--ch-6)\",\n        \"panelTitle.inactiveForeground\": \"var(--ch-10)\",\n        \"tab.inactiveForeground\": \"var(--ch-10)\",\n        \"list.highlightForeground\": \"var(--ch-10)\",\n        \"editor.lineHighlightBackground\": \"var(--ch-11)\",\n        focusBorder: \"var(--ch-12)\",\n        \"button.background\": \"var(--ch-13)\",\n        \"list.activeSelectionBackground\": \"var(--ch-13)\",\n        \"list.focusBackground\": \"var(--ch-13)\",\n        \"selection.background\": \"#B3D7FF\",\n        \"list.inactiveSelectionBackground\": \"var(--ch-14)\",\n        \"terminal.ansiBlack\": \"var(--ch-15)\",\n        \"terminal.ansiBrightBlack\": \"var(--ch-15)\",\n        \"terminal.ansiRed\": \"var(--ch-16)\",\n        \"terminal.ansiBrightRed\": \"var(--ch-16)\",\n        \"terminal.ansiGreen\": \"var(--ch-17)\",\n        \"terminal.ansiBrightGreen\": \"var(--ch-17)\",\n        \"terminal.ansiYellow\": \"var(--ch-18)\",\n        \"terminal.ansiBrightYellow\": \"var(--ch-18)\",\n        \"terminal.ansiBlue\": \"var(--ch-19)\",\n        \"terminal.ansiBrightBlue\": \"var(--ch-19)\",\n        \"terminal.ansiMagenta\": \"var(--ch-20)\",\n        \"terminal.ansiBrightMagenta\": \"var(--ch-20)\",\n        \"terminal.ansiCyan\": \"var(--ch-21)\",\n        \"terminal.ansiBrightCyan\": \"var(--ch-21)\",\n    },\n    tokenColors: [\n        {\n            scope: \"new.expr entity.name\",\n            settings: {\n                foreground: \"var(--ch-22)\",\n            },\n        },\n        {\n            name: \"Comments\",\n            scope: [\"comment\", \"comment storage.type\"],\n            settings: {\n                foreground: \"var(--ch-23)\",\n                fontStyle: \"italic\",\n            },\n        },\n        {\n            name: \"CSS\",\n            scope: [\n                \"entity.other.attribute-name.pseudo-class.css\",\n                \"entity.other.attribute-name.pseudo-class.scss\",\n                \"entity.other.attribute-name.pseudo-element.css\",\n                \"entity.other.attribute-name.pseudo-element.scss\",\n                \"support.function.calc.css\",\n                \"support.function.calc.scss\",\n                \"support.type.property-name.css\",\n                \"support.type.property-name.scss\",\n                \"support.type.vendored.property-name.css\",\n                \"support.type.vendored.property-name.scss\",\n                \"meta.property-value.css support.constant\",\n                \"meta.property-value.scss support.constant\",\n                \"meta.property-value.css support.constant.property-value\",\n                \"meta.property-value.scss support.constant.property-value\",\n                \"support.function.transform.css\",\n                \"support.function.transform.scss\",\n            ],\n            settings: {\n                foreground: \"var(--ch-20)\",\n            },\n        },\n        {\n            name: \"Decorator\",\n            scope: [\n                \"meta.decorator\",\n                \"meta.decorator punctuation.decorator\",\n                \"meta.decorator variable.other.readwrite\",\n                \"meta.decorator meta.function-call entity.name.function\",\n            ],\n            settings: {\n                foreground: \"var(--ch-18)\",\n            },\n        },\n        {\n            name: \"Doctype\",\n            scope: [\"meta.tag.sgml.html\"],\n            settings: {\n                foreground: \"var(--ch-9)\",\n            },\n        },\n        {\n            name: \"Functions\",\n            scope: [\"entity.name.function\", \"support.function\"],\n            settings: {\n                foreground: \"var(--ch-24)\",\n            },\n        },\n        {\n            name: \"Keys\",\n            scope: [\n                \"meta.property-list meta.property-name\",\n                \"support.type.property-name\",\n                \"support.type.map.key\",\n                \"entity.name.tag.yaml\",\n            ],\n            settings: {\n                foreground: \"var(--ch-24)\",\n            },\n        },\n        {\n            name: \"Keywords\",\n            scope: [\n                \"keyword.control\",\n                \"keyword.declaration\",\n                \"keyword.expressions-and-types\",\n                \"keyword.operator.new\",\n                \"keyword.reserved\",\n                \"keyword.statement\",\n                \"storage.type\",\n                \"storage.modifier\",\n                \"constant.language\",\n                \"variable.language.super\",\n                \"variable.language.this\",\n                \"text.html entity.name.tag\",\n                \"meta.tag entity.name.tag\",\n                \"meta.tag support.class\",\n                \"string.regexp keyword.other\",\n            ],\n            settings: {\n                foreground: \"var(--ch-25)\",\n                fontStyle: \"bold\",\n            },\n        },\n        {\n            name: \"Operators\",\n            scope: [\n                \"storage.type.function.arrow\",\n                \"meta.template.expression punctuation\",\n                \"punctuation.separator.key-value\",\n                \"meta.object-literal.key meta.brace.square\",\n                \"meta.template.expression keyword.operator\",\n                \"keyword.operator.or.regexp\",\n                \"keyword.operator.quantifier\",\n                \"punctuation.definition.group.regexp\",\n                \"punctuation.definition.character-class\",\n            ],\n            settings: {\n                foreground: \"var(--ch-15)\",\n            },\n        },\n        {\n            scope: [\n                \"meta.tag entity.other.attribute-name\",\n                \"constant.character.escape.backslash\",\n            ],\n            settings: {\n                foreground: \"var(--ch-26)\",\n            },\n        },\n        {\n            name: \"Numbers\",\n            scope: [\"constant.numeric\", \"keyword.other.unit\", \"constant.other.color\"],\n            settings: {\n                foreground: \"var(--ch-19)\",\n            },\n        },\n        {\n            name: \"Strings\",\n            scope: [\n                \"string\",\n                \"variable.parameter.url.scss\",\n                \"markup.heading.markdown\",\n                \"beginning.punctuation.definition.list.markdown\",\n                \"meta.template.expression meta.embedded punctuation.definition.string.begin\",\n                \"meta.template.expression meta.embedded punctuation.definition.string.end\",\n            ],\n            settings: {\n                foreground: \"var(--ch-27)\",\n            },\n        },\n        {\n            name: \"Types\",\n            scope: [\n                \"meta.type\",\n                \"meta.return.type\",\n                \"entity.name.type\",\n                \"support.type.primitive\",\n            ],\n            settings: {\n                foreground: \"var(--ch-22)\",\n            },\n        },\n        {\n            scope: [\n                \"meta.objectliteral variable.other.object\",\n                \"entity.name.type.module\",\n                \"entity.other.inherited-class\",\n                \"variable.scss\",\n                \"variable.other.bracket.shell\",\n                \"entity.name.function.scss\",\n            ],\n            settings: {\n                foreground: \"var(--ch-21)\",\n            },\n        },\n        {\n            scope: [\n                \"keyword.control.at-rule\",\n                \"meta.import variable.other.readwrite\",\n                \"meta.definition.variable variable.other.readwrite\",\n                \"meta.definition.variable variable.other.constant\",\n                \"meta.template.expression variable.other.readwrite\",\n                \"meta.template.expression variable.other.constant\",\n                \"support.constant.property-value\",\n            ],\n            settings: {\n                foreground: \"var(--ch-15)\",\n            },\n        },\n        {\n            scope: [\n                \"variable.other.property\",\n                \"variable.other.object.property\",\n                \"support.variable.property\",\n            ],\n            settings: {\n                foreground: \"var(--ch-22)\",\n            },\n        },\n    ],\n}\n","import React from \"react\"\n\nimport { Theme as ThemeSettings } from \"@xyd-js/core\"\nimport { BaseTheme } from \"@xyd-js/themes\"\n\n// @ts-ignore\nimport { SearchButton } from 'virtual-component:Search'\n\nimport { syntaxThemeCosmo } from \"./syntaxTheme\"\n\nimport \"./imports.css\"\n\nimport \"@xyd-js/themes/index.css\"\n\nimport './index.css';\nimport './override.css';\nimport './vars.css';\n\nexport default class ThemeCosmo extends BaseTheme {\n    constructor() {\n        super();\n\n        if (this.settings?.coder) {\n            this.settings.coder.syntaxHighlight = syntaxThemeCosmo;\n        } else {\n            this.settings.coder = {\n                syntaxHighlight: syntaxThemeCosmo,\n            }\n        }\n\n        this.surfaces.define(\"nav.right\", <_Search />)\n    }\n}\n\n\nfunction _Search() {\n    return <SearchButton />\n}\n\n\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@xyd-js/theme-cosmo",
+  "version": "0.1.0-xyd.2",
+  "description": "",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./index.css": "./dist/index.css",
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@linaria/atomic": "^6.2.0",
+    "@linaria/core": "^6.2.0",
+    "@xyd-js/atlas": "0.1.0-xyd.18"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router": "^7.5.0",
+    "@xyd-js/components": "0.1.0-xyd.13",
+    "@xyd-js/framework": "0.1.0-xyd.34",
+    "@xyd-js/themes": "0.1.1-xyd.5"
+  },
+  "devDependencies": {
+    "@babel/preset-typescript": "^7.26.0",
+    "@babel/preset-react": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-flow": "^7.25.9",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@wyw-in-js/rollup": "^0.5.5",
+    "@wyw-in-js/vite": "^0.5.5",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.47",
+    "postcss-import": "^16.1.0",
+    "rollup": "^4.27.4",
+    "rollup-plugin-css-only": "^4.5.2",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "tsup": "^8.3.0",
+    "rimraf": "^3.0.2"
+  },
+  "scripts": {
+    "clean": "rimraf build",
+    "build": "rollup -c rollup.config.js"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,85 @@
+import {createRequire} from "module";
+
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import typescript from '@rollup/plugin-typescript';
+import dts from 'rollup-plugin-dts';
+import postcss from 'rollup-plugin-postcss';
+import postcssImport from 'postcss-import';
+import wyw from '@wyw-in-js/rollup';
+
+const require = createRequire(import.meta.url);
+
+const {
+    dependencies,
+    peerDependencies,
+    devDependencies
+} = require('./package.json', {assert: {type: 'json'}});
+
+const external = [
+    ...Object.keys(dependencies),
+    ...Object.keys(peerDependencies),
+    ...Object.keys(devDependencies),
+    "@xyd-js/framework/react",
+    "@xyd-js/components/brand",
+    "@xyd-js/components/coder",
+    "@xyd-js/components/content",
+    "@xyd-js/components/layouts",
+    "@xyd-js/components/pages",
+    "@xyd-js/components/views",
+];
+
+export default [
+    {
+        input: {
+            index: './src/index.ts'
+        },
+        output: [
+            {
+                dir: 'dist',
+                format: 'esm',
+                sourcemap: true,
+                entryFileNames: '[name].js'
+            }
+        ],
+        plugins: [
+            wyw({
+                include: ['**/*.{ts,tsx}'],
+                babelOptions: {
+                    presets: [
+                        '@babel/preset-typescript',
+                        '@babel/preset-react'
+                    ],
+                },
+            }),
+            resolve(),
+            commonjs(),
+            typescript({
+                tsconfig: './tsconfig.json',
+            }),
+            postcss({
+                extensions: ['.css'],
+                plugins: [postcssImport()],
+                extract: true, // Extract CSS into a separate file
+                minimize: true, // Minify the CSS
+            }),
+        ],
+        external
+    },
+    {
+        input: './src/index.ts',
+        output: {
+            file: 'dist/index.d.ts',
+            format: 'es',
+        },
+        plugins: [
+            dts({
+                respectExternal: true, // Ignore unresolved imports
+            }),
+        ],
+        external: [
+            ...external,
+            /\.css$/ // Mark CSS imports as external
+        ],
+    },
+];

package/src/imports.css

@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css2?family=Fustat:wght@400;600;800&display=swap');

package/src/index.css

@@ -0,0 +1,7 @@
+html {
+    font-family: 'Fustat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: 400;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+

package/src/index.ts

@@ -0,0 +1 @@
+export {default} from "./theme"

package/src/override.css

@@ -0,0 +1,15 @@
+@layer themes {
+    xyd-layout-primary {
+        [part="sidebar"] {
+            position: sticky;
+            height: calc(100vh - var(--xyd-nav-height) - calc(var(--xyd-page-gutter, 8px) * 2));
+            z-index: 1;
+            top: var(--xyd-nav-height);
+        }
+
+        &[data-subheader="true"][data-hide-subheader="false"] [part="sidebar"] {
+            top: calc(var(--xyd-header-total-height) + var(--xyd-page-gutter, 8px));
+            height: calc(100vh - var(--xyd-header-total-height) - calc(var(--xyd-page-gutter, 8px) * 2));
+        }
+    }
+}

package/src/syntax.css

@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css2?family=Fustat:wght@400;600;800&display=swap');

package/src/syntaxTheme.ts

@@ -0,0 +1,264 @@
+// TODO: in the future move to separate package
+export const syntaxThemeCosmo = {
+    name: "cosmo",
+    "type": "from-css",
+    colors: {
+        "list.focusForeground": "var(--ch-1)",
+        "scrollbar.shadow": "var(--ch-2)",
+        "tab.activeBorder": "var(--ch-1)",
+        "widget.shadow": "var(--ch-2)",
+        "activityBar.border": "var(--ch-3)",
+        "editorGroup.border": "var(--ch-3)",
+        "editorGroupHeader.tabsBorder": "var(--ch-3)",
+        "editorWidget.border": "var(--ch-3)",
+        "editorWidget.resizeBorder": "var(--ch-3)",
+        "input.border": "var(--ch-3)",
+        "notificationCenter.border": "var(--ch-3)",
+        "notifications.border": "var(--ch-3)",
+        "panel.border": "var(--ch-3)",
+        "sideBar.border": "var(--ch-3)",
+        "statusBar.border": "var(--ch-3)",
+        "tab.border": "var(--ch-3)",
+        "activityBar.background": "var(--ch-4)",
+        "statusBar.background": "var(--ch-4)",
+        "statusBar.noFolderBackground": "var(--ch-4)",
+        "statusBar.debuggingBackground": "var(--ch-4)",
+        "editorGroupHeader.tabsBackground": "var(--ch-5)",
+        "editorWidget.background": "var(--ch-5)",
+        "sideBar.background": "var(--ch-5)",
+        "sideBarSectionHeader.background": "var(--ch-5)",
+        "tab.inactiveBackground": "var(--ch-5)",
+        "activityBarBadge.background": "var(--ch-6)",
+        "activityBar.foreground": "var(--ch-6)",
+        "statusBar.foreground": "var(--ch-7)",
+        "input.placeholderForeground": "var(--ch-8)",
+        "editorLineNumber.foreground": "var(--ch-9)",
+        "editorLineNumber.activeForeground": "var(--ch-6)",
+        foreground: "var(--ch-6)",
+        "panelTitle.activeForeground": "var(--ch-6)",
+        "sideBarTitle.foreground": "var(--ch-6)",
+        "sideBarSectionHeader.foreground": "var(--ch-6)",
+        "panelTitle.inactiveForeground": "var(--ch-10)",
+        "tab.inactiveForeground": "var(--ch-10)",
+        "list.highlightForeground": "var(--ch-10)",
+        "editor.lineHighlightBackground": "var(--ch-11)",
+        focusBorder: "var(--ch-12)",
+        "button.background": "var(--ch-13)",
+        "list.activeSelectionBackground": "var(--ch-13)",
+        "list.focusBackground": "var(--ch-13)",
+        "selection.background": "#B3D7FF",
+        "list.inactiveSelectionBackground": "var(--ch-14)",
+        "terminal.ansiBlack": "var(--ch-15)",
+        "terminal.ansiBrightBlack": "var(--ch-15)",
+        "terminal.ansiRed": "var(--ch-16)",
+        "terminal.ansiBrightRed": "var(--ch-16)",
+        "terminal.ansiGreen": "var(--ch-17)",
+        "terminal.ansiBrightGreen": "var(--ch-17)",
+        "terminal.ansiYellow": "var(--ch-18)",
+        "terminal.ansiBrightYellow": "var(--ch-18)",
+        "terminal.ansiBlue": "var(--ch-19)",
+        "terminal.ansiBrightBlue": "var(--ch-19)",
+        "terminal.ansiMagenta": "var(--ch-20)",
+        "terminal.ansiBrightMagenta": "var(--ch-20)",
+        "terminal.ansiCyan": "var(--ch-21)",
+        "terminal.ansiBrightCyan": "var(--ch-21)",
+    },
+    tokenColors: [
+        {
+            scope: "new.expr entity.name",
+            settings: {
+                foreground: "var(--ch-22)",
+            },
+        },
+        {
+            name: "Comments",
+            scope: ["comment", "comment storage.type"],
+            settings: {
+                foreground: "var(--ch-23)",
+                fontStyle: "italic",
+            },
+        },
+        {
+            name: "CSS",
+            scope: [
+                "entity.other.attribute-name.pseudo-class.css",
+                "entity.other.attribute-name.pseudo-class.scss",
+                "entity.other.attribute-name.pseudo-element.css",
+                "entity.other.attribute-name.pseudo-element.scss",
+                "support.function.calc.css",
+                "support.function.calc.scss",
+                "support.type.property-name.css",
+                "support.type.property-name.scss",
+                "support.type.vendored.property-name.css",
+                "support.type.vendored.property-name.scss",
+                "meta.property-value.css support.constant",
+                "meta.property-value.scss support.constant",
+                "meta.property-value.css support.constant.property-value",
+                "meta.property-value.scss support.constant.property-value",
+                "support.function.transform.css",
+                "support.function.transform.scss",
+            ],
+            settings: {
+                foreground: "var(--ch-20)",
+            },
+        },
+        {
+            name: "Decorator",
+            scope: [
+                "meta.decorator",
+                "meta.decorator punctuation.decorator",
+                "meta.decorator variable.other.readwrite",
+                "meta.decorator meta.function-call entity.name.function",
+            ],
+            settings: {
+                foreground: "var(--ch-18)",
+            },
+        },
+        {
+            name: "Doctype",
+            scope: ["meta.tag.sgml.html"],
+            settings: {
+                foreground: "var(--ch-9)",
+            },
+        },
+        {
+            name: "Functions",
+            scope: ["entity.name.function", "support.function"],
+            settings: {
+                foreground: "var(--ch-24)",
+            },
+        },
+        {
+            name: "Keys",
+            scope: [
+                "meta.property-list meta.property-name",
+                "support.type.property-name",
+                "support.type.map.key",
+                "entity.name.tag.yaml",
+            ],
+            settings: {
+                foreground: "var(--ch-24)",
+            },
+        },
+        {
+            name: "Keywords",
+            scope: [
+                "keyword.control",
+                "keyword.declaration",
+                "keyword.expressions-and-types",
+                "keyword.operator.new",
+                "keyword.reserved",
+                "keyword.statement",
+                "storage.type",
+                "storage.modifier",
+                "constant.language",
+                "variable.language.super",
+                "variable.language.this",
+                "text.html entity.name.tag",
+                "meta.tag entity.name.tag",
+                "meta.tag support.class",
+                "string.regexp keyword.other",
+            ],
+            settings: {
+                foreground: "var(--ch-25)",
+                fontStyle: "bold",
+            },
+        },
+        {
+            name: "Operators",
+            scope: [
+                "storage.type.function.arrow",
+                "meta.template.expression punctuation",
+                "punctuation.separator.key-value",
+                "meta.object-literal.key meta.brace.square",
+                "meta.template.expression keyword.operator",
+                "keyword.operator.or.regexp",
+                "keyword.operator.quantifier",
+                "punctuation.definition.group.regexp",
+                "punctuation.definition.character-class",
+            ],
+            settings: {
+                foreground: "var(--ch-15)",
+            },
+        },
+        {
+            scope: [
+                "meta.tag entity.other.attribute-name",
+                "constant.character.escape.backslash",
+            ],
+            settings: {
+                foreground: "var(--ch-26)",
+            },
+        },
+        {
+            name: "Numbers",
+            scope: ["constant.numeric", "keyword.other.unit", "constant.other.color"],
+            settings: {
+                foreground: "var(--ch-19)",
+            },
+        },
+        {
+            name: "Strings",
+            scope: [
+                "string",
+                "variable.parameter.url.scss",
+                "markup.heading.markdown",
+                "beginning.punctuation.definition.list.markdown",
+                "meta.template.expression meta.embedded punctuation.definition.string.begin",
+                "meta.template.expression meta.embedded punctuation.definition.string.end",
+            ],
+            settings: {
+                foreground: "var(--ch-27)",
+            },
+        },
+        {
+            name: "Types",
+            scope: [
+                "meta.type",
+                "meta.return.type",
+                "entity.name.type",
+                "support.type.primitive",
+            ],
+            settings: {
+                foreground: "var(--ch-22)",
+            },
+        },
+        {
+            scope: [
+                "meta.objectliteral variable.other.object",
+                "entity.name.type.module",
+                "entity.other.inherited-class",
+                "variable.scss",
+                "variable.other.bracket.shell",
+                "entity.name.function.scss",
+            ],
+            settings: {
+                foreground: "var(--ch-21)",
+            },
+        },
+        {
+            scope: [
+                "keyword.control.at-rule",
+                "meta.import variable.other.readwrite",
+                "meta.definition.variable variable.other.readwrite",
+                "meta.definition.variable variable.other.constant",
+                "meta.template.expression variable.other.readwrite",
+                "meta.template.expression variable.other.constant",
+                "support.constant.property-value",
+            ],
+            settings: {
+                foreground: "var(--ch-15)",
+            },
+        },
+        {
+            scope: [
+                "variable.other.property",
+                "variable.other.object.property",
+                "support.variable.property",
+            ],
+            settings: {
+                foreground: "var(--ch-22)",
+            },
+        },
+    ],
+}

package/src/theme.tsx

@@ -0,0 +1,40 @@
+import React from "react"
+
+import { Theme as ThemeSettings } from "@xyd-js/core"
+import { BaseTheme } from "@xyd-js/themes"
+
+// @ts-ignore
+import { SearchButton } from 'virtual-component:Search'
+
+import { syntaxThemeCosmo } from "./syntaxTheme"
+
+import "./imports.css"
+
+import "@xyd-js/themes/index.css"
+
+import './index.css';
+import './override.css';
+import './vars.css';
+
+export default class ThemeCosmo extends BaseTheme {
+    constructor() {
+        super();
+
+        if (this.settings?.coder) {
+            this.settings.coder.syntaxHighlight = syntaxThemeCosmo;
+        } else {
+            this.settings.coder = {
+                syntaxHighlight: syntaxThemeCosmo,
+            }
+        }
+
+        this.surfaces.define("nav.right", <_Search />)
+    }
+}
+
+
+function _Search() {
+    return <SearchButton />
+}
+
+

package/src/vars.css

@@ -0,0 +1,50 @@
+:root {
+    --ch-1: #FFFFFF;
+    --ch-2: #ffffff00;
+    --ch-3: #D9D7D5;
+    --ch-4: #ECECEC;
+    --ch-5: #F5F5F5;
+    --ch-6: #282828;
+    --ch-7: #565456;
+    --ch-8: #C7C6C5;
+    --ch-9: #A6A6A6;
+    --ch-10: #242424;
+    --ch-11: #EEF5FE;
+    --ch-12: #82ADF3;
+    --ch-13: #3C93FD;
+    --ch-14: #CECECE;
+    --ch-15: #000000;
+    --ch-16: #C41A16;
+    --ch-17: #007400;
+    --ch-18: #643820;
+    --ch-19: #272AD8;
+    --ch-20: #AA0D91;
+    --ch-21: #3F6E74;
+    --ch-22: #713DA9;
+    --ch-23: #536579;
+    --ch-24: #7051d4;
+    --ch-25: #AD3DA4;
+    --ch-26: #816927;
+    --ch-27: #D12F1B;
+}
+
+[data-color-scheme="dark"] {
+    --ch-1: #000;
+    --ch-2: #000;
+    --ch-15: #fff;
+    --ch-16: #0e0e10;
+    --ch-19: #2e95d3;
+    --ch-27: #df3079;
+}
+
+/* System Dark Mode Support */
+@media (prefers-color-scheme: dark) {
+    :root:not([data-color-scheme="light"]):not([data-color-scheme="dark"]) {
+        --ch-1: #000;
+        --ch-2: #000;
+        --ch-15: #fff;
+        --ch-16: #0e0e10;
+        --ch-19: #2e95d3;
+        --ch-27: #df3079;
+    }
+}

package/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "paths": {
+        "@xyd-js/themes": ["../xyd-themes/src"],
+    },
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "target": "ES6",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noEmit": true,
+    "incremental": false,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "strictNullChecks": true
+  },
+  "include": [
+    "packages/css/src",
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}