@vielzeug/refine 1.5.0 → 1.5.1

package/dist/refine.js

@@ -2540,7 +2540,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
                 </div>`:s``}
         </div>
       </div>
-    `},shadow:{delegatesFocus:!0},styles:[J,G,ra]});var la=`@layer refine.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-divider));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:backdrop-filter var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);position:relative}}@layer refine.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([variant=glass]:not([color])){--_bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--_border-color:color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent)}:host([variant=glass][color]){--_bg:color-mix(in oklch, var(--_theme-base) 20%, transparent);--_border-color:color-mix(in oklch, var(--_theme-contrast) 15%, transparent);--_color:var(--_theme-content)}:host([variant=glass]) .box{box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([color]:not([variant=glass],[variant=frost]):hover){--_bg:color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,ua=`ore-box`;a(ua,{props:{color:p.string(),effect:p.string(),elevation:p.number(),fullwidth:p.bool(),padding:p.string(),rounded:p.string(),variant:p.string()},setup(){return s`<div class="box" part="box"><slot></slot></div>`},styles:[...De,Te(`.box`),Ce(`.box`),la]});var da=`@layer refine.base{:host{display:block}}@layer refine.utilities{:host([align=start]){align-self:start}:host([align=center]){align-self:center}:host([align=end]){align-self:end}:host([align=stretch]){align-self:stretch}:host([justify=start]){justify-self:start}:host([justify=center]){justify-self:center}:host([justify=end]){justify-self:end}:host([justify=stretch]){justify-self:stretch}}`,fa=`ore-grid-item`;a(fa,{props:{align:p.string(),area:p.string(),col:p.string(),colSpan:p.string(),justify:p.string(),row:p.string(),rowSpan:p.string()},setup(e){let n=C(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),r=C(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return t({style:{gridArea:e.area,gridColumn:n,gridRow:r}}),s`<slot></slot>`},styles:[da]});var pa=`@layer refine.base{:host{--_cols:var(--grid-cols,repeat(auto-fit, minmax(250px, 1fr)));--_rows:var(--grid-rows,auto);--_gap:var(--grid-gap,var(--size-4));--_row-gap:var(--grid-row-gap,var(--_gap));--_col-gap:var(--grid-col-gap,var(--_gap));grid-template-rows:var(--_rows);grid-template-columns:var(--_cols);gap:var(--_row-gap) var(--_col-gap);grid-auto-flow:row;display:grid}:host([gap=none]){--_row-gap:0;--_col-gap:0}:host([gap=xs]){--_row-gap:var(--size-1);--_col-gap:var(--size-1)}:host([gap=sm]){--_row-gap:var(--size-2);--_col-gap:var(--size-2)}:host([gap=md]){--_row-gap:var(--size-4);--_col-gap:var(--size-4)}:host([gap=lg]){--_row-gap:var(--size-6);--_col-gap:var(--size-6)}:host([gap=xl]){--_row-gap:var(--size-8);--_col-gap:var(--size-8)}:host([gap="2xl"]){--_row-gap:var(--size-12);--_col-gap:var(--size-12)}:host([align=start]){align-items:start}:host([align=center]){align-items:center}:host([align=end]){align-items:end}:host([align=stretch]){align-items:stretch}:host([align=baseline]){align-items:baseline}:host([justify=start]){justify-items:start}:host([justify=center]){justify-items:center}:host([justify=end]){justify-items:end}:host([justify=stretch]){justify-items:stretch}:host([flow=row]){grid-auto-flow:row}:host([flow=column]){grid-auto-flow:column}:host([flow=row-dense]){grid-auto-flow:dense}:host([flow=column-dense]){grid-auto-flow:column dense}:host([fullwidth]){width:100%}}`,ma=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],ha=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],ga=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},_a={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},va=`ore-grid`;a(va,{props:{align:p.string(),areas:p.string(),areas2xl:p.string(),areasLg:p.string(),areasMd:p.string(),areasSm:p.string(),areasXl:p.string(),cols:p.string(),cols2xl:p.string(),colsLg:p.string(),colsMd:p.string(),colsSm:p.string(),colsXl:p.string(),flow:p.string(),fullwidth:p.bool(!1),gap:p.string(),justify:p.string(),minColWidth:p.string(),responsive:p.bool(!1),rows:p.string()},setup(e){let t=o(),n=v,r=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,i=()=>{let n=t.offsetWidth,i=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of ma)if(n>=ga(t,i,_a[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};n(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,i()});let a=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of ha)if(n>=ga(t,a,_a[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return n(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),n(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,a()}),f(()=>{let e=V(t);n(()=>{e.value,i(),a()})}),s`<slot></slot>`},styles:[pa]});var ya=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel{gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle{order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,ba=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},xa=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,Sa=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},Ca=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},wa=e=>{let t=Ca(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Ta=e=>{let t=e.parentElement;for(;t;){let e=window.getComputedStyle(t).overflowY;if(e===`auto`||e===`scroll`||e===`overlay`)return t;t=t.parentElement}return null},Ea=n(`NavbarContext`),Da=`ore-navbar`;a(Da,{props:{breakpoint:p.string(`(max-width: 768px)`),color:p.string(),"container-breakpoints":p.bool(!1),elevation:p.number(),floating:p.bool(!1),label:p.string(`Main navigation`),"mobile-sidebar":p.string(),rounded:p.string(),"scroll-threshold":p.number(80),sticky:p.bool(!1),variant:p.string()},setup(e){let n=o(),r=g(),i=_(),a=()=>i.has(`logo`).value,c=()=>i.elements(`mobile-menu`).value.some(xa),l=T(null),u=T(!1),d=T(!1),p=T(!1),h=T(!1),v=T(!1),y=T(!1),b=T(0),x=T(!1),S=T(!1),w=T(Sa(e.breakpoint.value)),E=T(!1),O=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};m(Ea,{isMobile:C(()=>p.value),mobileMenuOpen:C(()=>h.value)});let k=()=>{if(e.floating.value&&e.sticky.value)return y.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},A=e=>{let t=!!e;if(!c()){let e=l.value??O();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!c()||h.value!==t&&(h.value=t,r(`mobile-menu-change`,{open:t}))},j=()=>A(!1),M=()=>A(!0),N=()=>{if(!c()){let e=l.value??O();if(e){typeof e.toggleMobile==`function`?e.toggleMobile():typeof e.openMobile==`function`&&typeof e.closeMobile==`function`&&(e.hasAttribute(`data-mobile-open`)?e.closeMobile():e.openMobile());return}}A(!h.value)},P=()=>{let e=(l.value&&!c()?u.value:!1)||x.value||S.value;p.value=e,e||j()},F=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,I=e=>{b.value=F(e)},L=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){y.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0),r=F(t)-b.value;y.value=r>n};return t({attr:{"data-mobile":()=>p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-mode":()=>k()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>E.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&y.value?!0:void 0}}),f(()=>{let t=n,r=Ta(n);t.closeMobileMenu=j,t.openMobileMenu=M,t.toggleMobileMenu=N;let i=ba(window,`scroll`,()=>{L(r)},{passive:!0}),a=r?ba(r,`scroll`,()=>{L(r)},{passive:!0}):void 0,o=ba(n,`keydown`,e=>{e.key!==`Escape`||!h.value||j()}),s,f,p,m,g=()=>{f?.(),f=void 0,l.value=null,u.value=!1,d.value=!1;let e=O();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);u.value=n,d.value=t?.detail?t.detail.open:r,d.value&&!u.value&&(u.value=!0),P()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),f=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},l.value=e},_=()=>{v.value=!0,p!=null&&clearTimeout(p),p=setTimeout(()=>{v.value=!1,p=void 0},220)},b=D(C(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,m=void 0,p!=null&&(clearTimeout(p),p=void 0);return}I(r),L(r),m=k()},{immediate:!0}),T=D(e[`mobile-sidebar`],()=>{g()},{immediate:!0}),A=D(C(()=>k()),t=>{if(!(e.floating.value&&e.sticky.value)){m=t??void 0;return}let n=t??void 0;m&&n&&m!==n&&_(),m=n},{immediate:!0}),F=D(C(()=>c()),e=>{!e&&h.value&&j()},{immediate:!0});D(e.breakpoint,t=>{s?.(),s=void 0;let r=String(t??``).trim();w.value=Sa(r),x.value=!1;let i=wa(n);if(S.value=i>0&&w.value!=null?i<=w.value:!1,P(),e[`container-breakpoints`].value&&w.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{x.value=e,P()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let ee=typeof ResizeObserver==`function`?(()=>{let e=V(n),t=n.parentElement,r=Ca(n),i=t?V(t):void 0,a=r&&r!==t?V(r):void 0;return D(C(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=wa(n),t=Ca(n)?.clientWidth??0;S.value=e>0&&w.value!=null?e<=w.value:!1,E.value=t>0&&t<window.innerWidth,P()})})():void 0;return()=>{o?.(),i?.(),a?.(),b?.dispose(),A?.dispose(),F?.dispose(),T?.dispose(),s?.(),f?.(),ee?.dispose(),p!=null&&(clearTimeout(p),p=void 0)}}),s`
+    `},shadow:{delegatesFocus:!0},styles:[J,G,ra]});var la=`@layer refine.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-divider));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:backdrop-filter var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);position:relative}}@layer refine.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([variant=glass]:not([color])){--_bg:color-mix(in oklch, var(--color-secondary) 20%, transparent);--_border-color:color-mix(in oklch, var(--color-secondary-contrast) 15%, transparent)}:host([variant=glass][color]){--_bg:color-mix(in oklch, var(--_theme-base) 20%, transparent);--_border-color:color-mix(in oklch, var(--_theme-contrast) 15%, transparent);--_color:var(--_theme-content)}:host([variant=glass]) .box{box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05);backdrop-filter:blur(var(--blur-lg)) saturate(180%) brightness(1.05)}:host([color]:not([variant=glass],[variant=frost]):hover){--_bg:color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,ua=`ore-box`;a(ua,{props:{color:p.string(),effect:p.string(),elevation:p.number(),fullwidth:p.bool(),padding:p.string(),rounded:p.string(),variant:p.string()},setup(){return s`<div class="box" part="box"><slot></slot></div>`},styles:[...De,Te(`.box`),Ce(`.box`),la]});var da=`@layer refine.base{:host{display:block}}@layer refine.utilities{:host([align=start]){align-self:start}:host([align=center]){align-self:center}:host([align=end]){align-self:end}:host([align=stretch]){align-self:stretch}:host([justify=start]){justify-self:start}:host([justify=center]){justify-self:center}:host([justify=end]){justify-self:end}:host([justify=stretch]){justify-self:stretch}}`,fa=`ore-grid-item`;a(fa,{props:{align:p.string(),area:p.string(),col:p.string(),colSpan:p.string(),justify:p.string(),row:p.string(),rowSpan:p.string()},setup(e){let n=C(()=>{let t=e.col.value,n=e.colSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),r=C(()=>{let t=e.row.value,n=e.rowSpan.value;return t||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return t({style:{gridArea:e.area,gridColumn:n,gridRow:r}}),s`<slot></slot>`},styles:[da]});var pa=`@layer refine.base{:host{--_cols:var(--grid-cols,repeat(auto-fit, minmax(250px, 1fr)));--_rows:var(--grid-rows,auto);--_gap:var(--grid-gap,var(--size-4));--_row-gap:var(--grid-row-gap,var(--_gap));--_col-gap:var(--grid-col-gap,var(--_gap));grid-template-rows:var(--_rows);grid-template-columns:var(--_cols);gap:var(--_row-gap) var(--_col-gap);grid-auto-flow:row;display:grid}:host([gap=none]){--_row-gap:0;--_col-gap:0}:host([gap=xs]){--_row-gap:var(--size-1);--_col-gap:var(--size-1)}:host([gap=sm]){--_row-gap:var(--size-2);--_col-gap:var(--size-2)}:host([gap=md]){--_row-gap:var(--size-4);--_col-gap:var(--size-4)}:host([gap=lg]){--_row-gap:var(--size-6);--_col-gap:var(--size-6)}:host([gap=xl]){--_row-gap:var(--size-8);--_col-gap:var(--size-8)}:host([gap="2xl"]){--_row-gap:var(--size-12);--_col-gap:var(--size-12)}:host([align=start]){align-items:start}:host([align=center]){align-items:center}:host([align=end]){align-items:end}:host([align=stretch]){align-items:stretch}:host([align=baseline]){align-items:baseline}:host([justify=start]){justify-items:start}:host([justify=center]){justify-items:center}:host([justify=end]){justify-items:end}:host([justify=stretch]){justify-items:stretch}:host([flow=row]){grid-auto-flow:row}:host([flow=column]){grid-auto-flow:column}:host([flow=row-dense]){grid-auto-flow:dense}:host([flow=column-dense]){grid-auto-flow:column dense}:host([fullwidth]){width:100%}}`,ma=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],ha=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],ga=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},_a={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},va=`ore-grid`;a(va,{props:{align:p.string(),areas:p.string(),areas2xl:p.string(),areasLg:p.string(),areasMd:p.string(),areasSm:p.string(),areasXl:p.string(),cols:p.string(),cols2xl:p.string(),colsLg:p.string(),colsMd:p.string(),colsSm:p.string(),colsXl:p.string(),flow:p.string(),fullwidth:p.bool(!1),gap:p.string(),justify:p.string(),minColWidth:p.string(),responsive:p.bool(!1),rows:p.string()},setup(e){let t=o(),n=v,r=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,i=()=>{let n=t.offsetWidth,i=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of ma)if(n>=ga(t,i,_a[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};n(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,i()});let a=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of ha)if(n>=ga(t,a,_a[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return n(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),n(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,a()}),f(()=>{let e=V(t);n(()=>{e.value,i(),a()})}),s`<slot></slot>`},styles:[pa]});var ya=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([variant=glass]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 70%, transparent);--navbar-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,ba=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},xa=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,Sa=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},Ca=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},wa=e=>{let t=Ca(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Ta=e=>{let t=e.parentElement;for(;t;){let e=window.getComputedStyle(t).overflowY;if(e===`auto`||e===`scroll`||e===`overlay`)return t;t=t.parentElement}return null},Ea=n(`NavbarContext`),Da=`ore-navbar`;a(Da,{props:{breakpoint:p.string(`(max-width: 768px)`),color:p.string(),"container-breakpoints":p.bool(!1),elevation:p.number(),floating:p.bool(!1),label:p.string(`Main navigation`),"mobile-sidebar":p.string(),rounded:p.string(),"scroll-threshold":p.number(80),sticky:p.bool(!1),variant:p.string()},setup(e){let n=o(),r=g(),i=_(),a=()=>i.has(`logo`).value,c=()=>i.elements(`mobile-menu`).value.some(xa),l=T(null),u=T(!1),d=T(!1),p=T(!1),h=T(!1),v=T(!1),y=T(!1),b=T(0),x=T(!1),S=T(!1),w=T(Sa(e.breakpoint.value)),E=T(!1),O=()=>{let t=String(e[`mobile-sidebar`].value??``).trim();if(!t)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(t):null)??document.querySelector(t)};m(Ea,{closeMobileMenu:()=>j(),isMobile:C(()=>p.value),mobileMenuOpen:C(()=>h.value)});let k=()=>{if(e.floating.value&&e.sticky.value)return y.value?`sticky`:`floating`;if(e.floating.value)return`floating`;if(e.sticky.value)return`sticky`},A=e=>{let t=!!e;if(!c()){let e=l.value??O();if(e){t?e.openMobile?.():e.closeMobile?.();return}}t&&!c()||h.value!==t&&(h.value=t,r(`mobile-menu-change`,{open:t}))},j=()=>A(!1),M=()=>A(!0),N=()=>{if(!c()){let e=l.value??O();if(e){typeof e.toggleMobile==`function`?e.toggleMobile():typeof e.openMobile==`function`&&typeof e.closeMobile==`function`&&(e.hasAttribute(`data-mobile-open`)?e.closeMobile():e.openMobile());return}}A(!h.value)},P=()=>{let e=(l.value&&!c()?u.value:!1)||x.value||S.value;p.value=e,e||j()},F=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,I=e=>{b.value=F(e)},L=(t=null)=>{if(!(e.floating.value&&e.sticky.value)){y.value&&=!1;return}let n=Math.max(0,Number(e[`scroll-threshold`].value)||0),r=F(t)-b.value;y.value=r>n};return t({attr:{"data-mobile":()=>p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-mode":()=>k()??null,"data-mode-transitioning":()=>v.value?!0:void 0,"data-preview-mode":()=>E.value?!0:void 0,"data-scrolled":()=>e.floating.value&&e.sticky.value&&y.value?!0:void 0}}),f(()=>{let t=n,r=Ta(n);t.closeMobileMenu=j,t.openMobileMenu=M,t.toggleMobileMenu=N;let i=ba(window,`scroll`,()=>{L(r)},{passive:!0}),a=r?ba(r,`scroll`,()=>{L(r)},{passive:!0}):void 0,o=ba(n,`keydown`,e=>{e.key!==`Escape`||!h.value||j()}),s,f,p,m,g=()=>{f?.(),f=void 0,l.value=null,u.value=!1,d.value=!1;let e=O();if(!e)return;let t=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);u.value=n,d.value=t?.detail?t.detail.open:r,d.value&&!u.value&&(u.value=!0),P()},n=new MutationObserver(()=>{t()});t(),n.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,t),f=()=>{n.disconnect(),e.removeEventListener(`mobile-open-change`,t)},l.value=e},_=()=>{v.value=!0,p!=null&&clearTimeout(p),p=setTimeout(()=>{v.value=!1,p=void 0},220)},b=D(C(()=>e.floating.value&&e.sticky.value),e=>{if(!e){y.value&&=!1,v.value&&=!1,m=void 0,p!=null&&(clearTimeout(p),p=void 0);return}I(r),L(r),m=k()},{immediate:!0}),T=D(e[`mobile-sidebar`],()=>{g()},{immediate:!0}),A=D(C(()=>k()),t=>{if(!(e.floating.value&&e.sticky.value)){m=t??void 0;return}let n=t??void 0;m&&n&&m!==n&&_(),m=n},{immediate:!0}),F=D(C(()=>c()),e=>{!e&&h.value&&j()},{immediate:!0});D(e.breakpoint,t=>{s?.(),s=void 0;let r=String(t??``).trim();w.value=Sa(r),x.value=!1;let i=wa(n);if(S.value=i>0&&w.value!=null?i<=w.value:!1,P(),e[`container-breakpoints`].value&&w.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),o=e=>{x.value=e,P()},c=e=>{o(e.matches)};o(a.matches),a.addEventListener(`change`,c),s=()=>{a.removeEventListener(`change`,c)}},{immediate:!0});let ee=typeof ResizeObserver==`function`?(()=>{let e=V(n),t=n.parentElement,r=Ca(n),i=t?V(t):void 0,a=r&&r!==t?V(r):void 0;return D(C(()=>[e.value.width,e.value.height,i?.value.width,i?.value.height,a?.value.width,a?.value.height]),()=>{let e=wa(n),t=Ca(n)?.clientWidth??0;S.value=e>0&&w.value!=null?e<=w.value:!1,E.value=t>0&&t<window.innerWidth,P()})})():void 0;return()=>{o?.(),i?.(),a?.(),b?.dispose(),A?.dispose(),F?.dispose(),T?.dispose(),s?.(),f?.(),ee?.dispose(),p!=null&&(clearTimeout(p),p=void 0)}}),s`
       <nav part="nav" aria-label="${e.label}">
         <div class="navbar" part="bar">
           <div class="navbar-logo" part="logo" ?hidden=${()=>!a()}>
@@ -2586,7 +2586,7 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
           <slot name="mobile-menu"></slot>
         </div>
       </nav>
-    `},styles:[J,he,K,W,G,Te(`.navbar`),ya]});var Oa=`ore-navbar-item`;a(Oa,{props:{active:p.bool(!1),disabled:p.bool(!1),href:p.string(),rel:p.string(),target:p.string()},setup(e){let n=_(),r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=c(Ea);t({attr:{"navbar-mobile":()=>a?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>a?.mobileMenuOpen.value?!0:void 0}});let o=()=>!!e.href.value&&!e.disabled.value,l=C(()=>Rn(e.rel.value,e.target.value)),u=()=>s`
+    `},styles:[J,he,K,W,G,Te(`.navbar`),ya]});var Oa=`ore-navbar-item`;a(Oa,{props:{active:p.bool(!1),disabled:p.bool(!1),href:p.string(),rel:p.string(),target:p.string()},setup(e){let n=_(),r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=c(Ea);t({attr:{"navbar-mobile":()=>a?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>a?.mobileMenuOpen.value?!0:void 0}});let o=()=>!!e.href.value&&!e.disabled.value,l=C(()=>Rn(e.rel.value,e.target.value)),u=()=>{a?.mobileMenuOpen.value&&a.closeMobileMenu()},d=()=>s`
       <span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
         <slot name="icon"></slot>
       </span>
@@ -2602,10 +2602,13 @@ import{aria as e,bind as t,createContext as n,createStableId as r,css as i,defin
               href="${e.href}"
               :rel="${l}"
               :target="${e.target}"
-              aria-current="${()=>e.active.value?`page`:null}">
-              ${u()}
+              aria-current="${()=>e.active.value?`page`:null}"
+              @click=${u}>
+              ${d()}
             </a>
-          `:e.disabled.value?s`<div class="item" part="item" tabindex="-1" aria-disabled="true">${u()}</div>`:s`<button class="item" part="item" type="button">${u()}</button>`}
+          `:e.disabled.value?s`<div class="item" part="item" tabindex="-1" aria-disabled="true">${d()}</div>`:s`<button class="item" part="item" type="button" @click=${u}>
+          ${d()}
+        </button>`}
     `},styles:[W,ya]});var ka=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none!important}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible!important;pointer-events:auto!important;opacity:1!important;width:auto!important;height:auto!important;display:flex!important;position:static!important}:host([collapsible]:not([open])) .group-items{display:none}}`,Aa=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;text-decoration:none;display:flex;position:relative}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:var(--size-2);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,ja=`.sidebar-logo[hidden]{min-width:0!important;min-height:0!important;margin:0!important;display:none!important}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}.mobile-backdrop{z-index:calc(var(--z-sticky) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none!important}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{gap:var(--size-2);min-height:var(--size-6);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);min-height:unset;padding-block:var(--size-2);padding-inline:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none!important}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none!important}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggle-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.toggle-btn:focus-visible{outline:var(--focus-ring)}.toggle-icon{transition:var(--_motion-transition,transform var(--_sidebar-transition));justify-content:center;align-items:center;display:flex}:host([data-collapsed]) .toggle-icon{transform:rotate(180deg)}:host([data-bottom-nav]) .toggle-btn{display:none}:host(:not([dir=rtl])[data-collapsed]) .toggle-icon,:host(:dir(ltr)[data-collapsed]) .toggle-icon,:host(:dir(rtl)) .toggle-icon{transform:rotate(180deg)}:host(:dir(rtl)[data-collapsed]) .toggle-icon{transform:rotate(0)}}@layer refine.variants{:host([variant=floating]){height:calc(100% - var(--size-6));margin:var(--size-3);--_panel-radius:var(--rounded-lg)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:var(--size-2)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,Ma=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},Na=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},Pa=e=>{let t=Na(e)?.clientWidth??0;return t>0?t:e.offsetWidth},Fa=n(`SidebarContext`),Ia=`ore-sidebar`;a(Ia,{props:{"bottom-nav-at":p.string(),collapsed:p.bool(!1),collapsible:p.bool(!1),"container-breakpoints":p.bool(!1),"default-collapsed":p.bool(!1),label:p.string(`Sidebar navigation`),responsive:p.string(),variant:p.string()},setup(e){let n=o(),r=g(),i=_(),a=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,l=()=>i.has(`logo`).value,u=T(n.hasAttribute(`collapsed`)),d=T(u.value?n.hasAttribute(`collapsed`):e[`default-collapsed`].value),p=T(!1),h=T(!1),v=T([]),y=T(!1),b=T(!1),x=T(Ma(e.responsive.value)),S=T(!!String(e.responsive.value??``).trim()),w=T(!1),E=T(!1),O=T(Ma(e[`bottom-nav-at`].value)),k=T(!1),A=()=>d.value,j=C(()=>p.value?`bottom-nav`:d.value?`collapsed`:`default`),M=()=>{let t=e[`container-breakpoints`].value,n=t?b.value:y.value||b.value,r=t?E.value:w.value||E.value;h.value||(p.value=r),!r&&!h.value&&F(!1,`responsive`),S.value&&P(n,`responsive`)},N=()=>{let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`).map((e,t)=>{let n=e.querySelector(`:scope > [slot="icon"]`)??e.querySelector(`[slot="icon"]`),r=n?.tagName.toLowerCase()===`ore-icon`?n.getAttribute(`name`):null,i=n?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,a=(e.textContent??``).trim();return{active:e.hasAttribute(`active`),disabled:e.hasAttribute(`disabled`),href:e.getAttribute(`href`)??void 0,iconName:r??i??void 0,label:a||`Item ${t+1}`,source:e}});v.value=e};m(Fa,{collapsed:C(()=>!p.value&&d.value),mobileOpen:C(()=>p.value&&h.value),mode:j,variant:e.variant});let P=(e,t)=>{A()!==e&&(u.value||(d.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},F=(e,t)=>{let n=!!e;if(n&&!p.value&&(p.value=!0),!p.value&&!n){h.value&&=!1;return}h.value!==n&&(h.value=n,n||M(),r(`mobile-open-change`,{open:n,source:t}))},I=()=>{P(!A(),`toggle`)},L=n;return L.setCollapsed=e=>P(!!e,`api`),L.toggle=I,L.openMobile=()=>F(!0,`api`),L.closeMobile=()=>F(!1,`api`),L.toggleMobile=()=>F(!h.value,`toggle`),t({attr:{"data-bottom-nav":()=>p.value?!0:void 0,"data-collapsed":()=>A()&&!p.value?!0:void 0,"data-mobile-open":()=>p.value&&h.value?!0:void 0,"data-preview-mode":()=>k.value?!0:void 0}}),f(()=>{n.setAttribute(`data-no-transition`,``);let t=!1,r=()=>{t||(t=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{!n.hasAttribute(`collapsed`)&&!u.value||(u.value=!0,d.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0}),D(e.responsive,t=>{a?.(),a=void 0;let r=String(t??``).trim();S.value=!!r,x.value=Ma(r),y.value=!1;let i=Pa(n);if(b.value=i>0&&x.value!=null?i<=x.value:!1,M(),e[`container-breakpoints`].value&&x.value!=null||!r||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(r),s=e=>{y.value=e.matches,M()};y.value=o.matches,M(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),D(e[`bottom-nav-at`],t=>{o?.(),o=void 0;let r=String(t??``).trim();O.value=Ma(r),w.value=!1;let i=Pa(n);if(E.value=i>0&&O.value!=null?i<=O.value:!1,M(),e[`container-breakpoints`].value&&O.value!=null||!r||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(r),s=e=>{w.value=e.matches,M()};w.value=a.matches,M(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let l=typeof ResizeObserver==`function`?(()=>{let e=V(n),t=n.parentElement,i=Na(n),a=t?V(t):void 0,o=i&&i!==t?V(i):void 0,s;return D(C(()=>[e.value.width,e.value.height,a?.value.width,a?.value.height,o?.value.width,o?.value.height]),()=>{s!==void 0&&cancelAnimationFrame(s),s=requestAnimationFrame(()=>{let e=Na(n),t=Pa(n),i=b.value,a=E.value,o=e?.clientWidth??0;k.value=o>0&&o<window.innerWidth,b.value=t>0&&x.value!=null?t<=x.value:!1,E.value=t>0&&O.value!=null?t<=O.value:!1,(i!==b.value||a!==E.value)&&M(),r()})})})():void 0,f=e=>{let t=new Set(e);for(let[e,n]of s)t.has(e)||(n.disconnect(),s.delete(e));for(let t of e){if(s.has(t))continue;let e=new MutationObserver(()=>{p.value&&N()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),s.set(t,e)}};return D(i.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);f(t),N()},{immediate:!0}),()=>{c.disconnect(),a?.(),o?.(),l?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),s`
       <button
         class="mobile-backdrop"