@prolibu-suite/cobalt-core 0.1.2 → 0.3.0

package/dist/cobalt/p-ox7HzCZn.js

@@ -0,0 +1,10 @@
+/*!
+ * OverlayScrollbars
+ * Version: 2.16.0
+ *
+ * Copyright (c) Rene Haas | KingSora.
+ * https://github.com/KingSora
+ *
+ * Released under the MIT license.
+ */
+const t=(t,n)=>{const{o:e,i:o,u:r}=t;let s,i=e;const c=(t,n)=>{const e=i,c=t,l=n||(o?!o(e,c):e!==c);return(l||r)&&(i=c,s=e),[i,l,s]};return[n?t=>c(n(i,s),t):c,t=>[i,!!t,s]]},n="undefined"!=typeof window&&"undefined"!=typeof HTMLElement&&window.document?window:{},e=Math.max,o=Math.min,r=Math.round,s=Math.abs,i=Math.sign,c=n.cancelAnimationFrame,l=n.requestAnimationFrame,a=n.setTimeout,u=n.clearTimeout,d=t=>void 0!==n[t]?n[t]:void 0,f=d("MutationObserver"),p=d("IntersectionObserver"),v=d("ResizeObserver"),b=d("ScrollTimeline"),h=t=>void 0===t,y=t=>null===t,w=t=>"number"==typeof t,g=t=>"string"==typeof t,$=t=>"boolean"==typeof t,m=t=>"function"==typeof t,x=t=>Array.isArray(t),S=t=>"object"==typeof t&&!x(t)&&!y(t),O=t=>{const n=!!t&&t.length,e=w(n)&&n>-1&&n%1==0;return!(!(x(t)||!m(t)&&e)||n>0&&S(t)&&!(n-1 in t))},M=t=>!!t&&t.constructor===Object,D=t=>t instanceof HTMLElement,k=t=>t instanceof Element;function T(t,n){if(O(t))for(let e=0;e<t.length&&!1!==n(t[e],e,t);e++);else t&&T(Object.keys(t),(e=>n(t[e],e,t)));return t}const I=(t,n)=>t.indexOf(n)>=0,z=(t,n)=>t.concat(n),L=(t,n)=>(!g(n)&&O(n)?Array.prototype.push.apply(t,n):t.push(n),t),_=t=>Array.from(t||[]),C=t=>x(t)?t:!g(t)&&O(t)?_(t):[t],H=t=>!!t&&!t.length,V=t=>_(new Set(t)),P=(t,n,e)=>{T(t,(t=>!t||t.apply(void 0,n||[]))),e||(t.length=0)},A="paddingTop",j="paddingRight",E="paddingLeft",N="paddingBottom",R="marginLeft",Z="marginRight",B="marginBottom",F="overflowX",X="overflowY",Y="width",K="height",W="visible",J="hidden",Q="scroll",U=(t,n,e)=>{if(t&&n){let o=!0;return T(e,(e=>{t[e]!==n[e]&&(o=!1)})),o}return!1},q=(t,n)=>U(t,n,["w","h"]),G=(t,n)=>U(t,n,["x","y"]),tt=(t,n)=>U(t,n,["t","r","b","l"]),nt=(t,...n)=>t.bind(0,...n),et=t=>{let n;const e=t?a:l,o=t?u:c;return[r=>{o(n),n=e((()=>r()),m(t)?t():t)},()=>o(n)]},ot=t=>{const n=m(t)?t():t;if(w(n)){const t=n?a:l,e=n?u:c;return o=>{const r=t((()=>o()),n);return()=>{e(r)}}}return n&&n._},rt=(t,n)=>{const{p:e,v:o,S:r,m:s}=n||{};let i,c,l,a;const u=function(n){c&&c(),i&&i(),a=c=i=l=void 0,t.apply(this,n)},d=t=>s&&l?s(l,t):t,f=()=>{c&&l&&u(d(l)||l)},p=function(){const t=_(arguments),n=ot(e);if(n){const e="function"==typeof r?r():r,s=ot(o),p=d(t)||t,v=u.bind(0,p);c&&c(),e&&!a?(v(),a=!0,c=n((()=>a=void 0))):(c=n(v),s&&!i&&(i=s(f))),l=p}else u(t)};return p.O=f,p},st=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),it=t=>t?Object.keys(t):[],ct=(t,n,e,o,r,s,i)=>{const c=[n,e,o,r,s,i];return"object"==typeof t&&!y(t)||m(t)||(t={}),T(c,(n=>{T(n,((e,o)=>{const r=n[o];if(t===r)return!0;const s=x(r);if(r&&M(r)){const n=t[o];let e=n;s&&!x(n)?e=[]:s||M(n)||(e={}),t[o]=ct(e,r)}else t[o]=s?r.slice():r}))})),t},lt=t=>T(ct({},t),((t,n,e)=>{void 0===t?delete e[n]:t&&M(t)&&(e[n]=lt(t))})),at=t=>!it(t).length,ut=()=>{},dt=(t,n,r)=>e(t,o(n,r)),ft=t=>V((x(t)?t:(t||"").split(" ")).filter((t=>t))),pt=(t,n)=>t&&t.getAttribute(n),vt=(t,n)=>t&&t.hasAttribute(n),bt=(t,n,e)=>{T(ft(n),(n=>{t&&t.setAttribute(n,String(e||""))}))},ht=(t,n)=>{T(ft(n),(n=>t&&t.removeAttribute(n)))},yt=(t,n)=>{const e=ft(pt(t,n)),o=nt(bt,t,n),r=(t,n)=>{const o=new Set(e);return T(ft(t),(t=>{o[n](t)})),_(o).join(" ")};return{C:t=>o(r(t,"delete")),$:t=>o(r(t,"add")),H:t=>{const n=ft(t);return n.reduce(((t,n)=>t&&e.includes(n)),n.length>0)}}},wt=(t,n,e)=>(yt(t,n).C(e),nt(gt,t,n,e)),gt=(t,n,e)=>(yt(t,n).$(e),nt(wt,t,n,e)),$t=(t,n,e,o)=>(o?gt:wt)(t,n,e),mt=(t,n,e)=>yt(t,n).H(e),xt=t=>yt(t,"class"),St=(t,n)=>{xt(t).C(n)},Ot=(t,n)=>(xt(t).$(n),nt(St,t,n)),Mt=(t,n)=>{const e=n?k(n)&&n:document;return e?_(e.querySelectorAll(t)):[]},Dt=(t,n)=>k(t)&&t.matches(n),kt=t=>Dt(t,"body"),Tt=t=>t?_(t.childNodes):[],It=t=>t&&t.parentElement,zt=(t,n)=>k(t)&&t.closest(n),Lt=()=>document.activeElement,_t=t=>{T(C(t),(t=>{const n=It(t);t&&n&&n.removeChild(t)}))},Ct=(t,n)=>nt(_t,t&&n&&T(C(n),(n=>{n&&t.appendChild(n)})));let Ht;const Vt=t=>{const n=document.createElement("div");return bt(n,"class",t),n},Pt=t=>{const n=Vt(),e=Ht,o=t.trim();return n.innerHTML=e?e.createHTML(o):o,T(Tt(n),(t=>_t(t)))},At=(t,n)=>t.getPropertyValue(n)||t[n]||"",jt=t=>{const n=t||0;return isFinite(n)?n:0},Et=t=>jt(parseFloat(t||"")),Nt=t=>Math.round(1e4*t)/1e4,Rt=t=>`${Nt(jt(t))}px`;function Zt(t,n){t&&n&&T(n,((n,e)=>{try{const o=t.style,r=y(n)||$(n)?"":w(n)?Rt(n):n;0===e.indexOf("--")?o.setProperty(e,r):o[e]=r}catch(t){}}))}function Bt(t,e,o){const r=g(e);let s=r?"":{};if(t){const i=n.getComputedStyle(t,o)||t.style;s=r?At(i,e):_(e).reduce(((t,n)=>(t[n]=At(i,n),t)),s)}return s}const Ft=(t,n,e)=>{const o=n?`${n}-`:"",r=e?`-${e}`:"",s=`${o}top${r}`,i=`${o}right${r}`,c=`${o}bottom${r}`,l=`${o}left${r}`,a=Bt(t,[s,i,c,l]);return{t:Et(a[s]),r:Et(a[i]),b:Et(a[c]),l:Et(a[l])}},Xt=(t,n)=>"translate"+(S(t)?`(${t.x},${t.y})`:`${n?"X":"Y"}(${t})`),Yt={w:0,h:0},Kt=(t,n)=>n?{w:n[`${t}Width`],h:n[`${t}Height`]}:Yt,Wt=t=>Kt("inner",t||n),Jt=nt(Kt,"offset"),Qt=nt(Kt,"client"),Ut=nt(Kt,"scroll"),qt=t=>{const n=parseFloat(Bt(t,Y))||0,e=parseFloat(Bt(t,K))||0;return{w:n-r(n),h:e-r(e)}},Gt=t=>t.getBoundingClientRect(),tn=t=>!(!t||!t[K]&&!t[Y]),nn=(t,n)=>{const e=tn(t);return!tn(n)&&e},en=(t,n,e,o)=>{T(ft(n),(n=>{t&&t.removeEventListener(n,e,o)}))},on=(t,n,e,o)=>{var r;const s=null==(r=o&&o.D)||r,i=o&&o.I||!1,c=o&&o.A||!1,l={passive:s,capture:i};return nt(P,ft(n).map((n=>{const o=c?r=>{en(t,n,o,i),e&&e(r)}:e;return t&&t.addEventListener(n,o,l),nt(en,t,n,o,i)})))},rn=t=>t.stopPropagation(),sn=t=>t.preventDefault(),cn=t=>rn(t)||sn(t),ln=(t,n)=>{const{x:e,y:o}=w(n)?{x:n,y:n}:n||{};w(e)&&(t.scrollLeft=e),w(o)&&(t.scrollTop=o)},an=t=>({x:t.scrollLeft,y:t.scrollTop}),un=(t,n)=>{const{T:e,k:o}=t,{w:r,h:c}=n,l=(t,n,e)=>{let o=i(t)*e,r=i(n)*e;if(o===r){const e=s(t),i=s(n);r=e>i?0:r,o=e<i?0:o}return o=o===r?0:o,[o+0,r+0]},[a,u]=l(e.x,o.x,r),[d,f]=l(e.y,o.y,c);return{T:{x:a,y:d},k:{x:u,y:f}}},dn=({T:t,k:n})=>{const e=(t,n)=>0===t&&t<=n;return{x:e(t.x,n.x),y:e(t.y,n.y)}},fn=({T:t,k:n},e)=>{const o=(t,n,e)=>dt(0,1,(t-e)/(t-n)||0);return{x:o(t.x,n.x,e.x),y:o(t.y,n.y,e.y)}},pn=t=>{t&&t.focus&&t.focus({preventScroll:!0,focusVisible:!1})},vn=(t,n)=>{T(C(n),t)},bn=t=>{const n=new Map,e=(t,e)=>{if(t){const o=n.get(t);vn((t=>{o&&o[t?"delete":"clear"](t)}),e)}else n.forEach((t=>{t.clear()})),n.clear()},o=(t,r)=>{if(g(t)){const o=n.get(t)||new Set;return n.set(t,o),vn((t=>{m(t)&&o.add(t)}),r),nt(e,t,r)}$(r)&&r&&e();const s=it(t),i=[];return T(s,(n=>{const e=t[n];e&&L(i,o(n,e))})),nt(P,i)};return o(t||{}),[o,e,(t,e)=>{T(_(n.get(t)),(t=>{e&&!H(e)?t.apply(0,e):t()}))}]},hn={},yn={},wn=(t,n,e)=>it(t).map((o=>{const{static:r,instance:s}=t[o],[i,c,l]=e||[],a=e?s:r;if(a){const t=e?a(i,c,n):a(n);return(l||yn)[o]=t}})),gn=t=>((t,n)=>yn[n])(0,t),$n="data-overlayscrollbars",mn="os-environment",xn=`${mn}-scrollbar-hidden`,Sn=`${$n}-initialize`,On="noClipping",Mn=`${$n}-body`,Dn=$n,kn=`${$n}-viewport`,Tn=F,In=X,zn="measuring",Ln="scrollbarHidden",_n=`${$n}-padding`,Cn=`${$n}-content`,Hn="os-size-observer",Vn=`${Hn}-appear`,Pn=`${Hn}-listener`,An="os-scrollbar",jn=`${An}-rtl`,En=`${An}-horizontal`,Nn=`${An}-vertical`,Rn=`${An}-track`,Zn=`${An}-handle`,Bn=`${An}-visible`,Fn=`${An}-cornerless`,Xn=`${An}-interaction`,Yn=`${An}-unusable`,Kn=`${An}-auto-hide`,Wn=`${Kn}-hidden`,Jn=`${An}-wheel`,Qn=`${Rn}-interactive`,Un=`${Zn}-interactive`,qn=t=>0===t.indexOf(W),Gn=(t,n)=>{if("auto"===t)return n?Q:J;const e=t||J;return[J,Q,W].includes(e)?e:J},te=(t,n)=>{const{overflowX:e,overflowY:o}=Bt(t,[F,X]);return{x:Gn(e,n.x),y:Gn(o,n.y)}},ne="__osScrollbarsHidingPlugin",ee=t=>JSON.stringify(t,((t,n)=>{if(m(n))throw 0;return n})),oe=(t,n)=>t?`${n}`.split(".").reduce(((t,n)=>t&&st(t,n)?t[n]:void 0),t):void 0,re=[33,99],se=[222,666,!0],ie={paddingAbsolute:!1,showNativeOverlaidScrollbars:!1,update:{elementEvents:[["img","load"]],debounce:{mutation:[0,33],resize:null,event:re,env:se},attributes:null,ignoreMutation:null,flowDirectionStyles:null},overflow:{x:"scroll",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"never",autoHideDelay:1300,autoHideSuspend:!1,dragScroll:!0,clickScroll:!1,pointers:["mouse","touch","pen"]}},ce=(t,n)=>{const e={};return T(z(it(n),it(t)),(o=>{const r=t[o],s=n[o];if(S(r)&&S(s))ct(e[o]={},ce(r,s)),at(e[o])&&delete e[o];else if(st(n,o)&&s!==r){let t=!0;if(x(r)||x(s))try{ee(r)===ee(s)&&(t=!1)}catch(t){}t&&(e[o]=s)}})),e},le=(t,n,e)=>o=>[oe(t,o),e||void 0!==oe(n,o)];let ae,ue;const de=()=>(ue||(ue=(()=>{const e=(t,n,e)=>{Ct(document.body,t),Ct(document.body,t);const o=Qt(t),r=Jt(t),s=qt(n);return e&&_t(t),{x:r.h-o.h+s.h,y:r.w-o.w+s.w}},o=Pt(`<div class="${mn}"><div></div><style>.${mn}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${mn} div{width:200%;height:200%;margin:10px 0}.${xn}{scrollbar-width:none!important}.${xn}::-webkit-scrollbar,.${xn}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}</style></div>`)[0],r=o.firstChild;ae&&(o.lastChild.nonce=ae);const[s,,i]=bn(),[c,l]=t({o:e(o,r),i:G},nt(e,o,r,!0)),[a]=l(),u=(t=>{let n=!1;const e=Ot(t,xn);try{n="none"===Bt(t,"scrollbar-width")||"none"===Bt(t,"display","::-webkit-scrollbar")}catch(t){}return e(),n})(o),d={x:0===a.x,y:0===a.y},f={elements:{host:null,padding:!u,viewport:t=>u&&kt(t)&&t,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},p=ct({},ie),v=nt(ct,{},p),h=nt(ct,{},f),y={U:a,M:d,P:u,J:!!b,G:nt(s,"r"),K:h,Z:t=>ct(f,t)&&h(),tt:v,nt:t=>ct(p,t)&&v(),ot:ct({},f),st:ct({},p)};if(ht(o,"style"),_t(o),on(n,"resize",(()=>{i("r",[])})),m(n.matchMedia)&&!u&&(!d.x||!d.y)){const t=e=>{const o=n.matchMedia(`(resolution: ${n.devicePixelRatio}dppx)`);on(o,"change",(()=>{e(),t(e)}),{A:!0})};t((()=>{const[t,n]=c();ct(y.U,t),i("r",[n])}))}return y})()),ue),fe=(t,n,e,o)=>{let r=!1;const{et:s,ct:i,rt:c,it:l,lt:a,ut:u}=o||{},[d,p]=((t,n,e)=>{let o=!1;const r=!!e&&new WeakMap,s=s=>{if(r&&e){const i=e.map((n=>{const[e,o]=n||[];return[o&&e?(s||Mt)(e,t):[],o]}));T(i,(e=>T(e[0],(s=>{const i=e[1],c=r.get(s)||[];if(t.contains(s)&&i){const t=on(s,i,(()=>{o?(t(),r.delete(s)):n()}));r.set(s,L(c,t))}else P(c),r.delete(s)}))))}};return s(),[()=>{o=!0},s]})(t,(()=>r&&e(!0)),c),v=i||[],b=z(s||[],v),h=(r,s)=>{if(!H(s)){const i=a||ut,c=u||ut,d=[],f=[];let b=!1,h=!1;if(T(s,(e=>{const{attributeName:r,target:s,type:a,oldValue:u,addedNodes:p,removedNodes:y}=e,w="attributes"===a,$="childList"===a,m=t===s,x=w&&r,S=x&&pt(s,r||""),O=g(S)?S:null,M=x&&u!==O,D=I(v,r)&&M;if(n&&($||!m)){const n=w&&M,a=n&&l&&Dt(s,l),f=(a?!i(s,r,u,O):!w||n)&&!c(e,!!a,t,o);T(p,(t=>L(d,t))),T(y,(t=>L(d,t))),h=h||f}!n&&m&&M&&!i(s,r,u,O)&&(L(f,r),b=b||D)})),p((t=>V(d).reduce(((n,e)=>(L(n,Mt(t,e)),Dt(e,t)?L(n,e):n)),[]))),n)return!r&&h&&e(!1),[!1];if(!H(f)||b){const t=[V(f),b];return r||e.apply(0,t),t}}},y=new f(nt(h,!1));return[()=>(y.observe(t,{attributes:!0,attributeOldValue:!0,attributeFilter:b,subtree:n,childList:n,characterData:n}),r=!0,()=>{r&&(d(),y.disconnect(),r=!1)}),()=>{if(r)return h(!0,y.takeRecords())}]};let pe=null;const ve=(n,e,o)=>{const{ft:r}=o||{},s=gn("__osSizeObserverPlugin"),[i]=t({o:!1,u:!0});return()=>{const t=[],o=Pt(`<div class="${Hn}"><div class="${Pn}"></div></div>`)[0],c=o.firstChild,l=t=>{let n=!1,o=!1;if(x(t)&&!H(t)){const e=t[0],[r,,s]=i(e.contentRect),c=tn(r);o=nn(r,s),n=!o&&!c}else o=!0===t;n||e({_t:!0,ft:o})};if(v){if(!$(pe)){const t=new v(ut);t.observe(n,{get box(){pe=!0}}),pe=pe||!1,t.disconnect()}const e=rt(l,{p:0,v:0}),r=t=>e(t),s=new v(r);if(s.observe(pe?n:c),L(t,[()=>{s.disconnect()},!pe&&Ct(n,o)]),pe){const e=new v(r);e.observe(n,{box:"border-box"}),L(t,(()=>e.disconnect()))}}else{if(!s)return ut;{const[e,i]=s(c,l,r);L(t,z([Ot(o,Vn),on(o,"animationstart",e),Ct(n,o)],i))}}return nt(P,t)}},be=(n,e)=>{let o;const r=Vt("os-trinsic-observer"),[s]=t({o:!1}),i=(t,n)=>{if(t){const o=s((t=>0===t.h||t.isIntersecting||t.intersectionRatio>0)(t)),[,r]=o;return r&&!n&&e(o)&&[o]}},c=(t,n)=>i(n.pop(),t);return[()=>{const t=[];if(p)o=new p(nt(c,!1),{root:n}),o.observe(r),L(t,(()=>{o.disconnect()}));else{const n=()=>{const t=Jt(r);i(t)};L(t,ve(r,n)()),n()}return nt(P,L(t,Ct(n,r)))},()=>o&&c(!0,o.takeRecords())]},he=(n,e,o,r)=>{let s,i,c,l,a,u,d,f;const p=`[${Dn}]`,b=`[${kn}]`,h=["id","class","style","open","wrap","cols","rows"],{dt:y,vt:g,L:$,gt:S,ht:O,V:D,bt:T,yt:I,wt:L,St:_}=n,C=t=>"rtl"===Bt(t,"direction"),H={Ot:!1,B:C(y)},V=de(),P=gn(ne),[A]=t({i:q,o:{w:0,h:0}},(()=>{const t=P&&P.R(n,e,H,V,o).Y,r=!(T&&D)&&mt(g,Dn,On),s=!D&&I("arrange"),i=s&&an(S),c=i&&_(),l=L(zn,r),a=s&&t&&t(),u=Ut($),d=qt($);return a&&a(),ln(S,i),c&&c(),r&&l(),{w:u.w+d.w,h:u.h+d.h}})),j=(()=>{let t,n,e;const o=rt(r,{p:()=>t,v:()=>n,S:()=>e,m(t,n){const[e]=t,[o]=n;return[z(it(e),it(o)).reduce(((t,n)=>(t[n]=e[n]||o[n],t)),{})]}}),s=(r,s)=>{if(x(s)){const[o,r,i]=s;t=o,n=r,e=i}else w(s)?(t=s,n=!1,e=!1):(t=!1,n=!1,e=!1);o(r)};return s.O=o.O,s})(),E=t=>{const n=C(y);ct(t,{Ct:f!==n}),ct(H,{B:n}),f=n},N=(t,n)=>{const[e,o]=t,s={$t:o};return ct(H,{Ot:e}),n||r(s),s},R=({_t:t,ft:n})=>{const e=n?r:j,o={_t:t||n,ft:n};E(o),e(o,i)},Z=(t,n)=>{const[,e]=A(),o={xt:e};return E(o),e&&!n&&j(o,t?c:s),o},B=(t,n,e)=>{const o={Ht:n};return E(o),n&&!e&&j(o,s),o},[F,X]=O?be(g,N):[],Y=!D&&ve(g,R,{ft:!0}),[K,W]=fe(g,!1,B,{ct:h,et:h}),J=D&&v&&new v((t=>{const n=t[t.length-1].contentRect;R({_t:!0,ft:nn(n,d)}),d=n}));return[()=>{J&&J.observe(g);const t=Y&&Y(),n=F&&F(),e=K(),o=V.G((t=>{const[,n]=A();j({Et:t,xt:n,_t:T},l)}));return()=>{J&&J.disconnect(),t&&t(),n&&n(),u&&u(),e(),o()}},({Dt:t,zt:n,It:e})=>{const o={},[r]=t("update.ignoreMutation"),[d,f]=t("update.attributes"),[v,y]=t("update.elementEvents"),[g,S]=t("update.debounce"),T=n||e;if(y||f){a&&a(),u&&u();const[t,n]=fe(O||$,!0,Z,{et:z(h,d||[]),rt:v,it:p,ut:(t,n)=>{const{target:e,attributeName:o}=t;return!(n||!o||D)&&((t,n,e)=>{const o=zt(t,n),r=t&&((t,n)=>{const e=n?k(n)&&n:document;return e&&e.querySelector(t)})(e,o),s=zt(r,n)===o;return!(!o||!r)&&(o===t||r===t||s&&zt(zt(t,e),n)!==o)})(e,p,b)||!!zt(e,`.${An}`)||(t=>m(r)&&!!r(t))(t)}});u=t(),a=n}if(S&&(j.O(),x(g)||w(g)?(s=g,i=!1,c=re,l=se):M(g)?(s=g.mutation,i=g.resize,c=g.event,l=g.env):(s=!1,i=!1,c=!1,l=!1)),T){const t=W(),n=X&&X(),e=a&&a();t&&ct(o,B(0,t[1],T)),n&&ct(o,N(n[0],T)),e&&ct(o,Z(e[0],T))}return E(o),o},H]},ye=(t,n)=>m(n)?n.apply(0,t):n,we=(t,n,e,o)=>{const r=h(o)?e:o;return ye(t,r)||n.apply(0,t)},ge=(t,n,e,o)=>{const r=h(o)?e:o,s=ye(t,r);return!!s&&(D(s)?s:n.apply(0,t))},$e=(t,n,e,o)=>{const r="--os-viewport-percent",s="--os-scroll-percent",i="--os-scroll-direction",{K:c}=de(),{scrollbars:l}=c(),{slot:a}=l,{dt:u,vt:d,L:f,At:p,gt:v,bt:h,V:y}=n,{scrollbars:w}=p?{}:t,{slot:g}=w||{},m=[],x=[],S=[],O=ge([u,d,f],(()=>y&&h?u:d),a,g),M=t=>{if(b){let n=null,o=[];const r=new b({source:v,axis:t}),s=()=>{n&&n.cancel(),n=null},i=i=>{const{Tt:c}=e,l=dn(c)[t],a="x"===t,u=[Xt(0,a),Xt(`calc(-100% + 100cq${a?"w":"h"})`,a)],d=l?u:u.reverse();return o[0]===d[0]&&o[1]===d[1]||(o=d,s(),n=i.kt.animate({clear:["left"],transform:d},{timeline:r})),s};return{Mt:i}}},D={x:M("x"),y:M("y")},k=(t,n,e)=>{const o=e?Ot:St;T(t,(t=>{o(t.Lt,n)}))},I=(t,n)=>{T(t,(t=>{const[e,o]=n(t);Zt(e,o)}))},z=(t,n,e)=>{const o=$(e),r=!o||!e;(!o||e)&&k(x,t,n),r&&k(S,t,n)},_=t=>{const n=t?"x":"y",e=Vt(`${An} ${t?En:Nn}`),r=Vt(Rn),s=Vt(Zn),i={Lt:e,Pt:r,kt:s},c=D[n];return L(t?x:S,i),L(m,[Ct(e,r),Ct(r,s),nt(_t,e),c&&c.Mt(i),o(i,z,t)]),i},C=nt(_,!0),H=nt(_,!1);return C(),H(),[{Ut:()=>{const t=(()=>{const{Rt:t,Vt:n}=e,o=(t,n)=>dt(0,1,t/(t+n)||0);return{x:o(n.x,t.x),y:o(n.y,t.y)}})(),n=t=>n=>[n.Lt,{[r]:Nt(t)+""}];I(x,n(t.x)),I(S,n(t.y))},Nt:()=>{if(!b){const{Tt:t}=e,n=fn(t,an(v)),o=t=>n=>[n.Lt,{[s]:Nt(t)+""}];I(x,o(n.x)),I(S,o(n.y))}},qt:()=>{const{Tt:t}=e,n=dn(t),o=t=>n=>[n.Lt,{[i]:t?"0":"1"}];I(x,o(n.x)),I(S,o(n.y)),b&&(x.forEach(D.x.Mt),S.forEach(D.y.Mt))},Bt:()=>{if(y&&!h){const{Rt:t,Tt:n}=e,o=dn(n),r=fn(n,an(v)),s=n=>{const{Lt:e}=n,s=It(e)===f&&e,i=(t,n,e)=>{const o=n*t;return Rt(e?o:-o)};return[s,s&&{transform:Xt({x:i(r.x,t.x,o.x),y:i(r.y,t.y,o.y)})}]};I(x,s),I(S,s)}},Ft:z,jt:{Xt:x,Yt:C,Wt:nt(I,x)},Jt:{Xt:S,Yt:H,Wt:nt(I,S)}},()=>(Ct(O,x[0].Lt),Ct(O,S[0].Lt),nt(P,m))]},me=(t,n,e,o,i)=>(c,l,u)=>{const{vt:d,L:f,V:p,gt:v,Gt:b,St:h}=n,{Lt:y,Pt:w,kt:g}=c,[$,x]=et(333),[S,O]=et(444),M=t=>{m(v.scrollBy)&&v.scrollBy({behavior:"smooth",left:t.x,top:t.y})};let D=!0;return nt(P,[on(g,"pointermove pointerleave",o(i)),on(y,"pointerenter",o((()=>{l(Xn,!0)}))),on(y,"pointerleave pointercancel",o((()=>{l(Xn,!1)}))),on(y,"wheel",o((t=>{const{deltaX:n,deltaY:e,deltaMode:o}=t;D&&0===o&&It(y)===d&&M({x:n,y:e}),D=!1,l(Jn,!0),$((()=>{D=!0,l(Jn)})),sn(t)})),{D:!1,I:!0}),!p&&on(y,"mousedown",o((()=>{const t=Lt();(vt(t,kn)||vt(t,Dn)||t===document.body)&&a(nt(pn,f),25)}))),on(y,"pointerdown",(()=>{const t=on(b,"click",(t=>{n(),cn(t)}),{A:!0,I:!0,D:!1}),n=on(b,"pointerup pointercancel",(()=>{n(),setTimeout(t,150)}),{I:!0,D:!0})}),{I:!0,D:!0}),(()=>{const n="pointerup pointercancel lostpointercapture",i="client"+(u?"X":"Y"),c=u?Y:K,l=u?"left":"top",a=u?"w":"h",d=u?"x":"y",f=[];return on(w,"pointerdown",o((o=>{const p=zt(o.target,`.${Zn}`)===g,y=p?g:w,$=t.scrollbars,m=$[p?"dragScroll":"clickScroll"],{button:x,isPrimary:D,pointerType:k}=o,{pointers:T}=$;if(0===x&&D&&m&&(T||[]).includes(k)){P(f),O();const t=!p&&(o.shiftKey||"instant"===m),$=nt(Gt,g),x=nt(Gt,w),D=(t,n)=>(t||$())[l]-(n||x())[l],k=r(Gt(v)[c])/Jt(v)[a]||1,T=an(v)[d],I=t=>{ln(v,{[d]:T+t})},z=t=>{const{Rt:n}=e,o=Jt(w)[a]-Jt(g)[a];I(1/k*t/o*n[d])},_=o[i],C=$(),H=x(),V=C[c],A=D(C,H)+V/2,j=_-H[l]-A,E=p?0:j,N=t=>{P(B),y.releasePointerCapture(t.pointerId)},R=p||t,Z=h(),B=[on(b,n,N),on(b,"selectstart",(t=>sn(t)),{D:!1}),on(w,n,N),R&&on(w,"pointermove",(t=>z(E+t[i]-_))),R&&(()=>{const t=an(v);Z();const n=an(v),e={x:n.x-t.x,y:n.y-t.y};(s(e.x)>3||s(e.y)>3)&&(h(),ln(v,t),M(e),S(Z))})];if(y.setPointerCapture(o.pointerId),t)z(j);else if(!p){const t=gn("__osClickScrollPlugin");if(t){const{Vt:n}=e,o=t(I,z,nt(D),j,n[d],m,!!u,(t=>{t?Z():L(B,Z)}));L(B,o),L(f,nt(o,!0))}}}})))})(),x,O])},xe=t=>{const e=de(),{K:o,P:r}=e,{elements:s}=o(),{padding:i,viewport:c,content:l}=s,a=D(t),u=a?{}:t,{elements:d}=u,{padding:f,viewport:p,content:v}=d||{},b=a?t:u.target,h=kt(b),y=b.ownerDocument,w=y.documentElement,g=()=>y.defaultView||n,$=nt(we,[b]),m=nt(ge,[b]),x=nt(Vt,""),S=nt($,x,c),O=nt(m,x,l),M=S(p),k=M===b,T=k&&h,z=!k&&O(v),_=!k&&M===z,C=T?w:M,H=T?C:b,V=!k&&m(x,i,f),A=!_&&z,j=[A,C,V,H].map((t=>D(t)&&!It(t)&&t)),E=t=>t&&I(j,t),N=!E(C)&&(t=>{const n=Jt(t),e=Ut(t),o=Bt(t,F),r=Bt(t,X);return e.w-n.w>0&&!qn(o)||e.h-n.h>0&&!qn(r)})(C)?C:b,R=T?w:C,Z={dt:b,vt:H,L:C,ln:V,ht:A,gt:R,Qt:T?y:C,an:h?w:N,Gt:y,bt:h,At:a,V:k,un:g,yt:t=>mt(C,kn,t),wt:(t,n)=>$t(C,kn,t,n),St:()=>$t(R,kn,"scrolling",!0)},{dt:B,vt:Y,ln:K,L:W,ht:J}=Z,Q=[()=>{ht(Y,[Dn,Sn]),ht(B,Sn),h&&ht(w,[Sn,Dn])}];let U=Tt([J,W,K,Y,B].find((t=>t&&!E(t))));const q=T?B:J||W,G=nt(P,Q);return[Z,()=>{const t=g(),n=Lt(),e=t=>{Ct(It(t),Tt(t)),_t(t)},o=t=>on(t,"focusin focusout focus blur",cn,{I:!0,D:!1}),s="tabindex",i=pt(W,s),c=o(n);return bt(Y,Dn,k?"":"host"),bt(K,_n,""),bt(W,kn,""),bt(J,Cn,""),k||(bt(W,s,i||"-1"),h&&bt(w,Mn,"")),Ct(q,U),Ct(Y,K),Ct(K||Y,!k&&W),Ct(W,J),L(Q,[c,()=>{const t=Lt(),n=E(W),r=n&&t===W?B:t,c=o(r);ht(K,_n),ht(J,Cn),ht(W,kn),h&&ht(w,Mn),i?bt(W,s,i):ht(W,s),E(J)&&e(J),n&&e(W),E(K)&&e(K),pn(r),c()}]),r&&!k&&(gt(W,kn,Ln),L(Q,nt(ht,W,kn))),pn(!k&&h&&n===B&&t.top===t?W:n),c(),U=0,G},G]},Se=({ht:t})=>({Zt:n,fn:e,It:o})=>{const{$t:r}=n||{},{Ot:s}=e;t&&(r||o)&&Zt(t,{[K]:s&&"100%"})},Oe=({vt:n,ln:e,L:o,V:r},s)=>{const[i,c]=t({i:tt,o:Ft()},nt(Ft,n,"padding",""));return({Dt:t,Zt:n,fn:l,It:a})=>{let[u,d]=c(a);const{P:f}=de(),{_t:p,xt:v,Ct:b}=n||{},{B:h}=l,[y,w]=t("paddingAbsolute");(p||d||a||v)&&([u,d]=i(a));const g=!r&&(w||b||d);if(g){const t=!y||!e&&!f,n=u.r+u.l,r=u.t+u.b,i={[Z]:t&&!h?-n:0,[B]:t?-r:0,[R]:t&&h?-n:0,top:t?-u.t:0,right:t?h?-u.r:"auto":0,left:t?h?"auto":-u.l:0,[Y]:t&&`calc(100% + ${n}px)`},c={[A]:t?u.t:0,[j]:t?u.r:0,[N]:t?u.b:0,[E]:t?u.l:0};Zt(e||o,i),Zt(o,c),ct(s,{ln:u,_n:!t,F:e?c:ct({},i,c)})}return{dn:g}}},Me=(o,r)=>{const i=de(),{vt:c,ln:a,L:u,V:d,Qt:f,gt:p,bt:v,wt:b,un:h}=o,{P:y}=i,w=v&&d,$=nt(e,0),m={display:()=>!1,direction:t=>"ltr"!==t,flexDirection:t=>t.endsWith("-reverse"),writingMode:t=>"horizontal-tb"!==t},x=it(m),S={i:q,o:{w:0,h:0}},O={i:G,o:{}},M=t=>{b(zn,!w&&t)},D=()=>Bt(u,x),k=(t,n)=>{const e=!it(t).length,o=!!n||x.some((n=>{const e=t[n];return g(e)&&m[n](e)}));if(e||!o||!(t=>!!t&&(t=>!!(t.offsetWidth||t.offsetHeight||t.getClientRects().length))(t))(u))return{T:{x:0,y:0},k:{x:1,y:1}};M(!0);const r=an(p),i=on(f,Q,(t=>{const n=an(p);t.isTrusted&&n.x===r.x&&n.y===r.y&&rn(t)}),{I:!0,A:!0}),c=b("noContent",!0);ln(p,{x:0,y:0}),c();const a=an(p),d=Ut(p);ln(p,{x:d.w,y:d.h});const v=an(p),h={x:v.x-a.x,y:v.y-a.y};ln(p,{x:-d.w,y:-d.h});const y=an(p),w={x:y.x-a.x,y:y.y-a.y},$={x:s(h.x)>=s(w.x)?v.x:y.x,y:s(h.y)>=s(w.y)?v.y:y.y};return ln(p,r),l((()=>i())),{T:a,k:$}},T=(t,e)=>{const o=n.devicePixelRatio%1!=0?1:0,r={w:$(t.w-e.w),h:$(t.h-e.h)};return{w:r.w>o?r.w:0,h:r.h>o?r.h:0}},I=(t,n)=>{const e=(t,n,e,o)=>{const r=t===W?J:(t=>t.replace(`${W}-`,""))(t),s=qn(t),i=qn(e);return n||o?s&&i?W:s?n&&o?r:n?W:J:n?r:i&&o?W:J:J};return{x:e(n.x,t.x,n.y,t.y),y:e(n.y,t.y,n.x,t.x)}},L=t=>{const n=t=>[W,J,Q].map((n=>K(Gn(n),t))),e=n(!0).concat(n()).join(" ");b(e),b(it(t).map((n=>K(t[n],"x"===n))).join(" "),!0)},[_,C]=t(S,nt(qt,u)),[H,P]=t(S,nt(Ut,u)),[A,j]=t(S),[E]=t(O),[N,R]=t(S),[Z]=t(O),[B]=t({i:(t,n)=>U(t,n,V(z(it(t),it(n)))),o:{}}),[F,X]=t({i:(t,n)=>G(t.T,n.T)&&G(t.k,n.k),o:{T:{x:0,y:0},k:{x:0,y:0}}}),Y=gn(ne),K=(t,n)=>`${n?Tn:In}${(t=>{const n=String(t||"");return n?n[0].toUpperCase()+n.slice(1):""})(t)}`;return({Dt:t,Zt:n,fn:e,It:s},{dn:l})=>{const{_t:d,Ht:f,xt:p,Ct:v,ft:g,Et:m}=n||{},x=Y&&Y.R(o,r,e,i,t),{X:S,Y:O,W:z}=x||{},[V,K]=((t,n)=>{const{M:e}=n,[o,r]=t("showNativeOverlaidScrollbars");return[o&&e.x&&e.y,r]})(t,i),[W,J]=t("overflow"),Q=qn(W.x),U=qn(W.y),q=d||l||p||v||m||K;let G=C(s),tt=P(s),nt=j(s),et=R(s);if(K&&y&&b(Ln,!V),q){mt(c,Dn,On)&&M(!0);const t=O&&O(),[n]=G=_(s),[e]=tt=H(s),o=Qt(u),r=w&&Wt(h()),i={w:$(e.w+n.w),h:$(e.h+n.h)},l={w:$((r?r.w:o.w+$(o.w-e.w))+n.w),h:$((r?r.h:o.h+$(o.h-e.h))+n.h)};t&&t(),et=N(l),nt=A(T(i,l),s)}const[ot,rt]=et,[st,it]=nt,[lt,at]=tt,[ut,dt]=G,[ft]=E({x:st.w>0,y:st.h>0}),pt=Q&&U&&(ft.x||ft.y)||Q&&ft.x&&!ft.y||U&&ft.y&&!ft.x,vt=l||v||m||dt||at||rt||it||J||K||q||f&&w,[bt]=t("update.flowDirectionStyles"),[ht,yt]=B(bt?bt(u)||{}:D(),s),wt=v||g||yt||s,[gt,xt]=wt?F(k(ht,!!bt),s):X();let St=I(ft,W);M(!1),vt&&(L(St),St=te(u,ft),z&&S&&(S(St,lt,ut),Zt(u,z(St))));const[Ot,Mt]=Z(St);return $t(c,Dn,On,pt),$t(a,_n,On,pt),ct(r,{rn:Ot,Vt:{x:ot.w,y:ot.h},Rt:{x:st.w,y:st.h},j:ft,Tt:un(gt,st)}),{en:Mt,nn:rt,sn:it,cn:xt||it}}},De=t=>{const[n,e,o]=xe(t),r={ln:{t:0,r:0,b:0,l:0},_n:!1,F:{[Z]:0,[B]:0,[R]:0,[A]:0,[j]:0,[N]:0,[E]:0},Vt:{x:0,y:0},Rt:{x:0,y:0},rn:{x:J,y:J},j:{x:!1,y:!1},Tt:{T:{x:0,y:0},k:{x:0,y:0}}},{dt:s,gt:i,V:c,St:l}=n,{P:a,M:u}=de(),d=!a&&(u.x||u.y),f=[Se(n),Oe(n,r),Me(n,r)];return[e,t=>{const n={},e=d&&an(i),o=e&&l();return T(f,(e=>{ct(n,e(t,n)||{})})),ln(i,e),o&&o(),c||ln(s,0),n},r,n,o]},ke=new WeakMap,Te=t=>ke.get(t),Ie=(t,n,e)=>{const{tt:o}=de(),r=D(t),s=r?t:t.target,i=Te(s);if(n&&!i){const i=[],c={},l=t=>{const n=lt(t),e=gn("__osOptionsValidationPlugin");return e?e(n,!0):n},a=ct({},o(),l(n)),[u,d,f]=bn(),[p,v,b]=bn(e),w=(t,n)=>{b(t,n),f(t,n)},[g,$,m,x,S,O,M]=((t,n,e,o)=>{let r=!1;const s={Kt:!1,pn:!1},i=le(n,{}),[c,l,a,u,d]=De(t),[f,p,v]=he(u,a,i,(t=>{g({},t)})),[b,h,,y]=((t,n,e,o,r,s,i)=>{let c,l,a,u,d,f=ut,p=0;const v=["mouse","pen"],b=t=>n=>{e.Kt||t(n)},h=t=>v.includes(t.pointerType),[y,w]=et(),[g,$]=et(100),[m,x]=et(50),[S,O]=et((()=>p)),[M,D]=$e(t,s,r,me(n,s,r,b,(t=>h(t)&&j()))),{vt:k,Qt:T,bt:I}=s,{Ft:z,Ut:_,Nt:C,qt:H,Bt:V}=M,A=(t,n)=>{O();const o=t=>{e.Kt||z(Wn,t)};if(t)o();else{const t=!a||!c;p>0&&!n?S(nt(o,t)):o(t)}},j=()=>{(a?c:u)||(A(!0),g((()=>{A(!1)})))},E=t=>{h(t)&&(c=!0,!e.Kt&&a&&A(!0))},N=t=>{z(Kn,t,!0),z(Kn,t,!1)},R=[O,$,x,w,()=>f(),on(k,"pointerover",E,{A:!0}),on(k,"pointerenter",E),on(k,"pointerleave",(t=>{h(t)&&(c=!1,!e.Kt&&a&&A(!1))})),on(k,"pointermove",b((t=>{h(t)&&l&&j()}))),on(T,"scroll",b((t=>{y((()=>{C(),j()})),i(t),V()})))],Z=gn(ne);return[()=>nt(P,L(R,D())),({Dt:t,It:n,Zt:e,tn:s})=>{const{nn:i,sn:c,en:v,cn:h}=s||{},{Ct:y,ft:w}=e||{},{B:g}=o,{M:$,P:x}=de(),{rn:S,j:O}=r,[M,D]=t("showNativeOverlaidScrollbars"),[k,L]=t("scrollbars.theme"),[P,j]=t("scrollbars.visibility"),[E,R]=t("scrollbars.autoHide"),[B,F]=t("scrollbars.autoHideSuspend"),[X]=t("scrollbars.autoHideDelay"),[Y,K]=t("scrollbars.dragScroll"),[J,U]=t("scrollbars.clickScroll"),[q,G]=t("overflow"),tt=w&&!n,et=i||c||h||y||n,ot=v||j||G,rt=!x&&!Z,st=(t,n,e)=>{const o=t.includes(Q)&&(P===W||"auto"===P&&n===Q);return z(Bn,o,e),o};if(p=X,(D||rt)&&z("os-theme-none",M&&$.x&&$.y||rt),L&&(z(d),z(k,!0),d=k),(F||tt)&&(N(!B),tt&&B&&(O.x||O.y?(f(),m((()=>{f=on(T,Q,b(nt(N,!0)),{A:!0})}))):N(!0))),R&&(l="move"===E,a="leave"===E,u="never"===E,A(u,!0)),K&&z(Un,Y),U&&z(Qn,!!J),ot){const t=st(q.x,S.x,!0),n=st(q.y,S.y,!1);z(Fn,!(t&&n))}et&&(C(),_(),V(),h&&H(),z(Yn,!O.x,!0),z(Yn,!O.y,!1),z(jn,g&&!I))},{},M]})(t,n,s,v,a,u,o),w=t=>it(t).some((n=>!!t[n])),g=(t,o)=>{const{Kt:i,pn:c}=s;if(c||i&&r)return!1;const{vn:a,It:u,zt:d}=t,f=a||{},b=!!u||!r,y={Dt:le(n,f,b),vn:f,It:b},g=o||p(ct({},y,{zt:d})),$=l(ct({},y,{fn:v,Zt:g}));h(ct({},y,{Zt:g,tn:$}));const m=w(g),x=w($),S=m||x||!at(f)||b;return r=!0,S&&e(t,{Zt:g,tn:$}),S};return[()=>{const{an:t,gt:n,St:e}=u,o=an(t),r=[f(),c(),b(),()=>{s.pn=!0}],i=e();return ln(n,o),i(),nt(P,r)},g,t=>{const n=s.Kt;s.Kt=t,t||n===t||g({It:!0,zt:!0})},()=>{h({Dt:le(n,{},!1),vn:{},It:!1})},()=>({gn:s,hn:v,bn:a}),{yn:u,wn:y},d]})(t,a,(({vn:t,It:n},{Zt:e,tn:o})=>{const{_t:r,Ct:s,$t:i,xt:c,Ht:l,ft:a}=e,{nn:u,sn:d,en:f,cn:p}=o;w("updated",[T,{updateHints:{sizeChanged:!!r,directionChanged:!!s,heightIntrinsicChanged:!!i,overflowEdgeChanged:!!u,overflowAmountChanged:!!d,overflowStyleChanged:!!f,scrollCoordinatesChanged:!!p,contentMutation:!!c,hostMutation:!!l,appear:!!a},changedOptions:t||{},force:!!n}])}),(t=>w("scroll",[T,t]))),D=t=>{const{gn:n}=S(),{pn:e}=n;e||((t=>{ke.delete(t)})(s),P(i),w("destroyed",[T,t]),d(),v())},k=t=>$({It:t,zt:!0}),T={options(t,n){if(t){const e=n?o():{},r=ce(a,ct(e,l(t)));at(r)||(ct(a,r),$({vn:r}))}return ct({},a)},on:p,off:(t,n)=>{t&&n&&v(t,n)},state(){const{gn:t,hn:n,bn:e}=S(),{pn:o,Kt:r}=t,{B:s}=n,{Vt:i,Rt:c,rn:l,j:a,ln:u,_n:d,Tt:f}=e;return ct({},{overflowEdge:i,overflowAmount:c,overflowStyle:l,hasOverflow:a,scrollCoordinates:{start:f.T,end:f.k},padding:u,paddingAbsolute:d,directionRTL:s,sleeping:r,destroyed:o})},elements(){const{dt:t,vt:n,ln:e,L:o,ht:r,gt:s,Qt:i}=O.yn,{jt:c,Jt:l}=O.wn,a=t=>{const{kt:n,Pt:e,Lt:o}=t;return{scrollbar:o,track:e,handle:n}},u=t=>{const{Xt:n,Yt:e}=t,o=a(n[0]);return ct({},o,{clone:()=>{const t=a(e());return x(),t}})};return ct({},{target:t,host:n,padding:e||o,viewport:o,content:r||o,scrollOffsetElement:s,scrollEventElement:i,scrollbarHorizontal:u(c),scrollbarVertical:u(l)})},update:k,destroy:nt(D,!1),sleep:m,plugin:t=>c[it(t)[0]]};return L(i,[M]),((t,n)=>{ke.set(t,n)})(s,T),wn(hn,Ie,[T,u,c]),((t,n)=>{const{nativeScrollbarsOverlaid:e,body:o}=n||{},{M:r,P:s,K:i}=de(),{nativeScrollbarsOverlaid:c,body:l}=i().cancel,a=null!=e?e:c,u=h(o)?l:o,d=(r.x||r.y)&&a,f=t&&(y(u)?!s:u);return!!d||!!f})(O.yn.bt,!r&&t.cancel)?(D(!0),T):(L(i,g()),w("initialized",[T]),T.update(),T)}return i};Ie.plugin=t=>{const n=x(t),e=n?t:[t],o=e.map((t=>wn(t,Ie)[0]));return(t=>{T(t,(t=>T(t,((n,e)=>{hn[e]=t[e]}))))})(e),n?o:o[0]},Ie.valid=t=>{const n=t&&t.elements,e=m(n)&&n();return M(e)&&!!Te(e.target)},Ie.env=()=>{const{U:t,M:n,P:e,J:o,ot:r,st:s,K:i,Z:c,tt:l,nt:a}=de();return ct({},{scrollbarsSize:t,scrollbarsOverlaid:n,scrollbarsHiding:e,scrollTimeline:o,staticDefaultInitialization:r,staticDefaultOptions:s,getDefaultInitialization:i,setDefaultInitialization:c,getDefaultOptions:l,setDefaultOptions:a})},Ie.nonce=t=>{ae=t},Ie.trustedTypePolicy=t=>{Ht=t};export{Ie as O}

package/dist/cobalt/p-tPYikBRJ.js

@@ -0,0 +1 @@
+const n=/^(\d{4})-(\d{2})-(\d{2})$/,e=n=>String(n).padStart(2,"0");function t(n){return new Date(n.year,n.month-1,n.day)}function r(n){return{year:n.getFullYear(),month:n.getMonth()+1,day:n.getDate()}}function o(e){if("string"!=typeof e)return!1;const t=n.exec(e);if(!t)return!1;const r=Number(t[1]),o=Number(t[2]),u=Number(t[3]);if(o<1||o>12||u<1||u>31)return!1;const a=new Date(r,o-1,u);return a.getFullYear()===r&&a.getMonth()===o-1&&a.getDate()===u}function u(e){if(!o(e))return null;const t=n.exec(e);return{year:Number(t[1]),month:Number(t[2]),day:Number(t[3])}}function a(n){return`${String(n.year).padStart(4,"0")}-${e(n.month)}-${e(n.day)}`}function s(){return a(r(new Date))}function c(e,t={}){const r=t.order??"dmy",u=t.twoDigitYearPivot??69,s={status:"invalid",value:null},c=(e??"").trim();if(""===c)return{status:"empty",value:null};if(n.test(c))return o(c)?{status:"valid",value:c}:s;const d=c.split(/[/.\-\s]+/).filter(Boolean).filter((n=>!f.has(l(n))));if(d.length<2||d.length>3)return s;const b=function(n){const e=n||"_base",t=y.get(e);if(t)return t;const r={...m};if(n)for(let e=0;e<12;e++){const t=new Date(2020,e,1);for(const o of["short","long"]){const u=l(new Intl.DateTimeFormat(n,{month:o}).format(t));u&&(r[u]=e+1,u.length>=3&&(r[u.slice(0,3)]=e+1))}}return y.set(e,r),r}(t.locale),M=[];let w,h,g,v=null;if(d.forEach(((n,e)=>{if(/^\d+$/.test(n))M.push({val:Number(n),pos:e});else{const e=b[l(n)];v=e&&null===v?e:-1}})),-1===v)return s;if(null!==v)if(h=v,2===M.length){const[n,e]=M;n.val>31||4===i(d,n.pos)?(g=n.val,w=e.val):e.val>31||4===i(d,e.pos)?(g=e.val,w=n.val):(g="ymd"===r?n.val:e.val,w="ymd"===r?e.val:n.val)}else{if(1!==M.length)return s;w=M[0].val,g=t.defaultYear??(new Date).getFullYear()}else{const n=M.map((n=>n.val));if(2===n.length){const[e,o]=n;"mdy"===r||"ymd"===r?(h=e,w=o):(w=e,h=o),g=t.defaultYear??(new Date).getFullYear()}else{const[e,t,o]=n;"ymd"===r?(g=e,h=t,w=o):"mdy"===r?(h=e,w=t,g=o):(w=e,h=t,g=o)}}g=function(n,e){return n>=100?n:n<=e?2e3+n:1900+n}(g,u);const D=a({year:g,month:h,day:w});return o(D)?{status:"valid",value:D}:s}function i(n,e){return n[e]?.length??0}const f=new Set(["de","del","of","the"]);function l(n){return n.normalize("NFD").replace(/[̀-ͯ]/g,"").toLowerCase().replace(/\.$/,"").trim()}const m={enero:1,febrero:2,marzo:3,abril:4,mayo:5,junio:6,julio:7,agosto:8,septiembre:9,setiembre:9,octubre:10,noviembre:11,diciembre:12,ene:1,feb:2,mar:3,abr:4,may:5,jun:6,jul:7,ago:8,sep:9,set:9,oct:10,nov:11,dic:12,january:1,february:2,march:3,april:4,june:6,july:7,august:8,september:9,october:10,november:11,december:12,jan:1,apr:4,aug:8,dec:12,janeiro:1,fevereiro:2,marco:3,maio:5,junho:6,julho:7,setembro:9,outubro:10,novembro:11,dezembro:12,fev:2,mai:5,out:10,dez:12},y=new Map;function d(n,r="dd/MM/yyyy",o="en-US"){if(!n)return"";const a=u(n);if(!a)return"";const s=t(a);return r.replace(/yyyy|yy|MMMM|MMM|MM|M|dd|d/g,(n=>{switch(n){case"yyyy":return String(a.year).padStart(4,"0");case"yy":return String(a.year).slice(-2);case"MMMM":return new Intl.DateTimeFormat(o,{month:"long"}).format(s);case"MMM":return new Intl.DateTimeFormat(o,{month:"short"}).format(s).replace(/\.$/,"");case"MM":return e(a.month);case"M":return String(a.month);case"dd":return e(a.day);case"d":return String(a.day);default:return n}}))}function b(n,e){return n===e?0:n<e?-1:1}function M(n,e){const o=u(n);if(!o)return n;const s=t(o);return s.setDate(s.getDate()+e),a(r(s))}function w(n,e){const t=u(n);if(!t)return n;const r=t.month-1+e,o=t.year+Math.floor(r/12),s=(r%12+12)%12,c=new Date(o,s+1,0).getDate();return a({year:o,month:s+1,day:Math.min(t.day,c)})}function h(n){const e=u(n);return e?a({year:e.year,month:e.month,day:1}):n}function g(n,e={}){return!(o(n)&&function(n,e,t){return!(e&&b(n,e)<0||t&&b(n,t)>0)}(n,e.min,e.max)&&(!e.disabledDates||!e.disabledDates.includes(n))&&(!e.disabledDaysOfWeek||!e.disabledDaysOfWeek.includes(function(n){const e=u(n);return e?t(e).getDay():-1}(n))))}function v(n,e,t=1,o=6){const u=(new Date(n,e-1,1).getDay()-t+7)%7,s=new Date(n,e-1,1-u),c=[];for(let n=0;n<o;n++){const t=[];for(let o=0;o<7;o++){const u=new Date(s.getFullYear(),s.getMonth(),s.getDate()+(7*n+o));t.push({value:a(r(u)),inMonth:u.getMonth()===e-1})}c.push(t)}return c}function D(n,e=1,t="short"){const r=new Intl.DateTimeFormat(n,{weekday:t}),o=[];for(let n=0;n<7;n++){const t=new Date(2024,0,1+(n+(e-1)+7)%7);o.push(r.format(t))}return o}function j(n,e,t,r="long"){return new Intl.DateTimeFormat(t,{month:r,year:"numeric"}).format(new Date(n,e-1,1))}function p(n,e){const r=u(n);return r?new Intl.DateTimeFormat(e,{weekday:"long",day:"numeric",month:"long",year:"numeric"}).format(t(r)):""}export{s as a,w as b,b as c,M as d,j as e,d as f,v as g,g as h,o as i,D as j,p as k,c as l,u as p,h as s,t}

package/dist/collection/collection-manifest.json

@@ -1,12 +1,11 @@
 {
   "entries": [
     "components/co-autocomplete/co-autocomplete.js",
+    "components/co-avatar-group/co-avatar-group.js",
     "components/co-checkbox-group/co-checkbox-group.js",
     "components/co-combobox/co-combobox.js",
-    "components/co-command-search/co-command-search.js",
     "components/co-data-table/co-data-table.js",
-    "components/co-date-range/co-date-range.js",
-    "components/co-icon/co-icon.js",
+    "components/co-date-range-picker/co-date-range-picker.js",
     "components/co-popover/co-popover.js",
     "components/co-radio-group/co-radio-group.js",
     "components/co-ref-field/co-ref-field.js",
@@ -18,18 +17,33 @@
     "components/co-app-shell/co-app-shell.js",
     "components/co-avatar/co-avatar.js",
     "components/co-badge/co-badge.js",
+    "components/co-bottom-sheet/co-bottom-sheet.js",
     "components/co-button/co-button.js",
     "components/co-button-group/co-button-group.js",
+    "components/co-calendar/co-calendar.js",
+    "components/co-calendar-month/co-calendar-month.js",
     "components/co-card/co-card.js",
     "components/co-checkbox/co-checkbox.js",
     "components/co-chip/co-chip.js",
+    "components/co-color-picker/co-color-picker.js",
+    "components/co-column-picker/co-column-picker.js",
+    "components/co-command-search/co-command-search.js",
     "components/co-data-table-pagination/co-data-table-pagination.js",
+    "components/co-date-field/co-date-field.js",
+    "components/co-date-picker/co-date-picker.js",
+    "components/co-date-range/co-date-range.js",
     "components/co-drawer/co-drawer.js",
     "components/co-empty-state/co-empty-state.js",
+    "components/co-event-calendar/co-event-calendar.js",
     "components/co-fab/co-fab.js",
+    "components/co-file-field/co-file-field.js",
     "components/co-helper-text/co-helper-text.js",
+    "components/co-icon/co-icon.js",
     "components/co-icon-button/co-icon-button.js",
     "components/co-input/co-input.js",
+    "components/co-json-field/co-json-field.js",
+    "components/co-lightbox/co-lightbox.js",
+    "components/co-list-footer/co-list-footer.js",
     "components/co-list-item/co-list-item.js",
     "components/co-loader/co-loader.js",
     "components/co-menu/co-menu.js",
@@ -40,19 +54,28 @@
     "components/co-number-field/co-number-field.js",
     "components/co-overlay/co-overlay.js",
     "components/co-page-header/co-page-header.js",
+    "components/co-phone-field/co-phone-field.js",
     "components/co-progress-bar/co-progress-bar.js",
+    "components/co-progress-circle/co-progress-circle.js",
     "components/co-radio/co-radio.js",
     "components/co-rating/co-rating.js",
+    "components/co-rich-text-editor/co-rich-text-editor.js",
+    "components/co-rich-text-toolbar/co-rich-text-toolbar.js",
+    "components/co-rich-text-viewer/co-rich-text-viewer.js",
     "components/co-row/co-row.js",
     "components/co-separator/co-separator.js",
     "components/co-sidebar/co-sidebar.js",
+    "components/co-skeleton/co-skeleton.js",
     "components/co-slider/co-slider.js",
     "components/co-switch/co-switch.js",
     "components/co-tab/co-tab.js",
     "components/co-tab-group/co-tab-group.js",
+    "components/co-tags-field/co-tags-field.js",
+    "components/co-textarea/co-textarea.js",
     "components/co-toggle-button/co-toggle-button.js",
     "components/co-toggle-button-group/co-toggle-button-group.js",
-    "components/co-tooltip/co-tooltip.js"
+    "components/co-tooltip/co-tooltip.js",
+    "components/co-video/co-video.js"
   ],
   "mixins": [],
   "compiler": {

package/dist/collection/components/co-accordion/co-accordion.css

@@ -22,8 +22,15 @@
   text-align: left;
 }
 
-.co-accordion__heading {
+.co-accordion__heading-group {
   flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--co-spacing-xxs, 2px);
+}
+
+.co-accordion__heading {
   font-size: var(--co-font-size-24);
   font-weight: 500;
   line-height: 1.25;
@@ -33,6 +40,17 @@
   white-space: nowrap;
 }
 
+.co-accordion__subheading {
+  font-size: var(--co-font-size-14);
+  font-weight: 400;
+  line-height: 1.3;
+  letter-spacing: normal;
+  color: var(--co-semantic-text-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .co-accordion__caret {
   flex-shrink: 0;
   display: inline-flex;

package/dist/collection/components/co-accordion/co-accordion.js

@@ -1,7 +1,9 @@
 import { h } from "@stencil/core";
 /**
- * @slot header - Optional override for the header content (replaces `heading` prop).
- * @slot        - Body content. Hidden when `open=false`.
+ * @slot header     - Optional override for the heading content (replaces `heading` prop).
+ * @slot subheading - Optional secondary line under the heading (replaces `subheading` prop).
+ *                    Handy for a collapsed summary/preview.
+ * @slot            - Body content. Hidden when `open=false`.
  */
 export class CoAccordion {
     constructor() {
@@ -9,8 +11,12 @@ export class CoAccordion {
         this.open = true;
         /** Section heading text (used when the `header` slot is empty). */
         this.heading = '';
+        /** Secondary muted line under the heading (used when the `subheading` slot is
+         *  empty). Typically a collapsed summary/preview. */
+        this.subheading = '';
         /** Hide the chevron / disable the toggle interaction. */
         this.disabled = false;
+        this.hasSubheadingSlot = false;
         this.handleToggle = () => {
             if (this.disabled)
                 return;
@@ -18,12 +24,22 @@ export class CoAccordion {
             this.coToggle.emit(this.open);
         };
     }
+    componentWillLoad() {
+        this.hasSubheadingSlot = !!this.el.querySelector('[slot="subheading"]');
+    }
+    componentWillRender() {
+        // Keep slot detection in sync when consumers toggle the slotted content.
+        this.hasSubheadingSlot = !!this.el.querySelector('[slot="subheading"]');
+    }
+    get showSubheading() {
+        return !!(this.subheading && this.subheading.trim()) || this.hasSubheadingSlot;
+    }
     render() {
-        return (h("div", { key: 'f26b3ecda6d8b4f2b6b6be847608656cb9f39a1a', class: {
+        return (h("div", { key: '6ef26b2e6312391fcfc164f43dac68d63ba3af2d', class: {
                 'co-accordion': true,
                 'co-accordion--open': this.open,
                 'co-accordion--disabled': this.disabled,
-            }, part: "accordion" }, h("button", { key: '4e031dbd0f54f6aaba81af805a10971e3c15b266', class: "co-accordion__header", type: "button", "aria-expanded": this.open ? 'true' : 'false', disabled: this.disabled, onClick: this.handleToggle, part: "header" }, h("span", { key: 'f1c3d6fb96d2c4f047018865fc566e0d9e1f7085', class: "co-accordion__heading", part: "heading" }, h("slot", { key: '6fe9f7496141b7e12ea640e3b3d94c844815a258', name: "header" }, this.heading)), h("span", { key: '0b041a19ae47c17daca2a88abfb7a8bc83efecdc', class: "co-accordion__caret", part: "caret" }, h("co-icon", { key: '3d9038651feadb75ec318e85dc22631a0584822d', name: "caret-up", size: 20 }))), h("div", { key: '25ce0b4ac40a0fdc861ba20aa9999d6d2aeb67b0', class: "co-accordion__body", part: "body" }, h("div", { key: '9853aa5532e37f9298fcaf1472026c810ecfc870', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: 'b08e3121381eb7a9052476deee507e2f2d577980' })))));
+            }, part: "accordion" }, h("button", { key: '0f094a6a90dacfd1a59de4f002dc6e1d2bde80c6', class: "co-accordion__header", type: "button", "aria-expanded": this.open ? 'true' : 'false', disabled: this.disabled, onClick: this.handleToggle, part: "header" }, h("span", { key: '406b3b06d8fa48df809652838f466bf8dae1b1d0', class: "co-accordion__heading-group" }, h("span", { key: '72d56aadb1f7b6cfe110121a5f3ce7690b7580a9', class: "co-accordion__heading", part: "heading" }, h("slot", { key: '25d921d62d196bd7bb20ed5a9a3cac3b96bb77fd', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: '0b35302e165d304c61feaf616252f4be829b5b97', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: 'dfc194ec90f524edb9e65b150c3f920721126bfa', name: "subheading" }, this.subheading)))), h("span", { key: '6fb170bf34fb0be5ab9abb3c8c61f80076b02e4b', class: "co-accordion__caret", part: "caret" }, h("co-icon", { key: '0929dae22a07eec32c8919844fe3c29292e65cdb', name: "caret-up", size: 20 }))), h("div", { key: '783e6bc3ba9090dad9d972a88830fc059f442432', class: "co-accordion__body", part: "body" }, h("div", { key: '165c8cf24049cbec512542130f2e2b61b2c9e194', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: '0a50328db4f4b9ab900912c34a250f4c9b136f8f' })))));
     }
     static get is() { return "co-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -79,6 +95,26 @@ export class CoAccordion {
                 "attribute": "heading",
                 "defaultValue": "''"
             },
+            "subheading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Secondary muted line under the heading (used when the `subheading` slot is\nempty). Typically a collapsed summary/preview."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "subheading",
+                "defaultValue": "''"
+            },
             "disabled": {
                 "type": "boolean",
                 "mutable": false,
@@ -101,6 +137,11 @@ export class CoAccordion {
             }
         };
     }
+    static get states() {
+        return {
+            "hasSubheadingSlot": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "coToggle",
@@ -119,4 +160,5 @@ export class CoAccordion {
                 }
             }];
     }
+    static get elementRef() { return "el"; }
 }

package/dist/collection/components/co-app-shell/co-app-shell.css

@@ -26,10 +26,18 @@
 }
 
 :host([sidebar-mode="min"]) .sidebar {
-  width: 58px;
-  align-items: center;
-  padding: var(--co-spacing-sm);
-  padding-right: 0;
+  /* Collapsed rail = a FIXED-width "lane". Width = 2 × the expanded icon-center
+     X (32px) so the centered collapsed icon lands at the SAME X as the expanded
+     icon → no horizontal jump when toggling. */
+  --co-sidebar-min-width: 64px;
+  width: var(--co-sidebar-min-width);
+  /* Left-anchor the lane (don't center it in the animating panel): the panel
+     animates its width 256→64, but the lane stays put at the left edge, so its
+     centered content does NOT slide while the panel narrows. */
+  align-items: flex-start;
+  /* No horizontal padding — the lane spans the full rail and centers its own
+     content. */
+  padding: var(--co-spacing-sm) 0;
 }
 
 .sidebar__header {
@@ -86,7 +94,11 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 100%;
+  /* Fixed-width lane (= the collapsed rail width), inherited from .sidebar. The
+     panel animates 256→64, but this lane holds 64px and stays left-anchored, so
+     its centered content (icons, toggle, search) keeps the SAME X throughout the
+     animation — no slide, and it ends centered in the rail. */
+  width: var(--co-sidebar-min-width, 64px);
 }
 
 :host([sidebar-mode="min"]) .sidebar__header {
@@ -94,6 +106,19 @@
   padding-bottom: var(--co-spacing-md);
 }
 
