lyco 1.2.6 → 1.2.8

package/dist/index.cjs.js

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