lyco 1.2.7 → 1.2.8

package/dist/index.es.js

@@ -1,47 +1,24 @@
-import{html as e}from"lit";
-/**
-* @license
-* Copyright 2017 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/
-const t=globalThis,n=t.trustedTypes,r=n?n.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,i=`$lit$`,a=`lit$${Math.random().toFixed(9).slice(2)}$`,o=`?`+a,s=`<${o}>`,c=document,l=()=>c.createComment(``),u=e=>e===null||typeof e!=`object`&&typeof e!=`function`,d=Array.isArray,f=e=>d(e)||typeof e?.[Symbol.iterator]==`function`,p=`[ 	
-\f\r]`,m=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,h=/-->/g,g=/>/g,_=RegExp(`>|${p}(?:([^\\s"'>=/]+)(${p}*=${p}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,`g`),v=/'/g,y=/"/g,b=/^(?:script|style|textarea|title)$/i,x=e=>(t,...n)=>({_$litType$:e,strings:t,values:n}),ee=x(1),S=x(2),C=x(3),w=Symbol.for(`lit-noChange`),T=Symbol.for(`lit-nothing`),E=new WeakMap,D=c.createTreeWalker(c,129);function O(e,t){if(!d(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return r===void 0?t:r.createHTML(t)}const k=(e,t)=>{let n=e.length-1,r=[],o,c=t===2?`<svg>`:t===3?`<math>`:``,l=m;for(let t=0;t<n;t++){let n=e[t],u,d,f=-1,p=0;for(;p<n.length&&(l.lastIndex=p,d=l.exec(n),d!==null);)p=l.lastIndex,l===m?d[1]===`!--`?l=h:d[1]===void 0?d[2]===void 0?d[3]!==void 0&&(l=_):(b.test(d[2])&&(o=RegExp(`</`+d[2],`g`)),l=_):l=g:l===_?d[0]===`>`?(l=o??m,f=-1):d[1]===void 0?f=-2:(f=l.lastIndex-d[2].length,u=d[1],l=d[3]===void 0?_:d[3]===`"`?y:v):l===y||l===v?l=_:l===h||l===g?l=m:(l=_,o=void 0);let x=l===_&&e[t+1].startsWith(`/>`)?` `:``;c+=l===m?n+s:f>=0?(r.push(u),n.slice(0,f)+i+n.slice(f)+a+x):n+a+(f===-2?t:x)}return[O(e,c+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]};var A=class e{constructor({strings:t,_$litType$:r},s){let c;this.parts=[];let u=0,d=0,f=t.length-1,p=this.parts,[m,h]=k(t,r);if(this.el=e.createElement(m,s),D.currentNode=this.el.content,r===2||r===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(c=D.nextNode())!==null&&p.length<f;){if(c.nodeType===1){if(c.hasAttributes())for(let e of c.getAttributeNames())if(e.endsWith(i)){let t=h[d++],n=c.getAttribute(e).split(a),r=/([.?@])?(.*)/.exec(t);p.push({type:1,index:u,name:r[2],strings:n,ctor:r[1]===`.`?F:r[1]===`?`?I:r[1]===`@`?L:P}),c.removeAttribute(e)}else e.startsWith(a)&&(p.push({type:6,index:u}),c.removeAttribute(e));if(b.test(c.tagName)){let e=c.textContent.split(a),t=e.length-1;if(t>0){c.textContent=n?n.emptyScript:``;for(let n=0;n<t;n++)c.append(e[n],l()),D.nextNode(),p.push({type:2,index:++u});c.append(e[t],l())}}}else if(c.nodeType===8)if(c.data===o)p.push({type:2,index:u});else{let e=-1;for(;(e=c.data.indexOf(a,e+1))!==-1;)p.push({type:7,index:u}),e+=a.length-1}u++}}static createElement(e,t){let n=c.createElement(`template`);return n.innerHTML=e,n}};function j(e,t,n=e,r){var i,a;if(t===w)return t;let o=r===void 0?n._$Cl:(i=n._$Co)?.[r],s=u(t)?void 0:t._$litDirective$;return o?.constructor!==s&&(o==null||(a=o._$AO)==null||a.call(o,!1),s===void 0?o=void 0:(o=new s(e),o._$AT(e,n,r)),r===void 0?n._$Cl=o:(n._$Co??=[])[r]=o),o!==void 0&&(t=j(e,o._$AS(e,t.values),o,r)),t}var M=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??c).importNode(t,!0);D.currentNode=r;let i=D.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new N(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new R(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=D.nextNode(),a++)}return D.currentNode=c,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},N=class e{get _$AU(){var e;return(e=this._$AM)?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=j(this,e,t),u(e)?e===T||e==null||e===``?(this._$AH!==T&&this._$AR(),this._$AH=T):e!==this._$AH&&e!==w&&this._(e):e._$litType$===void 0?e.nodeType===void 0?f(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==T&&u(this._$AH)?this._$AA.nextSibling.data=e:this.T(c.createTextNode(e)),this._$AH=e}$(e){var t;let{values:n,_$litType$:r}=e,i=typeof r==`number`?this._$AC(e):(r.el===void 0&&(r.el=A.createElement(O(r.h,r.h[0]),this.options)),r);if((t=this._$AH)?._$AD===i)this._$AH.p(n);else{let e=new M(i,this),t=e.u(this.options);e.p(n),this.T(t),this._$AH=e}}_$AC(e){let t=E.get(e.strings);return t===void 0&&E.set(e.strings,t=new A(e)),t}k(t){d(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(l()),this.O(l()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){var n;for((n=this._$AP)?.call(this,!1,!0,t);e&&e!==this._$AB;){let t=e.nextSibling;e.remove(),e=t}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)?.call(this,e))}},P=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=T,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=T}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=j(this,e,t,0),a=!u(e)||e!==this._$AH&&e!==w,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=j(this,r[n+o],t,o),s===w&&(s=this._$AH[o]),a||=!u(s)||s!==this._$AH[o],s===T?e=T:e!==T&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},F=class extends P{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===T?void 0:e}},I=class extends P{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==T)}},L=class extends P{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=j(this,e,t,0)??T)===w)return;let n=this._$AH,r=e===T&&n!==T||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==T&&(n===T||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t;typeof this._$AH==`function`?this._$AH.call((t=this.options)?.host??this.element,e):this._$AH.handleEvent(e)}},R=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){j(this,e)}};const te={M:i,P:a,A:o,C:1,L:k,R:M,D:f,V:j,I:N,H:P,N:I,U:L,B:F,F:R},ne=t.litHtmlPolyfillSupport;ne?.(A,N),(t.litHtmlVersions??=[]).push(`3.3.0`);
-/**
-* @license
-* Copyright 2017 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/
-const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML:1,SVG:2,MATHML:3},oe=(e,t)=>t===void 0?e?._$litType$!==void 0:e?._$litType$===t,se=e=>{var t;return(e==null||(t=e._$litType$)==null?void 0:t.h)!=null},ce=e=>e?._$litDirective$!==void 0,le=e=>e?._$litDirective$,ue=e=>e.strings===void 0,de=()=>document.createComment(``),fe=(e,t,n)=>{let r=e._$AA.parentNode,i=t===void 0?e._$AB:t._$AA;if(n===void 0){let t=r.insertBefore(de(),i),a=r.insertBefore(de(),i);n=new re(t,a,e,e.options)}else{let t=n._$AB.nextSibling,o=n._$AM,s=o!==e;if(s){var a;let t;(a=n._$AQ)?.call(n,e),n._$AM=e,n._$AP!==void 0&&(t=e._$AU)!==o._$AU&&n._$AP(t)}if(t!==i||s){let e=n._$AA;for(;e!==t;){let t=e.nextSibling;r.insertBefore(e,i),e=t}}}return n},pe=(e,t,n=e)=>(e._$AI(t,n),e),me={},he=(e,t=me)=>e._$AH=t,ge=e=>e._$AH,_e=e=>{var t;(t=e._$AP)?.call(e,!1,!0);let n=e._$AA,r=e._$AB.nextSibling;for(;n!==r;){let e=n.nextSibling;n.remove(),n=e}},ve=e=>{e._$AR()},ye={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},be=e=>(...t)=>({_$litDirective$:e,values:t});var xe=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};
-/**
-* @license
-* Copyright 2017 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/const z=(e,t)=>{var n;let r=e._$AN;if(r===void 0)return!1;for(let e of r)(n=e._$AO)?.call(e,t,!1),z(e,t);return!0},B=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},Se=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),Te(t)}};function Ce(e){this._$AN===void 0?this._$AM=e:(B(this),this._$AM=e,Se(this))}function we(e,t=!1,n=0){let r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(let e=n;e<r.length;e++)z(r[e],!1),B(r[e]);else r!=null&&(z(r,!1),B(r));else z(this,e)}const Te=e=>{e.type==ye.CHILD&&(e._$AP??=we,e._$AQ??=Ce)};var Ee=class extends xe{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),Se(this),this.isConnected=e._$AU}_$AO(e,t=!0){var n,r;e!==this.isConnected&&(this.isConnected=e,e?(n=this.reconnected)?.call(this):(r=this.disconnected)?.call(this)),t&&(z(this,e),B(this))}setValue(e){if(ue(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};
-/**
-* @license
-* Copyright 2020 Google LLC
-* SPDX-License-Identifier: BSD-3-Clause
-*/const De=()=>new Oe;var Oe=class{};const V=new WeakMap,H=be(class extends Ee{render(e){return T}update(e,[t]){var n;let r=t!==this.G;return r&&this.G!==void 0&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.G=t,this.ht=(n=e.options)?.host,this.rt(this.ct=e.element)),T}rt(e){if(this.isConnected||(e=void 0),typeof this.G==`function`){let t=this.ht??globalThis,n=V.get(t);n===void 0&&(n=new WeakMap,V.set(t,n)),n.get(this.G)!==void 0&&this.G.call(this.ht,void 0),n.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){var e,t;return typeof this.G==`function`?(e=V.get(this.ht??globalThis))?.get(this.G):(t=this.G)?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),ke=Symbol(`___LYCO_NULL___`);function U(t){return t?typeof t==`function`?t():t:e``}function W(t,n){let r=n??(e=>e);if(t===void 0)return e``;if(Array.isArray(t))return t.map((e,t)=>r(U(e),t,!0,!1));if(typeof t!=`function`)return r(U(t),void 0,!1,!1);let i=t();return Array.isArray(i)?i.map((e,t)=>r(U(e),t,!0,!1)):r(U(i),void 0,!1,!0)}function Ae(e){let t=Math.random().toString(36).substring(2,15);return e?`lyco-${e}-${t}`:`lyco-${t}`}function je(e,t){let n=t??(e=>e),r=e=>n(U(e));return e?r(e):r}function Me(e,t,n){let r=t??(e=>e),i=e=>r(W(e,n));return e?i(e):i}const G=e=>({init:!1,prefix:e,className:ke}),K={"GridBreakpoint::grid-breakpoint":G(`grid-breakpoint`),"Hidden::hidden-container":G(`hidden-container`),"ListGroup::list-group":G(`list-group`),"ScrollBar::scrollbar-container":G(`scrollbar-container`),"SkeletonLoader::skeleton-shimmer":G(`skeleton-shimmer`),"Swiper::swiper":G(`swiper`),"Table::table":G(`table`),"WaterFlow::waterflow":G(`waterflow`),"AutoFitGrid::auto-fit-grid":G(`auto-fit-grid`),"GridCol::grid-col":G(`grid-col`),"GridRow::grid-row":G(`grid-row`),"List::list":G(`list`)};function q(e){let t=K[e];return t.init||(K[e].init=!0,K[e].className=Ae(t.prefix)),K[e].className===ke?Ae(t.prefix):K[e].className}const J={all:{value:0}};function Y(e){var t;return(t=J[e])?.value||(J[e]={value:0}),J[e].value}function X(t,n){return J.all={value:J.all.value+1},J[t]===void 0?J[t]={value:0}:J[t].value=J[t].value+1,e`
-		<!-- ${t} - ${J[t].value} -->
+import{html as e}from"lit";import{createRef as t,ref as n}from"lit/directives/ref.js";const r=Symbol(`___LYCO_NULL___`);function i(t){return t?typeof t==`function`?t():t:e``}function a(t,n){let r=n??(e=>e);if(t===void 0)return e``;if(Array.isArray(t))return t.map((e,t)=>r(i(e),t,!0,!1));if(typeof t!=`function`)return r(i(t),void 0,!1,!1);let a=t();return Array.isArray(a)?a.map((e,t)=>r(i(e),t,!0,!1)):r(i(a),void 0,!1,!0)}function o(e){let t=Math.random().toString(36).substring(2,15);return e?`lyco-${e}-${t}`:`lyco-${t}`}function s(e,t){let n=t??(e=>e),r=e=>n(i(e));return e?r(e):r}function c(e,t,n){let r=t??(e=>e),i=e=>r(a(e,n));return e?i(e):i}const l=e=>({init:!1,prefix:e,className:r}),u={"GridBreakpoint::grid-breakpoint":l(`grid-breakpoint`),"Hidden::hidden-container":l(`hidden-container`),"ListGroup::list-group":l(`list-group`),"ScrollBar::scrollbar-container":l(`scrollbar-container`),"SkeletonLoader::skeleton-shimmer":l(`skeleton-shimmer`),"Swiper::swiper":l(`swiper`),"Table::table":l(`table`),"WaterFlow::waterflow":l(`waterflow`),"AutoFitGrid::auto-fit-grid":l(`auto-fit-grid`),"GridCol::grid-col":l(`grid-col`),"GridRow::grid-row":l(`grid-row`),"List::list":l(`list`)};function d(e){let t=u[e];return t.init||(u[e].init=!0,u[e].className=o(t.prefix)),u[e].className===r?o(t.prefix):u[e].className}const f={all:{value:0}};function p(e){var t;return(t=f[e])?.value||(f[e]={value:0}),f[e].value}function m(t,n){return f.all={value:f.all.value+1},f[t]===void 0?f[t]={value:0}:f[t].value=f[t].value+1,e`
+		<!-- ${t} - ${f[t].value} -->
 		${n}
-	`}function Ne(e,t,n){t.forEach(([t,r])=>{n.has(t)&&e.removeEventListener(t,n.get(t));let i,a;typeof r==`function`?(i=r,a=void 0):(i=r.handler,a=r.options);let o=e=>i(e);e.addEventListener(t,o,a),n.set(t,o)})}function Z(e){let t=new Map,n=Object.entries(e);return{bind(e){Ne(e,n,t)},unbindAll(){t.clear()},auto(e){e?this.bind(e):this.unbindAll()}}}function Q(t,n){if(n===void 0){let n=n=>Q(t,n??e``);return n.html=(n,...r)=>Q(t,e(n,...r)),n}let r=t?.fadeBg??`rgba(0,0,0,0.7)`,i=t?.zIndex??2e3,a=Z(t?.on??{});return e`
+	`}function h(e,t,n){t.forEach(([t,r])=>{n.has(t)&&e.removeEventListener(t,n.get(t));let i,a;typeof r==`function`?(i=r,a=void 0):(i=r.handler,a=r.options);let o=e=>i(e);e.addEventListener(t,o,a),n.set(t,o)})}function g(e){let t=new Map,n=Object.entries(e);return{bind(e){h(e,n,t)},unbindAll(){t.clear()}}}function _(t,r){if(r===void 0){let n=n=>_(t,n??e``);return n.html=(n,...r)=>_(t,e(n,...r)),n}let a=t?.fadeBg??`rgba(0,0,0,0.7)`,o=t?.zIndex??2e3,s=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?a.bind(e):a.unbindAll()})}
+			${n(e=>{e?s.bind(e):s.unbindAll()})}
 			style="
         position: fixed;
         top: 0; left: 0; right: 0; bottom: 0;
-        background: ${r};
-        z-index: ${i};
+        background: ${a};
+        z-index: ${o};
         display: flex;
         justify-content: center;
         align-items: center;
       "
 		>
-			${U(n)}
+			${i(r)}
 		</div>
-	`}function Pe(t,n){let r=Z(t?.on??{});return n===void 0?n=>Pe(t,n??[e``]):e`
+	`}function v(t,r){let i=g(t?.on??{});return r===void 0?n=>v(t,n??[e``]):e`
 		<div
-			${H(e=>{e?r.bind(e):r.unbindAll()})}
+			${n(e=>{e?i.bind(e):i.unbindAll()})}
 			.class="${t?.className}"
 			style="
       display: flex;
@@ -50,234 +27,234 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
       ${t?.style??``}
     "
 		>
-			${W(n)}
+			${a(r)}
 		</div>
-	`}function $(t,n){if(n===void 0){let n=n=>$(t,n??e``);return n.html=(n,...r)=>$(t,e(n,...r)),n}let r=t?.direction??`row`,i=Z(t?.on??{});return e`
+	`}function y(t,r){if(r===void 0){let n=n=>y(t,n??e``);return n.html=(n,...r)=>y(t,e(n,...r)),n}let a=t?.direction??`row`,o=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?i.bind(e):i.unbindAll()})}
+			${n(e=>{e?o.bind(e):o.unbindAll()})}
 			style="
         display: flex;