+/* Min mode: the body is the scroll container, and a custom ::-webkit-scrollbar
+   reserves a right-only gutter that pulls the centered icon column left of the
+   (non-scrolling) header above. Drop the reserved gutter in min mode so the
+   column stays centered — the rail still scrolls via wheel/trackpad. (Full mode
+   keeps its visible thin scrollbar.) */
+:host([sidebar-mode="min"]) .sidebar__body {
+  scrollbar-width: none;
+}
+
+:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar {
+  width: 0;
+}
+
 /* ─── Main area ─────────────────────────────────────────────── */
 .main {
   display: flex;
@@ -103,8 +128,56 @@
   padding: 0;
   margin: var(--co-spacing-sm);
   margin-left: 0;
-  border-radius: var(--co-border-radius-xl);
+  min-height: 0;
+  /* Elevation: a layered soft drop-shadow that follows the squircle silhouette
+     of the inner card (drop-shadow respects the child mask; a box-shadow here
+     would be rectangular and the inner mask would clip it away). */
+  filter:
+    drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))
+    drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));
+  /* Squircle geometry — shared with .main__card via inheritance. Fixed-radius
+     corner-mask (4 corner pieces + 2 bars) so the radius stays constant at any
+     shell size and the corners are smooth. Radius knob: --co-border-radius-md. */
+  --co-shell-r: var(--co-border-radius-md);
+  --co-sq-tl: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");
+  --co-sq-tr: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");
+  --co-sq-bl: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");
+  --co-sq-br: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>");
+}
+
+/* The visible card: smooth (squircle) corners + a subtle glass hairline rim.
+   The mask lives here (not on .main) so .main's drop-shadow isn't clipped. */
+.main__card {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
+  border-radius: 0; /* the mask defines the (smooth) shape */
+  /* (No glass top-rim: the 1px white highlight read as a distracting line on the
+     dark navbar. The card edge is defined by .main's drop-shadow instead.) */
+  /* Squircle via 4 corner pieces + a cross of 2 bars (H full-width, V full-height).
+     The bars are sized `calc(... + 2px)` so they OVERLAP each corner by ~1px on
+     every side: otherwise the bar↔corner edges abut exactly at x=r / y=r and the
+     fractional-pixel rounding (per device-pixel-ratio) leaves a <1px transparent
+     SEAM there. Because the navbar slotted on top is semi-transparent, that seam
+     read as a faint line that flickered in/out with browser zoom. The overlap
+     lands in the corners' already-opaque area, so the rounded shape is unchanged
+     (at most a sub-px nub at the very corner tip). */
+  -webkit-mask:
+    var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,
+    linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;
+          mask:
+    var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,
+    linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,
+    linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;
 }
 
 /* ─── Header ────────────────────────────────────────────────── */

