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

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# @xyd-js/theme-opener
+
+## 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
+  - @xyd-js/ui@0.1.0-xyd.18
+
+## 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
+  - @xyd-js/ui@0.1.0-xyd.17

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-opener

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-Primary-60:var(--purple80);--XydAtlas-Ref-Palette-Primary-70:var(--purple80);--XydAtlas-Ref-Palette-Primary-80:var(--purple80);--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{header{[part=header-content]{border-bottom:1px solid var(--dark32);border-top:1px solid var(--dark32)}}xyd-sidebar{border-radius:0;border-right:.5px solid var(--dark32)}xyd-subnav{background:var(--white);border-bottom:1px solid var(--dark32);border-radius:0}xyd-layout-primary[data-hide-subheader=true]{xyd-subnav{border-top:none}}xyd-layout-primary{[part=sidebar]{height:100vh;position:sticky;top:0;z-index:1}&:not([data-layout=wide]){[part=page-container]{max-width:100%}[part=page-article-container],[part=page-scroll]{padding:0}[part=page-article]{background-attachment:fixed;background-image:linear-gradient(180deg,rgba(var(--opener-gray4-rgb),.5) 0,rgba(var(--opener-gray4-rgb),0) 48.32%);border-right:1px solid var(--dark32);flex:2}[part=page-article-nav]{flex:1}}@media (min-width:1440px){aside[part=sidebar],xyd-subnav{--xyd-layout-max-width:1600px;--xyd-sidebar-width:350px;padding-left:max(32px,calc(50% - var(--xyd-layout-max-width)/2 + 32px))}aside[part=sidebar]{width:calc(50% - var(--xyd-layout-max-width)/2 + var(--xyd-sidebar-width))}}opener-content{[part=opener-content-header]{align-items:center;border-bottom:1px solid var(--dark32);display:flex;justify-content:space-between;padding:25px 75px}[part=opener-content]{padding:25px 75px}}}}:root{--opener-blue80:#0b64dd;--opener-blue100:#1750ba;--opener-gray4-rgb:246,247,249;--opener-gray4:#f6f7f9;--opener-gray64:#363434;--opener-gray80:#1e1e1e;--color-primary:var(--opener-blue80);--color-primary--active:var(--opener-blue100);--xyd-page-gutter:0;--xyd-subnav-height:50px;--xyd-codetabs-bgcolor:var(--opener-gray80);--xyd-codetabs-color:var(--white);--xyd-codetabs-color--hover:var(--opener-gray64);--xyd-coder-code-mark-bgcolor:var(--xyd-codetabs-color--hover);--xyd-coder-code-mark-border-color:var(--color-primary);--xyd-coder-code-border-color:var(--opener-gray80);--xyd-sidebar-bgcolor:var(--white);--xyd-sidebar-item-bgcolor--active:var(--opener-gray4);--xyd-sidebar-item-bgcolor--active-hover:var(--opener-gray4);--XydAtlas-Ref-Palette-White:var(--white);--XydAtlas-Ref-Palette-Primary-60:var(--color-primary);--XydAtlas-Ref-Palette-Primary-70:var(--color-primary--active);--XydAtlas-Ref-Palette-Primary-80:var(--color-primary--active);--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(--dark40);--XydAtlas-Ref-Palette-Neutral-70:var(--dark48);--XydAtlas-Ref-Palette-Neutral-80:var(--dark60);--XydAtlas-Ref-Palette-Neutral-100:var(--dark80)}[data-color-scheme=dark]{--xyd-codetabs-color:var(--black);--opener-gray4-rgb:var(--dark32-rgb);--opener-gray4:var(--dark32)}@media (prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not([data-color-scheme=dark]){--xyd-codetabs-color:var(--black);--opener-gray4-rgb:var(--dark32-rgb);--opener-gray4:var(--dark32)}}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BaseTheme } from '@xyd-js/themes';
+
+declare class ThemeOpener extends BaseTheme {
+    constructor();
+    reactContentComponents(): {
+        [component: string]: (props: any) => React.JSX.Element | null;
+    };
+    protected Content({ children }: {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+}
+
+export { ThemeOpener as default };

package/dist/index.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { UISidebar } from '@xyd-js/ui';
+import { BaseTheme } from '@xyd-js/themes';
+import { ContentDecorator } from '@xyd-js/components/content';
+import { useMetadata, useContentComponent, FwCopyPage, FwNavLinks } from '@xyd-js/framework/react';
+import { SearchButton } from 'virtual-component:Search';
+
+class ThemeOpener extends BaseTheme {
+    constructor() {
+        super();
+        if (this.settings.coder) {
+            this.settings.coder.syntaxHighlight = "dark-plus";
+        }
+        else {
+            this.settings.coder = {
+                syntaxHighlight: "dark-plus",
+            };
+        }
+        this.surfaces.define("sidebar.top", React.createElement(_Search, null));
+    }
+    reactContentComponents() {
+        const meta = useMetadata();
+        if (isDefaultContent(meta)) {
+            return super.reactContentComponents();
+        }
+        return Object.assign(Object.assign({}, super.reactContentComponents()), { h1: () => null, Subtitle: () => null });
+    }
+    Content({ children }) {
+        const meta = useMetadata();
+        const ContentComponent = useContentComponent();
+        const OriginalContent = super.Content;
+        if (isDefaultContent(meta)) {
+            return React.createElement(OriginalContent, { children: children });
+        }
+        const { h1, Subtitle, code } = this.reactContent.components();
+        return React.createElement(ContentDecorator, { metaComponent: (meta === null || meta === void 0 ? void 0 : meta.component) || undefined },
+            React.createElement("main", null,
+                React.createElement("opener-content", null,
+                    React.createElement("div", { part: "opener-content-header" },
+                        React.createElement("div", null,
+                            React.createElement(ContentComponent, { components: Object.assign(Object.assign({}, this.reactContent.noop()), { h1,
+                                    Subtitle,
+                                    code }) }, children)),
+                        React.createElement(FwCopyPage, null)),
+                    React.createElement("div", { part: "opener-content" },
+                        children,
+                        React.createElement(FwNavLinks, null)))));
+    }
+}
+function isDefaultContent(meta) {
+    return (meta === null || meta === void 0 ? void 0 : meta.openapi) || (meta === null || meta === void 0 ? void 0 : meta.graphql) || meta.component === "atlas" || meta.uniform;
+}
+function _Search() {
+    return React.createElement(React.Fragment, null,
+        React.createElement(UISidebar.Item, { button: true, anchor: true },
+            React.createElement(SearchButton, null)));
+}
+
+export { ThemeOpener as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/theme.tsx"],"sourcesContent":["import React, { } from \"react\"\n\nimport { Text } from \"@xyd-js/components/writer\"\nimport { UISidebar } from \"@xyd-js/ui\"\nimport { BaseTheme } from \"@xyd-js/themes\"\nimport { ContentDecorator } from \"@xyd-js/components/content\"\nimport { FwNavLinks, FwCopyPage, useMetadata } from \"@xyd-js/framework/react\"\n\nimport { useContentComponent } from \"@xyd-js/framework/react\";\n\n// @ts-ignore\nimport { SearchButton } from 'virtual-component:Search'\n\nimport \"./imports.css\"\n\nimport \"@xyd-js/themes/index.css\"\n\nimport './index.css';\nimport './override.css';\nimport './vars.css';\nimport { Metadata } from \"@xyd-js/core\"\n\nexport default class ThemeOpener extends BaseTheme {\n    constructor() {\n        super()\n\n        if (this.settings.coder) {\n            this.settings.coder.syntaxHighlight = \"dark-plus\";\n        } else {\n            this.settings.coder = {\n                syntaxHighlight: \"dark-plus\",\n            }\n        }\n\n        this.surfaces.define(\"sidebar.top\", <_Search />)\n    }\n\n    public override reactContentComponents() {\n        const meta = useMetadata()\n\n        if (isDefaultContent(meta)) {\n            return super.reactContentComponents()\n        }\n        \n        return {\n            ...super.reactContentComponents(),\n            h1: () => null,\n            Subtitle: () => null,\n        }\n    }\n\n    protected override Content({ children }: { children: React.ReactNode }) {\n        const meta = useMetadata()\n        const ContentComponent = useContentComponent()\n        const OriginalContent = super.Content\n\n        if (isDefaultContent(meta)) {\n            return <OriginalContent children={children} />\n        }\n\n        const { h1, Subtitle, code } = this.reactContent.components()\n\n        return <ContentDecorator metaComponent={meta?.component || undefined}>\n            <main>\n                <opener-content>\n                    <div part=\"opener-content-header\">\n                        <div>\n                            <ContentComponent components={{ // TODO: !!! BETTER API !!!\n                                ...this.reactContent.noop(),\n                                h1,\n                                Subtitle,\n                                code\n                            }}>\n                                {children}\n                            </ContentComponent>\n                        </div>\n                        <FwCopyPage />\n                    </div>\n\n                    <div part=\"opener-content\">\n                        {children}\n                        <FwNavLinks />\n                    </div>\n                </opener-content>\n            </main>\n        </ContentDecorator>\n    }\n}\n\nfunction isDefaultContent(meta: Metadata) {\n    return meta?.openapi || meta?.graphql || meta.component === \"atlas\" || meta.uniform\n}\n\nfunction _Search() {\n    return <>\n        <UISidebar.Item button anchor>\n            <SearchButton />\n        </UISidebar.Item>\n    </>\n}\n\n\n"],"names":[],"mappings":";;;;;;;AAsBc,MAAO,WAAY,SAAQ,SAAS,CAAA;AAC9C,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE;AAEP,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;YACrB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,GAAG,WAAW;;aAC9C;AACH,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG;AAClB,gBAAA,eAAe,EAAE,WAAW;aAC/B;;QAGL,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA,CAAG,CAAC;;IAGpC,sBAAsB,GAAA;AAClC,QAAA,MAAM,IAAI,GAAG,WAAW,EAAE;AAE1B,QAAA,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK,CAAC,sBAAsB,EAAE;;AAGzC,QAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACO,KAAK,CAAC,sBAAsB,EAAE,CAAA,EAAA,EACjC,EAAE,EAAE,MAAM,IAAI,EACd,QAAQ,EAAE,MAAM,IAAI,EAAA,CAAA;;IAIT,OAAO,CAAC,EAAE,QAAQ,EAAiC,EAAA;AAClE,QAAA,MAAM,IAAI,GAAG,WAAW,EAAE;AAC1B,QAAA,MAAM,gBAAgB,GAAG,mBAAmB,EAAE;AAC9C,QAAA,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO;AAErC,QAAA,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE;AACxB,YAAA,OAAO,oBAAC,eAAe,EAAA,EAAC,QAAQ,EAAE,QAAQ,GAAI;;AAGlD,QAAA,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE;AAE7D,QAAA,OAAO,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,aAAa,EAAE,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,SAAS,KAAI,SAAS,EAAA;AAChE,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AACI,gBAAA,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAA;oBACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,uBAAuB,EAAA;AAC7B,wBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;4BACI,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,UAAU,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACrB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA,EAAA,EAC3B,EAAE;oCACF,QAAQ;oCACR,IAAI,EAAA,CAAA,EAAA,EAEH,QAAQ,CACM,CACjB;wBACN,KAAA,CAAA,aAAA,CAAC,UAAU,OAAG,CACZ;oBAEN,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,gBAAgB,EAAA;wBACrB,QAAQ;AACT,wBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA,CAAG,CACZ,CACO,CACd,CACQ;;AAE1B;AAED,SAAS,gBAAgB,CAAC,IAAc,EAAA;IACpC,OAAO,CAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO,MAAI,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO,CAAA,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,IAAI,CAAC,OAAO;AACvF;AAEA,SAAS,OAAO,GAAA;IACZ,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACH,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,CAAC,IAAI,EAAA,EAAC,MAAM,QAAC,MAAM,EAAA,IAAA,EAAA;AACzB,YAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG,CACH,CAClB;AACP;;;;"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@xyd-js/theme-opener",
+  "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": {
+    "@docsearch/css": "^3.9.0",
+    "@docsearch/react": "^3.9.0",
+    "@linaria/atomic": "^6.2.0",
+    "@linaria/core": "^6.2.0",
+    "@orama/react-components": "^0.7.0",
+    "@xyd-js/atlas": "0.1.0-xyd.18",
+    "@xyd-js/ui": "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-env": "^7.26.0",
+    "@babel/preset-flow": "^7.25.9",
+    "@babel/preset-react": "^7.26.0",
+    "@babel/preset-typescript": "^7.26.0",
+    "@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",
+    "rimraf": "^3.0.2",
+    "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"
+  },
+  "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,88 @@
+@layer themes {
+    header {
+        [part="header-content"] {
+            border-bottom: 1px solid var(--dark32);
+            border-top: 1px solid var(--dark32);
+        }
+    }
+
+    xyd-sidebar {
+        border-radius: 0;
+        border-right: 0.5px solid var(--dark32);
+    }
+
+    xyd-subnav {
+        border-bottom: 1px solid var(--dark32);
+        border-radius: 0;
+        background: var(--white);
+    }
+
+    xyd-layout-primary[data-hide-subheader="true"] {
+        xyd-subnav {
+            border-top: none;
+        }
+    }
+
+    xyd-layout-primary {
+        [part="sidebar"] {
+            position: sticky;
+            height: 100vh;
+            top: 0;
+            z-index: 1;
+        }
+
+        &:not([data-layout="wide"]) {
+            [part="page-container"] {
+                max-width: 100%;
+            }
+
+            [part="page-scroll"],
+            [part="page-article-container"] {
+                padding: 0;
+            }
+
+            [part="page-article"] {
+                background-image: linear-gradient(180deg, rgba(var(--opener-gray4-rgb), 0.5) 0%, rgba(var(--opener-gray4-rgb), 0) 48.32%);
+                background-attachment: fixed;
+
+                flex: 2;
+
+                border-right: 1px solid var(--dark32);
+            }
+
+            [part="page-article-nav"] {
+                flex: 1;
+            }
+        }
+
+        @media (min-width: 1440px) {
+            xyd-subnav {
+                --xyd-layout-max-width: 1600px;
+                --xyd-sidebar-width: 350px;
+                padding-left: max(32px, calc(50% - var(--xyd-layout-max-width) / 2 + 32px));
+            }
+            aside[part="sidebar"] {
+                --xyd-layout-max-width: 1600px;
+                --xyd-sidebar-width: 350px;
+
+                padding-left: max(32px, calc((100% - (var(--xyd-layout-max-width) - 64px)) / 2));
+                width: calc((100% - (var(--xyd-layout-max-width) - 64px)) / 2 + var(--xyd-sidebar-width) - 32px);
+            }
+        }
+
+        opener-content {
+            [part="opener-content-header"] {
+                padding: 25px 75px;
+                border-bottom: 1px solid var(--dark32);
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+            }
+
+            [part="opener-content"] {
+                padding: 25px 75px;
+            }
+        }
+    }
+}
+

package/src/theme.tsx

@@ -0,0 +1,102 @@
+import React, { } from "react"
+
+import { Text } from "@xyd-js/components/writer"
+import { UISidebar } from "@xyd-js/ui"
+import { BaseTheme } from "@xyd-js/themes"
+import { ContentDecorator } from "@xyd-js/components/content"
+import { FwNavLinks, FwCopyPage, useMetadata } from "@xyd-js/framework/react"
+
+import { useContentComponent } from "@xyd-js/framework/react";
+
+// @ts-ignore
+import { SearchButton } from 'virtual-component:Search'
+
+import "./imports.css"
+
+import "@xyd-js/themes/index.css"
+
+import './index.css';
+import './override.css';
+import './vars.css';
+import { Metadata } from "@xyd-js/core"
+
+export default class ThemeOpener extends BaseTheme {
+    constructor() {
+        super()
+
+        if (this.settings.coder) {
+            this.settings.coder.syntaxHighlight = "dark-plus";
+        } else {
+            this.settings.coder = {
+                syntaxHighlight: "dark-plus",
+            }
+        }
+
+        this.surfaces.define("sidebar.top", <_Search />)
+    }
+
+    public override reactContentComponents() {
+        const meta = useMetadata()
+
+        if (isDefaultContent(meta)) {
+            return super.reactContentComponents()
+        }
+        
+        return {
+            ...super.reactContentComponents(),
+            h1: () => null,
+            Subtitle: () => null,
+        }
+    }
+
+    protected override Content({ children }: { children: React.ReactNode }) {
+        const meta = useMetadata()
+        const ContentComponent = useContentComponent()
+        const OriginalContent = super.Content
+
+        if (isDefaultContent(meta)) {
+            return <OriginalContent children={children} />
+        }
+
+        const { h1, Subtitle, code } = this.reactContent.components()
+
+        return <ContentDecorator metaComponent={meta?.component || undefined}>
+            <main>
+                <opener-content>
+                    <div part="opener-content-header">
+                        <div>
+                            <ContentComponent components={{ // TODO: !!! BETTER API !!!
+                                ...this.reactContent.noop(),
+                                h1,
+                                Subtitle,
+                                code
+                            }}>
+                                {children}
+                            </ContentComponent>
+                        </div>
+                        <FwCopyPage />
+                    </div>
+
+                    <div part="opener-content">
+                        {children}
+                        <FwNavLinks />
+                    </div>
+                </opener-content>
+            </main>
+        </ContentDecorator>
+    }
+}
+
+function isDefaultContent(meta: Metadata) {
+    return meta?.openapi || meta?.graphql || meta.component === "atlas" || meta.uniform
+}
+
+function _Search() {
+    return <>
+        <UISidebar.Item button anchor>
+            <SearchButton />
+        </UISidebar.Item>
+    </>
+}
+
+

package/src/vars.css

@@ -0,0 +1,71 @@
+:root {
+    --opener-blue80: #0b64dd;
+    --opener-blue100: #1750ba;
+
+    --opener-gray4-rgb: 246, 247, 249;
+    --opener-gray4: #f6f7f9;
+
+    --opener-gray64: #363434;
+    --opener-gray80: #1e1e1e;
+}
+
+:root {
+    --color-primary: var(--opener-blue80);
+    --color-primary--active: var(--opener-blue100);
+}
+
+:root {
+    --xyd-page-gutter: 0;
+    --xyd-subnav-height: 50px;
+}
+
+:root {
+    --xyd-codetabs-bgcolor: var(--opener-gray80);
+    --xyd-codetabs-color: var(--white);
+    --xyd-codetabs-color--hover: var(--opener-gray64);
+
+    --xyd-coder-code-mark-bgcolor: var(--xyd-codetabs-color--hover);
+    --xyd-coder-code-mark-border-color: var(--color-primary);
+    --xyd-coder-code-border-color: var(--opener-gray80);
+}
+
+:root {
+    /* --xyd-sidebar-width: 450px; */
+    --xyd-sidebar-bgcolor: var(--white)
+}
+
+:root {
+    --xyd-sidebar-item-bgcolor--active: var(--opener-gray4);
+    --xyd-sidebar-item-bgcolor--active-hover: var(--opener-gray4);
+}
+
+
+:root {
+    --XydAtlas-Ref-Palette-White: var(--white);
+    --XydAtlas-Ref-Palette-Primary-60: var(--color-primary);
+    --XydAtlas-Ref-Palette-Primary-70: var(--color-primary--active);
+    --XydAtlas-Ref-Palette-Primary-80: var(--color-primary--active);
+
+    --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(--dark40);
+    --XydAtlas-Ref-Palette-Neutral-70: var(--dark48);
+    --XydAtlas-Ref-Palette-Neutral-80: var(--dark60);
+    --XydAtlas-Ref-Palette-Neutral-100: var(--dark80);
+}
+
+[data-color-scheme="dark"] {
+    --xyd-codetabs-color: var(--black);
+
+    --opener-gray4-rgb: var(--dark32-rgb);
+    --opener-gray4: var(--dark32);
+}
+@media (prefers-color-scheme: dark) {
+    :root:not([data-color-scheme="light"]):not([data-color-scheme="dark"]) {
+        --xyd-codetabs-color: var(--black);
+
+        --opener-gray4-rgb: var(--dark32-rgb);
+        --opener-gray4: var(--dark32);
+    }
+}

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"
+  ]
+}

package/types.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react'
+
+declare global {
+  namespace React {
+    namespace JSX {
+      interface IntrinsicElements {
+        // Opener
+        'opener-content': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+      }
+    }
+  }
+}