-        flex-direction: ${r};
+        flex-direction: ${a};
         ${t?.justify?`justify-content: ${t.justify};`:``}
         ${t?.align?`align-items: ${t.align};`:``}
         ${t?.gap?`gap: ${t.gap};`:``}
       "
 		>
-			${U(n)}
+			${i(r)}
 		</div>
-	`}function Fe(t,n){if(n===void 0){let n=n=>Fe(t,n??e``);return n.html=(n,...r)=>Fe(t,e(n,...r)),n}let r=Z(t?.on??{});return e`
+	`}function b(t,r){if(r===void 0){let n=n=>b(t,n??e``);return n.html=(n,...r)=>b(t,e(n,...r)),n}let a=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?r.bind(e):r.unbindAll()})}
+			${n(e=>{e?a.bind(e):a.unbindAll()})}
 			style="break-inside: avoid; margin-bottom: 16px;"
 		>
-			${U(n)}
+			${i(r)}
 		</div>
-	`}function Ie(t,n){if(n===void 0)return n=>Ie(t,n??[e``]);let r=t?.columns??1,i=Z(t?.on??{});return e`
+	`}function x(t,r){if(r===void 0)return n=>x(t,n??[e``]);let i=t?.columns??1,o=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?i.bind(e):i.unbindAll()})}
+			${n(e=>{e?o.bind(e):o.unbindAll()})}
 			style="
         display: grid;
-        grid-template-columns: repeat(${r}, 1fr);
+        grid-template-columns: repeat(${i}, 1fr);
         ${t?.gap?`gap: ${t.gap};`:``}
       "
 		>
-			${W(n)}
+			${a(r)}
 		</div>