package/dist/collection/components/co-app-shell/co-app-shell.js

@@ -16,10 +16,10 @@ export class CoAppShell {
         this.contentCard = true;
     }
     render() {
-        return (h(Host, { key: 'ab23780c66e30f71d93b5e05b82b2fe2ac3ab994' }, h("aside", { key: '20f0ecb6f7bc63ed53d04931de34d90f39487a97', class: "sidebar", part: "sidebar" }, h("div", { key: 'f046e8a20ca07156b90db3e4d87eea5f9b50a4d5', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: 'c1e557fc4b8f0e47cd8207b17b25fcd7db64a857', name: "sidebar-header" })), h("div", { key: '8314e61d32ade2fe6a5a0b7d548e8cfeb08409cd', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: '82b4a258100534732a226fc7f5d91efaab485345', name: "sidebar" })), h("div", { key: '4028cd2436d78865de3b5b229f476965aab49c72', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: '8d31d73c66a8c61d162b8a3bb25916640144c86e', name: "sidebar-footer" }))), h("div", { key: 'aa9f170d57f2700474a05c82cf8403fb6ccd8016', class: "main", part: "main" }, h("header", { key: '0963500986ea4b9b4bae3e13f1573482362c6924', class: "main__header", part: "header" }, h("slot", { key: 'a611280b4612d10f501cc3330ccbd173245cf3f5', name: "navbar" })), h("main", { key: '2a9bf5d59f6bbc6228d42b1eed2aa180b2d8ac2b', class: {
+        return (h(Host, { key: '5df857b1122c6dd0589b86873e321a425ffd6dbc' }, h("aside", { key: '4427047dcc3f1316398300e26bc0f8798dc25db2', class: "sidebar", part: "sidebar" }, h("div", { key: '33652ac6919e6c5d9519fa4c2dcaa2820f356cc5', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: 'ec3a1a5979594acab40f90e44a344fb100db2c20', name: "sidebar-header" })), h("div", { key: 'f0688f52d20a6edbf939728fde84cad7b86bf2b5', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: '572aced266588d3b11894dfa012d218bf47a5adf', name: "sidebar" })), h("div", { key: 'a8695d8875430d1dddc7d0e93c0cc69ad188aa50', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: 'd70f3553b94c62ffed5ee2a8e2a3e121945df1d7', name: "sidebar-footer" }))), h("div", { key: '3096910efd4d3c61d97d18284a3926273a60b220', class: "main", part: "main" }, h("div", { key: '3f4b2591d4aaddd2fdc14cd3d51341783b5ce1ea', class: "main__card", part: "card" }, h("header", { key: 'd9c464d4a0246099d30b3102430afb00e8f248f6', class: "main__header", part: "header" }, h("slot", { key: '94ec52ee636f22e5870b90d39a3b6cc3c6cc6920', name: "navbar" })), h("main", { key: 'f521001dfda2cf8fc98931c291a6a0829367154a', class: {
                 'main__content': true,
                 'main__content--card': this.contentCard,
-            }, part: "content" }, h("slot", { key: 'b29b1046eda51dc96acdf5fa81eb14694988ebd9' })))));
+            }, part: "content" }, h("slot", { key: '0f339d0bdfc1352551bc10c0ce3a54c4a757722e' }))))));
     }
     static get is() { return "co-app-shell"; }
     static get encapsulation() { return "shadow"; }