-	`}function Le(t,n){if(n===void 0){let n=n=>Le(t,n??e``);return n.html=(n,...r)=>Le(t,e(n,...r)),n}let r=Y(`GridCol`),i=q(`GridCol::grid-col`)+`-lyco-now-`+r,a=t?.gap?`column-gap: ${t.gap};`:``,o=`
-      .${i} {
+	`}function S(t,r){if(r===void 0){let n=n=>S(t,n??e``);return n.html=(n,...r)=>S(t,e(n,...r)),n}let a=p(`GridCol`),o=d(`GridCol::grid-col`)+`-lyco-now-`+a,s=t?.gap?`column-gap: ${t.gap};`:``,c=`
+      .${o} {
         display: grid;
         grid-auto-flow: column;
-        ${a}
+        ${s}
       }
-    `,s=Z(t?.on??{});return X(`GridCol`,e`
+    `,l=g(t?.on??{});return m(`GridCol`,e`
 			<style>
-				${o}
+				${c}
 			</style>
 			<div
-				${H(e=>{e?s.bind(e):s.unbindAll()})}
-				class="${i}"
+				${n(e=>{e?l.bind(e):l.unbindAll()})}
+				class="${o}"
 			>
-				${U(n)}
+				${i(r)}
 			</div>
-		`)}function Re(t,n){if(n===void 0){let n=n=>Re(t,n??e``);return n.html=(n,...r)=>Re(t,e(n,...r)),n}let r=Z(t?.on??{});return e`
+		`)}function C(t,r){if(r===void 0){let n=n=>C(t,n??e``);return n.html=(n,...r)=>C(t,e(n,...r)),n}let a=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?r.bind(e):r.unbindAll()})}
+			${n(e=>{e?a.bind(e):a.unbindAll()})}
 			style="${t?.span?`grid-column: span ${t.span};`:``}"
 		>
-			${U(n)}
+			${i(r)}
 		</div>
-	`}function ze(t,n){if(n===void 0){let n=n=>ze(t,n??e``);return n.html=(n,...r)=>ze(t,e(n,...r)),n}let r=Y(`GridRow`),i=q(`GridRow::grid-row`)+`-lyco-now-`+r,a=t?.gap?`row-gap: ${t.gap};`:``,o=`
-      .${i} {
+	`}function w(t,r){if(r===void 0){let n=n=>w(t,n??e``);return n.html=(n,...r)=>w(t,e(n,...r)),n}let a=p(`GridRow`),o=d(`GridRow::grid-row`)+`-lyco-now-`+a,s=t?.gap?`row-gap: ${t.gap};`:``,c=`
+      .${o} {
         display: grid;
         grid-auto-flow: row;
-        ${a}
+        ${s}
       }
-    `,s=Z(t?.on??{});return X(`GridRow`,e`
+    `,l=g(t?.on??{});return m(`GridRow`,e`
 			<style>
-				${o}
+				${c}
 			</style>
 			<div
-				${H(e=>{e?s.bind(e):s.unbindAll()})}
-				class="${i}"
+				${n(e=>{e?l.bind(e):l.unbindAll()})}
+				class="${o}"
 			>
-				${U(n)}
+				${i(r)}
 			</div>
-		`)}function Be(t,n){if(n===void 0)return n=>Be(t,n??[e``]);let r=Z(t?.on??{});return e`
+		`)}function T(t,r){if(r===void 0)return n=>T(t,n??[e``]);let i=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?r.bind(e):r.unbindAll()})}
+			${n(e=>{e?i.bind(e):i.unbindAll()})}
 			style="
         display: flex;
         flex-direction: row;
         ${t?.space?`gap: ${t.space};`:``}
       "
 		>
-			${W(n)}
+			${a(r)}
 		</div>
-	`}function Ve(t,n){if(n===void 0){let n=n=>Ve(t,n??e``);return n.html=(n,...r)=>Ve(t,e(n,...r)),n}let r=t?.columnCount??3,i=t?.gap??`16px`,a=Y(`WaterFlow`),o=q(`WaterFlow::waterflow`)+`-lyco-now-${a}`,s=`
+	`}function E(t,r){if(r===void 0){let n=n=>E(t,n??e``);return n.html=(n,...r)=>E(t,e(n,...r)),n}let a=t?.columnCount??3,o=t?.gap??`16px`,s=p(`WaterFlow`),c=d(`WaterFlow::waterflow`)+`-lyco-now-${s}`,l=`
 	/* 使用 CSS 类来控制多列布局 */
-	.${o} {
-		column-count: ${r};
-		column-gap: ${typeof i==`number`?`${i}px`:i};
+	.${c} {
+		column-count: ${a};
+		column-gap: ${typeof o==`number`?`${o}px`:o};
 	}
 	/* 子元素如果是块级元素，需要让它们适应多列流式布局 */
-	.${o} > * {
+	.${c} > * {
 		display: inline-block;
 		width: 100%;
 	}
-	`,c=Z(t?.on??{});return X(`WaterFlow`,e`
+	`,u=g(t?.on??{});return m(`WaterFlow`,e`
 			<style>
-				${s}
+				${l}
 			</style>
 
 			<div
-				${H(e=>{e?c.bind(e):c.unbindAll()})}
-				class="${o}"
+				${n(e=>{e?u.bind(e):u.unbindAll()})}
+				class="${c}"
 			>
-				${U(n)}
+				${i(r)}
 			</div>
-		`)}function He(t,n){if(n===void 0){let n=n=>He(t,n??e``);return n.html=(n,...r)=>He(t,e(n,...r)),n}let r=t?.gap??`0px`,i=t?.firstHeight??`50%`,a=e``,o=e``;if(typeof n==`function`){var s;let t=(s=n.call)?.call(n,null)??[];a=t[0]??e``,o=t[1]??e``}else a=U(n);let c=Z(t?.on??{});return e`
+		`)}function D(t,r){if(r===void 0){let n=n=>D(t,n??e``);return n.html=(n,...r)=>D(t,e(n,...r)),n}let a=t?.gap??`0px`,o=t?.firstHeight??`50%`,s=e``,c=e``;if(typeof r==`function`){var l;let t=(l=r.call)?.call(r,null)??[];s=t[0]??e``,c=t[1]??e``}else s=i(r);let u=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?c.bind(e):c.unbindAll()})}
+			${n(e=>{e?u.bind(e):u.unbindAll()})}
 			style="
         display: flex;
         flex-direction: column;
         width: 100%;
         height: 100%;
-        gap: ${r};
+        gap: ${a};
       "
 		>
-			<div style="flex: 0 0 ${i}; overflow: auto;">${a}</div>
-			<div style="flex: 1 1 auto; overflow: auto;">${o}</div>
+			<div style="flex: 0 0 ${o}; overflow: auto;">${s}</div>
+			<div style="flex: 1 1 auto; overflow: auto;">${c}</div>
 		</div>
-	`}function Ue(t,n){if(n===void 0){let n=n=>Ue(t,n??e``);return n.html=(n,...r)=>Ue(t,e(n,...r)),n}let r=t?.gap??`0px`,i=t?.firstWidth??`50%`,a=e``,o=e``;if(typeof n==`function`){var s;let t=(s=n.call)?.call(n,null)??[];a=t[0]??e``,o=t[1]??e``}else a=U(n);let c=Z(t?.on??{});return e`
+	`}function O(t,r){if(r===void 0){let n=n=>O(t,n??e``);return n.html=(n,...r)=>O(t,e(n,...r)),n}let a=t?.gap??`0px`,o=t?.firstWidth??`50%`,s=e``,c=e``;if(typeof r==`function`){var l;let t=(l=r.call)?.call(r,null)??[];s=t[0]??e``,c=t[1]??e``}else s=i(r);let u=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?c.bind(e):c.unbindAll()})}
+			${n(e=>{e?u.bind(e):u.unbindAll()})}
 			style="
       display: flex;
       flex-direction: row;
       width: 100%;
       height: 100%;
-      gap: ${r};
+      gap: ${a};
     "
 		>
-			<div style="flex: 0 0 ${i}; overflow: auto;">${a}</div>
-			<div style="flex: 1 1 auto; overflow: auto;">${o}</div>
+			<div style="flex: 0 0 ${o}; overflow: auto;">${s}</div>
+			<div style="flex: 1 1 auto; overflow: auto;">${c}</div>
 		</div>
-	`}function We(t,n){if(n===void 0){let n=n=>We(t,n??e``);return n.html=(n,...r)=>We(t,e(n,...r)),n}let r=t?.direction??`vertical`,i=t?.height??`100%`,a=t?.width??`100%`,o=t?.customCss??``,s=Y(`ScrollBar`),c=t?.className??q(`ScrollBar::scrollbar-container`)+`-lyco-now-`+s,l=r===`horizontal`?`overflow-x: auto; overflow-y: hidden`:`overflow-y: auto; overflow-x: hidden`,u=`
-	.${c} {
-	  ${l};
-	  width: ${a};
-	  height: ${i};
+	`}function k(t,r){if(r===void 0){let n=n=>k(t,n??e``);return n.html=(n,...r)=>k(t,e(n,...r)),n}let a=t?.direction??`vertical`,o=t?.height??`100%`,s=t?.width??`100%`,c=t?.customCss??``,l=p(`ScrollBar`),u=t?.className??d(`ScrollBar::scrollbar-container`)+`-lyco-now-`+l,f=a===`horizontal`?`overflow-x: auto; overflow-y: hidden`:`overflow-y: auto; overflow-x: hidden`,h=`
+	.${u} {
+	  ${f};
+	  width: ${s};
+	  height: ${o};
 	}
-	.${c}::-webkit-scrollbar {
+	.${u}::-webkit-scrollbar {
 	  width: 8px;
 	  height: 8px;
 	}
-	.${c}::-webkit-scrollbar-thumb {
+	.${u}::-webkit-scrollbar-thumb {
 	  background-color: rgba(0, 0, 0, 0.2);
 	  border-radius: 4px;
 	}
-	.${c}::-webkit-scrollbar-track {
+	.${u}::-webkit-scrollbar-track {
 	  background: rgba(0, 0, 0, 0.05);
 	}
-	${o}
-	`,d=Z(t?.on??{});return X(`ScrollBar`,e`
+	${c}
+	`,_=g(t?.on??{});return m(`ScrollBar`,e`
 			<style>
-				${u}
+				${h}
 			</style>
 			<div
-				${H(e=>{e?d.bind(e):d.unbindAll()})}
-				class="${c}"
+				${n(e=>{e?_.bind(e):_.unbindAll()})}
+				class="${u}"
 			>
-				${U(n)}
+				${i(r)}
 			</div>
-		`)}function Ge(t,n){if(n===void 0)return n=>Ge(t,n??[e``]);let r=t?.sidebarWidth??`240px`,i=t?.sidebarPosition??`left`,a=t?.gap??`0px`,o=e``,s=e``;if(typeof n==`function`){var c;let t=(c=n.call)?.call(n,null)??[];o=t[0]??e``,s=t[1]??e``}else s=W(n);let l=Z(t?.on??{});return e`
+		`)}function A(t,r){if(r===void 0)return n=>A(t,n??[e``]);let i=t?.sidebarWidth??`240px`,o=t?.sidebarPosition??`left`,s=t?.gap??`0px`,c=e``,l=e``;if(typeof r==`function`){var u;let t=(u=r.call)?.call(r,null)??[];c=t[0]??e``,l=t[1]??e``}else l=a(r);let d=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?l.bind(e):l.unbindAll()})}
+			${n(e=>{e?d.bind(e):d.unbindAll()})}
 			style="
       display: flex;
-      flex-direction: ${i===`left`?`row`:`row-reverse`};
+      flex-direction: ${o===`left`?`row`:`row-reverse`};
       width: 100%;
       height: 100%;
-      gap: ${a};
+      gap: ${s};
     "
 		>
-			<div style="flex: 0 0 ${r}; overflow: auto;">${o}</div>
-			<div style="flex: 1 1 auto; overflow: auto;">${s}</div>
+			<div style="flex: 0 0 ${i}; overflow: auto;">${c}</div>
+			<div style="flex: 1 1 auto; overflow: auto;">${l}</div>
 		</div>
-	`}function Ke(t={},n){if(n===void 0)return n=>Ke(t,n??[e``]);let r=Y(`Swiper`),{gap:i=`8px`,snapType:a=`mandatory`,height:o=`auto`,width:s=`100%`,className:c=q(`Swiper::swiper`)+`-lyco-now-${r}`,direction:l=`x`,scrollBehavior:u=`smooth`,align:d=`start`,showNavigation:f=!0,navigationPosition:p=`inside`,showPagination:m=!0,paginationType:h=`dots`,autoPlay:g=!1,interval:_=3e3,loop:v=!1,touchEnabled:y=!0,mouseWheel:b=!1,onSlideChange:x,on:ee}=t,S=c,C=S+`-container`,w=S+`-slide`,T=S+`-navigation`,E=S+`-pagination`,D;D=n?typeof n==`function`?n():n:[];let O=D.length,[k,A]=(()=>{let e={value:0};return[()=>e.value,t=>{let n=Math.max(0,Math.min(t,O-1));e.value!==n&&(e.value=n,x?.(n))}]})(),j=e=>{let t=typeof document<`u`?document.querySelector(`.${C}`):null;if(!t)return;let n=t.querySelectorAll(`.${w}`);if(e<0||e>=n.length)return;let r=n[e],i=r.getBoundingClientRect(),a=t.getBoundingClientRect(),o;l===`x`?(o=r.offsetLeft-t.offsetLeft,d===`center`?o-=(a.width-i.width)/2:d===`end`&&(o-=a.width-i.width),t.scrollTo({left:o,behavior:u})):(o=r.offsetTop-t.offsetTop,d===`center`?o-=(a.height-i.height)/2:d===`end`&&(o-=a.height-i.height),t.scrollTo({top:o,behavior:u})),A(e)},M=()=>{let e=k()+1>=O?v?0:k():k()+1;j(e)},N=()=>{let e=k()-1<0?v?O-1:k():k()-1;j(e)},P=()=>{let e=typeof document<`u`?document.querySelector(`.${C}`):null;if(!e)return;let t=e.querySelectorAll(`.${w}`),n=0,r=1/0;t.forEach((t,i)=>{let a=t.getBoundingClientRect(),o=e.getBoundingClientRect(),s;if(l===`x`){let e=a.left+a.width/2-(o.left+o.width/2);s=Math.abs(e)}else{let e=a.top+a.height/2-(o.top+o.height/2);s=Math.abs(e)}s<r&&(r=s,n=i)}),A(n)},F=e=>{if(!y)return;let t=e.touches[0],n=e.currentTarget;n.dataset.touchStartX=t.clientX.toString(),n.dataset.touchStartY=t.clientY.toString()},I=e=>{if(!y)return;let t=e.touches[0],n=e.currentTarget,r=parseFloat(n.dataset.touchStartX||`0`),i=parseFloat(n.dataset.touchStartY||`0`),a=t.clientX-r,o=t.clientY-i;(Math.abs(a)>Math.abs(o)||l===`x`)&&e.preventDefault()},L=e=>{if(!y)return;let t=e.currentTarget,n=parseFloat(t.dataset.touchStartX||`0`),r=parseFloat(t.dataset.touchStartY||`0`);if(!n&&!r)return;let i=e.changedTouches[0],a=i.clientX-n,o=i.clientY-r,s=Math.max(Math.abs(a),Math.abs(o))>30;s&&(l===`x`?a>0?N():M():o>0?N():M()),delete t.dataset.touchStartX,delete t.dataset.touchStartY},R=e=>{b&&(e.preventDefault(),e.deltaY>0?M():N())},te=e=>{if(!g||!e)return;let t,n=()=>{t=setInterval(M,_)},r=()=>{clearInterval(t)};return e.addEventListener(`mouseenter`,r),e.addEventListener(`mouseleave`,n),n(),()=>{clearInterval(t),e.removeEventListener(`mouseenter`,r),e.removeEventListener(`mouseleave`,n)}},ne=()=>{let e=typeof document<`u`?document.querySelector(`.${C}`):null;if(!e)return;let t=[];e.addEventListener(`scroll`,P),t.push(()=>e.removeEventListener(`scroll`,P)),y&&(e.addEventListener(`touchstart`,F),e.addEventListener(`touchmove`,I,{passive:!1}),e.addEventListener(`touchend`,L),t.push(()=>e.removeEventListener(`touchstart`,F)),t.push(()=>e.removeEventListener(`touchmove`,I)),t.push(()=>e.removeEventListener(`touchend`,L))),b&&(e.addEventListener(`wheel`,R,{passive:!1}),t.push(()=>e.removeEventListener(`wheel`,R)));let n=te(e);return n&&t.push(n),j(0),()=>t.forEach(e=>e())};typeof window<`u`&&typeof document<`u`&&setTimeout(ne,0);let re=e`
-		<div class="${E}">
-			${Array.from({length:O},(t,n)=>e`
+	`}function j(t={},r){if(r===void 0)return n=>j(t,n??[e``]);let i=p(`Swiper`),{gap:a=`8px`,snapType:o=`mandatory`,height:s=`auto`,width:c=`100%`,className:l=d(`Swiper::swiper`)+`-lyco-now-${i}`,direction:u=`x`,scrollBehavior:f=`smooth`,align:h=`start`,showNavigation:_=!0,navigationPosition:v=`inside`,showPagination:y=!0,paginationType:b=`dots`,autoPlay:x=!1,interval:S=3e3,loop:C=!1,touchEnabled:w=!0,mouseWheel:T=!1,onSlideChange:E,on:D}=t,O=l,k=O+`-container`,A=O+`-slide`,M=O+`-navigation`,N=O+`-pagination`,P;P=r?typeof r==`function`?r():r:[];let F=P.length,[I,L]=(()=>{let e={value:0};return[()=>e.value,t=>{let n=Math.max(0,Math.min(t,F-1));e.value!==n&&(e.value=n,E?.(n))}]})(),R=e=>{let t=typeof document<`u`?document.querySelector(`.${k}`):null;if(!t)return;let n=t.querySelectorAll(`.${A}`);if(e<0||e>=n.length)return;let r=n[e],i=r.getBoundingClientRect(),a=t.getBoundingClientRect(),o;u===`x`?(o=r.offsetLeft-t.offsetLeft,h===`center`?o-=(a.width-i.width)/2:h===`end`&&(o-=a.width-i.width),t.scrollTo({left:o,behavior:f})):(o=r.offsetTop-t.offsetTop,h===`center`?o-=(a.height-i.height)/2:h===`end`&&(o-=a.height-i.height),t.scrollTo({top:o,behavior:f})),L(e)},z=()=>{let e=I()+1>=F?C?0:I():I()+1;R(e)},B=()=>{let e=I()-1<0?C?F-1:I():I()-1;R(e)},V=()=>{let e=typeof document<`u`?document.querySelector(`.${k}`):null;if(!e)return;let t=e.querySelectorAll(`.${A}`),n=0,r=1/0;t.forEach((t,i)=>{let a=t.getBoundingClientRect(),o=e.getBoundingClientRect(),s;if(u===`x`){let e=a.left+a.width/2-(o.left+o.width/2);s=Math.abs(e)}else{let e=a.top+a.height/2-(o.top+o.height/2);s=Math.abs(e)}s<r&&(r=s,n=i)}),L(n)},H=e=>{if(!w)return;let t=e.touches[0],n=e.currentTarget;n.dataset.touchStartX=t.clientX.toString(),n.dataset.touchStartY=t.clientY.toString()},U=e=>{if(!w)return;let t=e.touches[0],n=e.currentTarget,r=parseFloat(n.dataset.touchStartX||`0`),i=parseFloat(n.dataset.touchStartY||`0`),a=t.clientX-r,o=t.clientY-i;(Math.abs(a)>Math.abs(o)||u===`x`)&&e.preventDefault()},W=e=>{if(!w)return;let t=e.currentTarget,n=parseFloat(t.dataset.touchStartX||`0`),r=parseFloat(t.dataset.touchStartY||`0`);if(!n&&!r)return;let i=e.changedTouches[0],a=i.clientX-n,o=i.clientY-r,s=Math.max(Math.abs(a),Math.abs(o))>30;s&&(u===`x`?a>0?B():z():o>0?B():z()),delete t.dataset.touchStartX,delete t.dataset.touchStartY},G=e=>{T&&(e.preventDefault(),e.deltaY>0?z():B())},K=e=>{if(!x||!e)return;let t,n=()=>{t=setInterval(z,S)},r=()=>{clearInterval(t)};return e.addEventListener(`mouseenter`,r),e.addEventListener(`mouseleave`,n),n(),()=>{clearInterval(t),e.removeEventListener(`mouseenter`,r),e.removeEventListener(`mouseleave`,n)}},q=()=>{let e=typeof document<`u`?document.querySelector(`.${k}`):null;if(!e)return;let t=[];e.addEventListener(`scroll`,V),t.push(()=>e.removeEventListener(`scroll`,V)),w&&(e.addEventListener(`touchstart`,H),e.addEventListener(`touchmove`,U,{passive:!1}),e.addEventListener(`touchend`,W),t.push(()=>e.removeEventListener(`touchstart`,H)),t.push(()=>e.removeEventListener(`touchmove`,U)),t.push(()=>e.removeEventListener(`touchend`,W))),T&&(e.addEventListener(`wheel`,G,{passive:!1}),t.push(()=>e.removeEventListener(`wheel`,G)));let n=K(e);return n&&t.push(n),R(0),()=>t.forEach(e=>e())};typeof window<`u`&&typeof document<`u`&&setTimeout(q,0);let J=e`
+		<div class="${N}">
+			${Array.from({length:F},(t,n)=>e`
 					<button
-						class="${n===k()?`active`:``}"
-						@click=${()=>j(n)}
+						class="${n===I()?`active`:``}"
+						@click=${()=>R(n)}
 					></button>
 				`)}
 		</div>
-	`,ie=e`
-		<div class="${E} fraction">
-			<span class="current">${k()+1}</span>
+	`,Y=e`
+		<div class="${N} fraction">
+			<span class="current">${I()+1}</span>
 			<span class="separator">/</span>
-			<span class="total">${O}</span>
+			<span class="total">${F}</span>
 		</div>
-	`,ae=e`
-		<div class="${E} progressbar">
+	`,ee=e`
+		<div class="${N} progressbar">
 			<div
 				class="progress"
-				style="width: ${O>1?k()/(O-1)*100:0}%"
+				style="width: ${F>1?I()/(F-1)*100:0}%"
 			></div>
 		</div>
-	`,oe=e`
-		<div class="${T}">
-			<button class="prev" @click=${N}>◀</button>
-			<button class="next" @click=${M}>▶</button>
+	`,te=e`
+		<div class="${M}">
+			<button class="prev" @click=${B}>◀</button>
+			<button class="next" @click=${z}>▶</button>
 		</div>
-	`,se=`
-	.${S} {
+	`,X=`
+	.${O} {
 		position: relative;
 		overflow: hidden;
-		width: ${s};
-		height: ${o};
+		width: ${c};
+		height: ${s};
 	}
 
-	.${C} {
+	.${k} {
 		width: 100%;
 		height: 100%;
 		overflow: auto;
-		scroll-snap-type: ${l+` `+a};
+		scroll-snap-type: ${u+` `+o};
 		-webkit-overflow-scrolling: touch;
-		scroll-behavior: ${u};
-		gap: ${i};
+		scroll-behavior: ${f};
+		gap: ${a};
 		display: flex;
-		flex-direction: ${l===`x`?`row`:`column`};
+		flex-direction: ${u===`x`?`row`:`column`};
 	}
 
-	.${w} {
-		scroll-snap-align: ${d};
+	.${A} {
+		scroll-snap-align: ${h};
 		flex-shrink: 0;
 	}
 
-	.${T} {
+	.${M} {
 		position: absolute;
 		top: 50%;
 		left: 0;
@@ -286,10 +263,10 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
 		display: flex;
 		justify-content: space-between;
 		pointer-events: none;
-		padding: ${p===`outside`?`0 1rem`:`0 0.5rem`};
+		padding: ${v===`outside`?`0 1rem`:`0 0.5rem`};
 	}
 
-	.${T} button {
+	.${M} button {
 		width: 2.5rem;
 		height: 2.5rem;
 		border-radius: 50%;
@@ -304,11 +281,11 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
 		transition: background-color 0.3s;
 	}
 
-	.${T} button:hover {
+	.${M} button:hover {
 		background-color: rgba(0, 0, 0, 0.8);
 	}
 
-	.${E} {
+	.${N} {
 		position: absolute;
 		bottom: 1rem;
 		left: 0;
@@ -318,7 +295,7 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
 		gap: 0.5rem;
 		align-items: center;
 	}
-	.${E} button {
+	.${N} button {
 		width: 0.75rem;
 		height: 0.75rem;
 		border-radius: 50%;
@@ -327,12 +304,12 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
 		cursor: pointer;
 		transition: background-color 0.3s, transform 0.3s;
 	}
-	.${E} button.active {
+	.${N} button.active {
 		background-color: white;
 		transform: scale(1.2);
 	}
 
-	.${E}.fraction {
+	.${N}.fraction {
 		position: absolute;
 		bottom: 1rem;
 		left: 50%;
@@ -344,7 +321,7 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
 		gap: 0.25rem;
 	}
 
-	.${E}.progressbar {
+	.${N}.progressbar {
 		position: absolute;
 		bottom: 0.5rem;
 		left: 0;
@@ -352,84 +329,84 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
 		height: 0.25rem;
 		background-color: rgba(255, 255, 255, 0.2);
 	}
-	.${E}.progressbar .progress {
+	.${N}.progressbar .progress {
 		height: 100%;
 		background-color: white;
 		transition: width 0.3s;
 	}
-	`,ce=Z(ee??{});return X(`Swiper`,e`
+	`,Z=g(D??{});return m(`Swiper`,e`
 			<style>
-				${se}
+				${X}
 			</style>
 
 			<div
-				${H(e=>{e?ce.bind(e):ce.unbindAll()})}
-				class="${S}"
+				${n(e=>{e?Z.bind(e):Z.unbindAll()})}
+				class="${O}"
 			>
-				<div class="${C}">
-					${D.map((t,n)=>e`
-							<div class="${w} --slide-${n}" key=${n}>
+				<div class="${k}">
+					${P.map((t,n)=>e`
+							<div class="${A} --slide-${n}" key=${n}>
 								${t}
 							</div>
 						`)}
 				</div>
 
-				${f?oe:null}
-				${m&&h===`dots`?re:null}
-				${m&&h===`fraction`?ie:null}
-				${m&&h===`progressbar`?ae:null}
+				${_?te:null}
+				${y&&b===`dots`?J:null}
+				${y&&b===`fraction`?Y:null}
+				${y&&b===`progressbar`?ee:null}
 			</div>
-		`)}function qe(t,n){let r=t?.top?`top: ${t.top};`:``,i=t?.right?`right: ${t.right};`:``,a=t?.bottom?`bottom: ${t.bottom};`:``,o=t?.left?`left: ${t.left};`:``,s=t?.width?`width: ${t.width};`:``,c=t?.height?`height: ${t.height};`:``,l=typeof t?.zIndex==`number`?`z-index: ${t.zIndex};`:``,u=t?.style?t.style:``,d=t?.className?t.className:``,f=Z(t?.on??{}),p=t=>e`
+		`)}function M(t,r){let a=t?.top?`top: ${t.top};`:``,o=t?.right?`right: ${t.right};`:``,c=t?.bottom?`bottom: ${t.bottom};`:``,l=t?.left?`left: ${t.left};`:``,u=t?.width?`width: ${t.width};`:``,d=t?.height?`height: ${t.height};`:``,f=typeof t?.zIndex==`number`?`z-index: ${t.zIndex};`:``,p=t?.style?t.style:``,m=t?.className?t.className:``,h=g(t?.on??{}),_=t=>e`
 			<div
-				${H(e=>{e?f.bind(e):f.unbindAll()})}
-				class="${d}"
+				${n(e=>{e?h.bind(e):h.unbindAll()})}
+				class="${m}"
 				style="
       position: absolute;
-      ${r} ${i} ${a} ${o}
-      ${s} ${c}
-      ${l}
-	  ${u}
+      ${a} ${o} ${c} ${l}
+      ${u} ${d}
+      ${f}
+	  ${p}
     "
 			>
-				${U(t)}
+				${i(t)}
 			</div>
-		`;return je(n,p)}function Je(t,n){let r=t?.width??`300px`,i=t?.height??`auto`,a=t?.top??`20%`,o=t?.bottom??`auto`,s=t?.left??`50%`,c=t?.right??`auto`,l=s===`auto`?``:`transform: translateX(-50%);`,u=t?.background??`rgba(255, 255, 255, 0.3)`,d=t?.blur??`10px`,f=t?.borderRadius??`12px`,p=t?.padding??`16px`,m=t?.zIndex??1e3,h=Z(t?.on??{}),g=t=>e`
+		`;return s(r,_)}function N(t,r){let i=t?.width??`300px`,a=t?.height??`auto`,o=t?.top??`20%`,s=t?.bottom??`auto`,l=t?.left??`50%`,u=t?.right??`auto`,d=l===`auto`?``:`transform: translateX(-50%);`,f=t?.background??`rgba(255, 255, 255, 0.3)`,p=t?.blur??`10px`,m=t?.borderRadius??`12px`,h=t?.padding??`16px`,_=t?.zIndex??1e3,v=g(t?.on??{}),y=t=>e`
 			<div
-				${H(e=>{e?h.bind(e):h.unbindAll()})}
+				${n(e=>{e?v.bind(e):v.unbindAll()})}
 				style="
       position: fixed;
-      top: ${a};
-      bottom: ${o};
-      left: ${s};
-      right: ${c};
-      ${l}
-      width: ${r};
-      height: ${i};
-      background: ${u};
-      backdrop-filter: blur(${d});
-      -webkit-backdrop-filter: blur(${d});
-      border-radius: ${f};
-      padding: ${p};
+      top: ${o};
+      bottom: ${s};
+      left: ${l};
+      right: ${u};
+      ${d}
+      width: ${i};
+      height: ${a};
+      background: ${f};
+      backdrop-filter: blur(${p});
+      -webkit-backdrop-filter: blur(${p});
+      border-radius: ${m};
+      padding: ${h};
       box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-      z-index: ${m};
+      z-index: ${_};
       display: flex;
       flex-direction: column;
     "
 			>
 				${t}
 			</div>
-		`;return Me(n,void 0,g)}function Ye(t,n){if(n===void 0)return n=>Ye(t,n??[e``]);let r=`${100/t.ratio}%`,i=t.maxWidth?`max-width: ${t.maxWidth};`:``,a=t.background?`background: ${t.background};`:``,o=t.overflow??`hidden`,s=Z(t.on??{});return e`
+		`;return c(r,void 0,y)}function P(t,r){if(r===void 0)return n=>P(t,n??[e``]);let i=`${100/t.ratio}%`,o=t.maxWidth?`max-width: ${t.maxWidth};`:``,s=t.background?`background: ${t.background};`:``,c=t.overflow??`hidden`,l=g(t.on??{});return e`
 		<div
-			${H(e=>{e?s.bind(e):s.unbindAll()})}
+			${n(e=>{e?l.bind(e):l.unbindAll()})}
 			style="
       position: relative;
       width: 100%;
-      ${i}
-      ${a}
-      overflow: ${o};
+      ${o}
+      ${s}
+      overflow: ${c};
     "
 		>
-			<div style="width: 100%; padding-top: ${r};"></div>
+			<div style="width: 100%; padding-top: ${i};"></div>
 			<div
 				style="
         position: absolute;
@@ -439,34 +416,34 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
         height: 100%;
       "
 			>
-				${W(n)}
+				${a(r)}
 			</div>
 		</div>
-	`}function Xe(t,n){if(n===void 0){let n=e=>Xe(t,e);return n.html=(n,...r)=>Xe(t,e(n,...r)),n}let r=Y(`AutoFitGrid`),i=q(`AutoFitGrid::auto-fit-grid`)+`-lyco-now-`+r,a=t?.gap??`16px`,o=`
-      .${i} {
+	`}function F(t,r){if(r===void 0){let n=e=>F(t,e);return n.html=(n,...r)=>F(t,e(n,...r)),n}let a=p(`AutoFitGrid`),o=d(`AutoFitGrid::auto-fit-grid`)+`-lyco-now-`+a,s=t?.gap??`16px`,c=`
+      .${o} {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(${t.minItemWidth}, 1fr));
-        gap: ${a};
+        gap: ${s};
       }
-    `,s=Z(t.on??{});return X(`AutoFitGrid`,e`
+    `,l=g(t.on??{});return m(`AutoFitGrid`,e`
 			<style>
-				${o}
+				${c}
 			</style>
 			<div
-				class="${i}"
-				${H(e=>{e?s.bind(e):s.unbindAll()})}
+				class="${o}"
+				${n(e=>{e?l.bind(e):l.unbindAll()})}
 			>
-				${U(n)}
+				${i(r)}
 			</div>
-		`)}function Ze(t,n){if(n===void 0)return n=>Ze(t,n??[e``]);let r=t?.size??`32px`,i=t?.overlap??`-8px`,a=Z(t?.on??{}),o=(t,n)=>e`
+		`)}function I(t,r){if(r===void 0)return n=>I(t,n??[e``]);let i=t?.size??`32px`,o=t?.overlap??`-8px`,s=g(t?.on??{}),c=(t,n)=>e`
 		<div
 			style="
-              width: ${r};
-              height: ${r};
+              width: ${i};
+              height: ${i};
               border-radius: 50%;
               overflow: hidden;
               border: 2px solid #fff;
-              margin-left: ${n===0?`0`:i};
+              margin-left: ${n===0?`0`:o};
               box-sizing: content-box;
             "
 		>
@@ -474,137 +451,137 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
 		</div>
 	`;return e`
 		<div
-			${H(e=>{e?a.bind(e):a.unbindAll()})}
+			${n(e=>{e?s.bind(e):s.unbindAll()})}
 			style="display: flex; align-items: center;"
 		>
-			${W(n,o)}
+			${a(r,c)}
 		</div>
-	`}function Qe(t,n){if(n===void 0){let n=n=>Qe(t,n??e``);return n.html=(n,...r)=>Qe(t,e(n,...r)),n}let r=t?.position??`top-right`,i=t?.size??`16px`,a=t?.background??`red`,o=t?.color??`#fff`,[s,c,l,u]=[r.includes(`top`)?`0`:`auto`,r.includes(`right`)?`0`:`auto`,r.includes(`bottom`)?`0`:`auto`,r.includes(`left`)?`0`:`auto`],d=Z(t?.on??{});return e`
+	`}function L(t,r){if(r===void 0){let n=n=>L(t,n??e``);return n.html=(n,...r)=>L(t,e(n,...r)),n}let a=t?.position??`top-right`,o=t?.size??`16px`,s=t?.background??`red`,c=t?.color??`#fff`,[l,u,d,f]=[a.includes(`top`)?`0`:`auto`,a.includes(`right`)?`0`:`auto`,a.includes(`bottom`)?`0`:`auto`,a.includes(`left`)?`0`:`auto`],p=g(t?.on??{});return e`
 		<div style="position: relative; display: inline-block;">
-			${U(n)}
+			${i(r)}
 			<div
-				${H(e=>{e?d.bind(e):d.unbindAll()})}
+				${n(e=>{e?p.bind(e):p.unbindAll()})}
 				style="
         position: absolute;
-        top: ${s};
-        right: ${c};
-        bottom: ${l};
-        left: ${u};
-        width: ${i};
-        height: ${i};
-        background: ${a};
-        color: ${o};
-        font-size: calc(${i} * 0.6);
+        top: ${l};
+        right: ${u};
+        bottom: ${d};
+        left: ${f};
+        width: ${o};
+        height: ${o};
+        background: ${s};
+        color: ${c};
+        font-size: calc(${o} * 0.6);
         border-radius: 50%;
         display: flex;
         justify-content: center;
         align-items: center;
-        transform: translate(${u===`0`?`-50%`:`0`}, ${s===`0`?`-50%`:`0`});
+        transform: translate(${f===`0`?`-50%`:`0`}, ${l===`0`?`-50%`:`0`});
       "
 			>
 				${t?.content??``}
 			</div>
 		</div>
-	`}function $e(e,t){return e?n=>{typeof e==`function`?e(n):e.current=n,typeof t==`function`?t(n):t.current=n}:t}function et(t,n){if(!n)return e=>et(t,e??De());let r=Z(t?.on??{}),i=$e(n,e=>{e?r.bind(e):r.unbindAll()});return e`
+	`}function R(e,t){return e?n=>{typeof e==`function`?e(n):e.current=n,typeof t==`function`?t(n):t.current=n}:t}function z(r,i){if(!i)return e=>z(r,e??t());let a=g(r?.on??{}),o=R(i,e=>{e?a.bind(e):a.unbindAll()});return e`
 		<canvas
-			${H(i)}
-			.class=${t?.className}
-			style=${t?.style??``}
+			${n(o)}
+			.class=${r?.className}
+			style=${r?.style??``}
 		></canvas>
-	`}function tt(t,n){if(n===void 0)return n=>tt(t,n??[e``]);let r=t?.padding??`16px`,i=t?.borderRadius??`8px`,a=t?.shadow??`0 2px 8px rgba(0,0,0,0.1)`,o=t?.background??`#fff`,s=Z(t?.on??{});return e`
+	`}function B(t,r){if(r===void 0)return n=>B(t,n??[e``]);let i=t?.padding??`16px`,o=t?.borderRadius??`8px`,s=t?.shadow??`0 2px 8px rgba(0,0,0,0.1)`,c=t?.background??`#fff`,l=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?s.bind(e):s.unbindAll()})}
+			${n(e=>{e?l.bind(e):l.unbindAll()})}
 			style="
-      background: ${o};
-      border-radius: ${i};
-      box-shadow: ${a};
-      padding: ${r};
+      background: ${c};
+      border-radius: ${o};
+      box-shadow: ${s};
+      padding: ${i};
       box-sizing: border-box;
     "
 		>
-			${W(n)}
+			${a(r)}
 		</div>
-	`}function nt(t,n){if(n===void 0){let n=n=>nt(t,n??e``);return n.html=(n,...r)=>nt(t,e(n,...r)),n}let r=t?.width?`width: ${t.width};`:``,i=t?.height?`height: ${t.height};`:``,a=t?.background?`background: ${t.background};`:``,o=Z(t?.on??{});return e`
+	`}function V(t,r){if(r===void 0){let n=n=>V(t,n??e``);return n.html=(n,...r)=>V(t,e(n,...r)),n}let a=t?.width?`width: ${t.width};`:``,o=t?.height?`height: ${t.height};`:``,s=t?.background?`background: ${t.background};`:``,c=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?o.bind(e):o.unbindAll()})}
+			${n(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       display: flex;
       justify-content: center;
       align-items: center;
-      ${r} ${i} ${a}
+      ${a} ${o} ${s}
     "
 		>
-			${U(n)}
+			${i(r)}
 		</div>
-	`}function rt(t,n){if(n===void 0)return n=>rt(t,n??[e``]);let r=t?.maxWidth??`1024px`,i=t?.padding??`0 16px`,a=t?.background?`background: ${t.background};`:``,o=t?.fullHeight?`height: 100%;`:``,s=Z(t?.on??{});return e`
+	`}function H(t,r){if(r===void 0)return n=>H(t,n??[e``]);let i=t?.maxWidth??`1024px`,o=t?.padding??`0 16px`,s=t?.background?`background: ${t.background};`:``,c=t?.fullHeight?`height: 100%;`:``,l=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?s.bind(e):s.unbindAll()})}
+			${n(e=>{e?l.bind(e):l.unbindAll()})}
 			style="
       width: 100%;
-      max-width: ${r};
+      max-width: ${i};
       margin-left: auto;
       margin-right: auto;
-      padding: ${i};
-      ${a}
-      ${o}
+      padding: ${o};
+      ${s}
+      ${c}
       box-sizing: border-box;
     "
 		>
-			${W(n)}
+			${a(r)}
 		</div>
-	`}function it(t){let n=t?.orientation??`horizontal`,r=t?.thickness??`1px`,i=t?.color??`#e0e0e0`,a=t?.margin??(n===`horizontal`?`8px 0`:`0 8px`),o=Z(t?.on??{}),s=n===`horizontal`?`width: 100%; height: ${r}; background: ${i}; margin: ${a};`:`width: ${r}; height: 100%; background: ${i}; margin: ${a};`;return e`<div
-		${H(e=>{e?o.bind(e):o.unbindAll()})}
-		style="${s}"
-	></div>`}function at(t,n){if(n===void 0){let n=n=>at(t,n??e``);return n.html=(n,...r)=>at(t,e(n,...r)),n}let r=t?.columns??4,i=t?.gap??`24px`,a=t?.background??`#f8f8f8`,o=t?.padding??`40px 16px`,s=Z(t?.on??{});return e`
+	`}function U(t){let r=t?.orientation??`horizontal`,i=t?.thickness??`1px`,a=t?.color??`#e0e0e0`,o=t?.margin??(r===`horizontal`?`8px 0`:`0 8px`),s=g(t?.on??{}),c=r===`horizontal`?`width: 100%; height: ${i}; background: ${a}; margin: ${o};`:`width: ${i}; height: 100%; background: ${a}; margin: ${o};`;return e`<div
+		${n(e=>{e?s.bind(e):s.unbindAll()})}
+		style="${c}"
+	></div>`}function W(t,r){if(r===void 0){let n=n=>W(t,n??e``);return n.html=(n,...r)=>W(t,e(n,...r)),n}let a=t?.columns??4,o=t?.gap??`24px`,s=t?.background??`#f8f8f8`,c=t?.padding??`40px 16px`,l=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?s.bind(e):s.unbindAll()})}
+			${n(e=>{e?l.bind(e):l.unbindAll()})}
 			style="
       width: 100%;
-      background: ${a};
-      padding: ${o};
+      background: ${s};
+      padding: ${c};
       box-sizing: border-box;
     "
 		>
 			<div
 				style="
         display: grid;
-        grid-template-columns: repeat(${r}, 1fr);
-        gap: ${i};
+        grid-template-columns: repeat(${a}, 1fr);
+        gap: ${o};
       "
 			>
-				${U(n)}
+				${i(r)}
 			</div>
 			<div style="text-align: center; margin-top: 24px; color: #666;">
 				© ${new Date().getFullYear()} Your Company. All rights reserved.
 			</div>
 		</div>
-	`}function ot(e,t){return t?e.map((e,n)=>t(e,n)):t=>e.map((e,n)=>t(e,n))}function st(t,n){if(n===void 0){let n=n=>st(t,n??e``);return n.html=(n,...r)=>st(t,e(n,...r)),n}let r=t.defaultColumns??1,i=t.gap??`16px`,a=Y(`GridBreakpoint`),o=t.className??q(`GridBreakpoint::grid-breakpoint`)+`-lyco-now-`+a,s=Object.entries(t.breakpoints).map(([e,t])=>`@media`+e+`{
-`+o+`{ grid-template-columns: repeat(`+t+`, 1fr); }
+	`}function G(e,t){return t?e.map((e,n)=>t(e,n)):t=>e.map((e,n)=>t(e,n))}function K(t,r){if(r===void 0){let n=n=>K(t,n??e``);return n.html=(n,...r)=>K(t,e(n,...r)),n}let a=t.defaultColumns??1,o=t.gap??`16px`,s=p(`GridBreakpoint`),c=t.className??d(`GridBreakpoint::grid-breakpoint`)+`-lyco-now-`+s,l=Object.entries(t.breakpoints).map(([e,t])=>`@media`+e+`{
+`+c+`{ grid-template-columns: repeat(`+t+`, 1fr); }
 }`).join(`
-`),c=`
-	.${o} {
+`),u=`
+	.${c} {
 	  display: grid;
-	  grid-template-columns: repeat(${r}, 1fr);
-	  gap: ${i};
+	  grid-template-columns: repeat(${a}, 1fr);
+	  gap: ${o};
 	}
-	${s}`,l=Z(t?.on??{});return X(`GridBreakpoint`,e`
+	${l}`,f=g(t?.on??{});return m(`GridBreakpoint`,e`
 			<style>
-				${c}
+				${u}
 			</style>
 			<div
-				${H(e=>{e?l.bind(e):l.unbindAll()})}
-				class="${o}"
+				${n(e=>{e?f.bind(e):f.unbindAll()})}
+				class="${c}"
 			>
-				${U(n)}
+				${i(r)}
 			</div>
-		`)}function ct(t,n){if(n===void 0)return n=>ct(t,n??[e``]);let r=t?.backgroundImage?`background-image: url('${t.backgroundImage}');`:``,i=t?.height??`400px`,a=t?.overlayColor??`rgba(0, 0, 0, 0.3)`,o=Z(t?.on??{});return e`
+		`)}function q(t,r){if(r===void 0)return n=>q(t,n??[e``]);let i=t?.backgroundImage?`background-image: url('${t.backgroundImage}');`:``,o=t?.height??`400px`,s=t?.overlayColor??`rgba(0, 0, 0, 0.3)`,c=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?o.bind(e):o.unbindAll()})}
+			${n(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       position: relative;
       width: 100%;
-      height: ${i};
-      ${r}
+      height: ${o};
+      ${i}
       background-size: cover;
       background-position: center;
     "
@@ -613,7 +590,7 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
 				style="
         position: absolute;
         top: 0; left: 0; right: 0; bottom: 0;
-        background: ${a};
+        background: ${s};
       "
 			></div>
 			<div
@@ -632,194 +609,194 @@ const{I:re}=te,ie=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ae={HTML
         box-sizing: border-box;
       "
 			>
-				${W(n)}
+				${a(r)}
 			</div>
 		</div>
-	`}function lt(t,n){if(n===void 0){let n=n=>lt(t,n??e``);return n.html=(n,...r)=>lt(t,e(n,...r)),n}let r=t?.breakpoint??`(max-width: 600px)`,i=t?.mode??`hide`,a=Y(`Hidden`),o=t?.className??q(`Hidden::hidden-container`)+`-lyco-now-`+a,s=i===`hide`?`@media ${r} { .${o} { display: none !important; } }`:`@media ${r} { .${o} { display: block !important; } }
-       @media not ${r} { .${o} { display: none !important; } }`,c=`
-	.${o} {
+	`}function J(t,r){if(r===void 0){let n=n=>J(t,n??e``);return n.html=(n,...r)=>J(t,e(n,...r)),n}let a=t?.breakpoint??`(max-width: 600px)`,o=t?.mode??`hide`,s=p(`Hidden`),c=t?.className??d(`Hidden::hidden-container`)+`-lyco-now-`+s,l=o===`hide`?`@media ${a} { .${c} { display: none !important; } }`:`@media ${a} { .${c} { display: block !important; } }
+       @media not ${a} { .${c} { display: none !important; } }`,u=`
+	.${c} {
 	  display: block;
 	}
-	${s}`,l=Z(t?.on??{});return X(`Hidden`,e`
+	${l}`,f=g(t?.on??{});return m(`Hidden`,e`
 			<style>
-				${c}
+				${u}
 			</style>
 			<div
-				${H(e=>{e?l.bind(e):l.unbindAll()})}
-				class="${o}"
+				${n(e=>{e?f.bind(e):f.unbindAll()})}
+				class="${c}"
 			>
-				${U(n)}
+				${i(r)}
 			</div>
-		`)}function ut(t){return e` <li>${W(t)}</li> `}function dt(t,n){let r=t?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,i=t?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,a=t?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,o=Y(`List`),s=t?.className??q(`List::list`)+`-lyco-now-${o}`,c=`
-    ul.${s} {
+		`)}function Y(t){return e` <li>${a(t)}</li> `}function ee(t,n){let r=t?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,i=t?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,o=t?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,s=p(`List`),c=t?.className??d(`List::list`)+`-lyco-now-${s}`,l=`
+    ul.${c} {
 	    list-style: none;
 	    margin: 0;
 	    padding: 0;
 	    ${r};
 	}
-	ul.${s} li {
+	ul.${c} li {
 	    padding: 12px 16px;
 	    ${t?.bordered?`border-bottom: 1px solid #ddd`:``};
 	}
-	ul.${s} li:last-child {
+	ul.${c} li:last-child {
 	    ${t?.bordered?`border-bottom: none`:``};
 	}
 	${i}
-	${a}
-    `.toString(),l=t=>X(`List`,e`
+	${o}
+    `.toString(),u=t=>m(`List`,e`
 				<style>
-					${c}
+					${l}
 				</style>
-				<ul class="${s}">
-					${W(t)}
+				<ul class="${c}">
+					${a(t)}
 				</ul>
-			`);return n===void 0?l:l(n)}function ft(t,n){let r=t?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,i=t?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,a=t?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,o=Y(`ListGroup`),s=t?.className??q(`ListGroup::list-group`)+`-lyco-now-`+o,c=(t,n,r,i)=>r?e` <li>${t}</li> `:t,l=`
-	ul.${s} {
+			`);return n===void 0?u:u(n)}function te(t,r){let i=t?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,o=t?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,s=t?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,l=p(`ListGroup`),u=t?.className??d(`ListGroup::list-group`)+`-lyco-now-`+l,f=(t,n,r,i)=>r?e` <li>${t}</li> `:t,h=`
+	ul.${u} {
 	  list-style: none;
 	  margin: 0;
 	  padding: 0;
-	  ${r};
+	  ${i};
 	}
-	ul.${s} li {
+	ul.${u} li {
 	  padding: 12px 16px;
 	  ${t?.bordered?`border-bottom: 1px solid #ddd`:``};
 	}
-	ul.${s} li:last-child {
+	ul.${u} li:last-child {
 	  ${t?.bordered?`border-bottom: none`:``};
 	}
-	${i}
-	${a}
-	`,u=Z(t?.on??{}),d=t=>X(`ListGroup`,e`
+	${o}
+	${s}
+	`,_=g(t?.on??{}),v=t=>m(`ListGroup`,e`
 				<style>
-					${l}
+					${h}
 				</style>
 				<ul
-					${H(e=>{e?u.bind(e):u.unbindAll()})}
-					class="${s}"
+					${n(e=>{e?_.bind(e):_.unbindAll()})}
+					class="${u}"
 				>
-					${W(t,c)}
+					${a(t,f)}
 				</ul>
-			`);return Me(n,d)}function pt(t,n){if(n===void 0)return n=>pt(t,n??[e``]);let r=t?.background??`rgba(0, 0, 0, 0.5)`,i=t?.zIndex??1e3,a=t?.fullScreen!==!1,o=Z(t?.on??{});return e`
+			`);return c(r,v)}function X(t,r){if(r===void 0)return n=>X(t,n??[e``]);let i=t?.background??`rgba(0, 0, 0, 0.5)`,o=t?.zIndex??1e3,s=t?.fullScreen!==!1,c=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?o.bind(e):o.unbindAll()})}
+			${n(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
-        position: ${a?`fixed`:`absolute`};
+        position: ${s?`fixed`:`absolute`};
         top: 0; left: 0; right: 0; bottom: 0;
-        background: ${r};
-        z-index: ${i};
+        background: ${i};
+        z-index: ${o};
         display: flex;
         justify-content: center;
         align-items: center;
       "
 		>
-			${W(n)}
+			${a(r)}
 		</div>
-	`}function mt(t,n){if(n===void 0){let n=n=>mt(t,n??e``);return n.html=(n,...r)=>mt(t,e(n,...r)),n}let r=t?.width?`width: ${t.width};`:``,i=t?.height?`height: ${t.height};`:``,a=t?.background?`background: ${t.background};`:``,o=Z(t?.on??{});return e`
+	`}function Z(t,r){if(r===void 0){let n=n=>Z(t,n??e``);return n.html=(n,...r)=>Z(t,e(n,...r)),n}let a=t?.width?`width: ${t.width};`:``,o=t?.height?`height: ${t.height};`:``,s=t?.background?`background: ${t.background};`:``,c=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?o.bind(e):o.unbindAll()})}
+			${n(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       position: relative;
-      ${r} ${i} ${a}
+      ${a} ${o} ${s}
       overflow: hidden;
     "
 		>
-			${U(n)}
+			${i(r)}
 		</div>
-	`}function ht(t){let n=t?.width?`width: ${t.width};`:``,r=t?.height?`height: ${t.height};`:``,i=Z(t?.on??{});return e`<div
-		${H(e=>{e?i.bind(e):i.unbindAll()})}
-		style="${n} ${r}"
-	></div>`}function gt(t){let n=t?.type??`rect`,r=t?.width??`100%`,i=t?.height??`16px`,a=t?.borderRadius??`4px`,o=t?.animation!==!1,s=Y(`SkeletonLoader`),c=t?.className??q(`SkeletonLoader::skeleton-shimmer`)+`-lyco-now-`+s,l=n===`circle`?`border-radius: 50%; width: ${r}; height: ${r}`:`border-radius: ${a}; width: ${r}; height: ${i}`,u=Z(t?.on??{});return X(`SkeletonLoader`,e`
+	`}function ne(t){let r=t?.width?`width: ${t.width};`:``,i=t?.height?`height: ${t.height};`:``,a=g(t?.on??{});return e`<div
+		${n(e=>{e?a.bind(e):a.unbindAll()})}
+		style="${r} ${i}"
+	></div>`}function re(t){let r=t?.type??`rect`,i=t?.width??`100%`,a=t?.height??`16px`,o=t?.borderRadius??`4px`,s=t?.animation!==!1,c=p(`SkeletonLoader`),l=t?.className??d(`SkeletonLoader::skeleton-shimmer`)+`-lyco-now-`+c,u=r===`circle`?`border-radius: 50%; width: ${i}; height: ${i}`:`border-radius: ${o}; width: ${i}; height: ${a}`,f=g(t?.on??{});return m(`SkeletonLoader`,e`
 			<style>
 				${`
-	@keyframes ${c+`-shimmer`} {
+	@keyframes ${l+`-shimmer`} {
 	  0% { background-color: #eee; }
 	  50% { background-color: #ddd; }
 	  100% { background-color: #eee; }
 	}    
 	`}
-				.${c} {
-				  ${l};
+				.${l} {
+				  ${u};
 				  background-color: #eee;
-				  ${o?`animation: ${c+`-shimmer`} 1.2s infinite ease-in-out`:``};
+				  ${s?`animation: ${l+`-shimmer`} 1.2s infinite ease-in-out`:``};
 				}
 			</style>
 			<div
-				${H(e=>{e?u.bind(e):u.unbindAll()})}
-				class="${c}"
+				${n(e=>{e?f.bind(e):f.unbindAll()})}
+				class="${l}"
 			></div>
-		`)}function _t(t){let n=Z(t?.on??{});return e`<div
-		${H(e=>{e?n.bind(e):n.unbindAll()})}
+		`)}function ie(t){let r=g(t?.on??{});return e`<div
+		${n(e=>{e?r.bind(e):r.unbindAll()})}
 		style="flex: 1 1 auto;"
-	></div>`}function vt(t,n){if(n===void 0){let n=n=>vt(t,n??e``);return n.html=(n,...r)=>vt(t,e(n,...r)),n}let r=t?.top?`top: ${t.top};`:``,i=t?.bottom?`bottom: ${t.bottom};`:``,a=typeof t?.zIndex==`number`?`z-index: ${t.zIndex};`:``,o=Z(t?.on??{});return e`
+	></div>`}function Q(t,r){if(r===void 0){let n=n=>Q(t,n??e``);return n.html=(n,...r)=>Q(t,e(n,...r)),n}let a=t?.top?`top: ${t.top};`:``,o=t?.bottom?`bottom: ${t.bottom};`:``,s=typeof t?.zIndex==`number`?`z-index: ${t.zIndex};`:``,c=g(t?.on??{});return e`
 		<div
-			${H(e=>{e?o.bind(e):o.unbindAll()})}
+			${n(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       position: sticky;
-      ${r} ${i}
-      ${a}
+      ${a} ${o}
+      ${s}
     "
 		>
-			${U(n)}
+			${i(r)}
 		</div>
-	`}function yt(t,n){if(n===void 0){let n=n=>yt(t,n??e``);return n.html=(n,...r)=>yt(t,e(n,...r)),n}let r=Y(`Table`),i=t?.className??q(`Table::table`)+`-lyco-now-${r}`,a=t?.striped?`
-      .${i} tr:nth-child(even) { background: #f9f9f9; }
-    `:``,o=t?.hover?`
-      .${i} tr:hover { background: #f1f1f1; }
-    `:``,s=t?.bordered?`
-      .${i}, .${i} th, .${i} td { border: 1px solid #ddd; }
-    `:``,c=`
+	`}function $(t,r){if(r===void 0){let n=n=>$(t,n??e``);return n.html=(n,...r)=>$(t,e(n,...r)),n}let a=p(`Table`),o=t?.className??d(`Table::table`)+`-lyco-now-${a}`,s=t?.striped?`
+      .${o} tr:nth-child(even) { background: #f9f9f9; }
+    `:``,c=t?.hover?`
+      .${o} tr:hover { background: #f1f1f1; }
+    `:``,l=t?.bordered?`
+      .${o}, .${o} th, .${o} td { border: 1px solid #ddd; }
+    `:``,u=`
 	/* 将表格包裹在带有 _className 的 div 里，使后续 CSS 作用于该 div 下的 table */
-	.${i} table {
+	.${o} table {
 	  width: 100%;
 	  border-collapse: collapse;
 	}
-	.${i} th,
-	.${i} td {
+	.${o} th,
+	.${o} td {
 	  padding: 8px 12px;
 	  text-align: left;
 	}
-	${a}
-	${o}
 	${s}
-	`,l=Z(t?.on??{});return X(`Table`,e`
+	${c}
+	${l}
+	`,f=g(t?.on??{});return m(`Table`,e`
 			<style>
-				${c}
+				${u}
 			</style>
 
 			<div
-				${H(e=>{e?l.bind(e):l.unbindAll()})}
-				class="${i}"
+				${n(e=>{e?f.bind(e):f.unbindAll()})}
+				class="${o}"
 			>
 				<table>
-					${U(n)}
+					${i(r)}
 				</table>
 			</div>
-		`)}function bt(t,n){let r=t?.direction??`row`,i=Z(t?.on??{});return n===void 0?n=>bt(t,n??e``):e`
+		`)}function ae(t,r){let i=t?.direction??`row`,o=g(t?.on??{});return r===void 0?n=>ae(t,n??e``):e`
 		<div
-			${H(e=>{e?i.bind(e):i.unbindAll()})}
+			${n(e=>{e?o.bind(e):o.unbindAll()})}
 			style="
       display: flex;
-      flex-direction: ${r};
+      flex-direction: ${i};
       flex-wrap: wrap;
       ${t?.gap?`gap: ${t.gap};`:``}
       ${t?.align?`align-items: ${t.align};`:``}
       ${t?.justify?`justify-content: ${t.justify};`:``}
     "
 		>
-			${W(n)}
+			${a(r)}
 		</div>
-	`}function xt(t,n){let r=t?.width?`width: ${t.width};`:``,i=t?.height?`height: ${t.height};`:``,a=t?.background?`background: ${t.background};`:``,o=Z(t?.on??{});if(n===void 0)return n=>xt(t,n??[e``]);let s=`flex-start`,c=`flex-start`;switch(t?.align){case`top-right`:s=`flex-end`,c=`flex-start`;break;case`center`:s=`center`,c=`center`;break;case`bottom-left`:s=`flex-start`,c=`flex-end`;break;case`bottom-right`:s=`flex-end`,c=`flex-end`;break;default:s=`flex-start`,c=`flex-start`}return e`
+	`}function oe(t,r){let i=t?.width?`width: ${t.width};`:``,o=t?.height?`height: ${t.height};`:``,s=t?.background?`background: ${t.background};`:``,c=g(t?.on??{});if(r===void 0)return n=>oe(t,n??[e``]);let l=`flex-start`,u=`flex-start`;switch(t?.align){case`top-right`:l=`flex-end`,u=`flex-start`;break;case`center`:l=`center`,u=`center`;break;case`bottom-left`:l=`flex-start`,u=`flex-end`;break;case`bottom-right`:l=`flex-end`,u=`flex-end`;break;default:l=`flex-start`,u=`flex-start`}return e`
 		<div
-			${H(e=>{e?o.bind(e):o.unbindAll()})}
+			${n(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       position: relative;
       display: flex;
-      justify-content: ${s};
-      align-items: ${c};
-      ${r} ${i} ${a}
+      justify-content: ${l};
+      align-items: ${u};
+      ${i} ${o} ${s}
     "
 		>
-			${W(n)}
+			${a(r)}
 		</div>
-	`}export{qe as AbsoluteBox,Je as AcrylicBar,Ye as AspectRatio,Xe as AutoFitGrid,Ze as AvatarStack,Qe as Badge,et as Canvas,tt as Card,nt as Center,Pe as Column,He as ColumnSplit,rt as Container,it as Divider,$ as Flex,Fe as FlowItem,at as FooterLayout,ot as ForEach,Ie as Grid,st as GridBreakpoint,Le as GridCol,Re as GridItem,ze as GridRow,ct as HeroSection,lt as Hidden,Q as LightboxContainer,dt as List,ft as ListGroup,ut as ListItem,pt as Overlay,mt as PositionContainer,Be as Row,Ue as RowSplit,We as ScrollBar,Ge as SideBarContainer,ht as SizedBox,gt as SkeletonLoader,_t as Spacer,vt as Sticky,Ke as Swiper,yt as Table,Ve as WaterFlow,bt as Wrap,xt as ZStack};
+	`}export{M as AbsoluteBox,N as AcrylicBar,P as AspectRatio,F as AutoFitGrid,I as AvatarStack,L as Badge,z as Canvas,B as Card,V as Center,v as Column,D as ColumnSplit,H as Container,U as Divider,y as Flex,b as FlowItem,W as FooterLayout,G as ForEach,x as Grid,K as GridBreakpoint,S as GridCol,C as GridItem,w as GridRow,q as HeroSection,J as Hidden,_ as LightboxContainer,ee as List,te as ListGroup,Y as ListItem,X as Overlay,Z as PositionContainer,T as Row,O as RowSplit,k as ScrollBar,A as SideBarContainer,ne as SizedBox,re as SkeletonLoader,ie as Spacer,Q as Sticky,j as Swiper,$ as Table,E as WaterFlow,ae as Wrap,oe as ZStack};
 //# sourceMappingURL=index.es.js.map