lyco 1.3.0 → 1.3.6

package/dist/index.cjs.js

@@ -1,289 +1,286 @@
-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=s(require(`lit/directives/style-map.js`)),d=typeof window>`u`,f=100;var p=class{constructor(e){this._capacity=e,this.buffer=Array(e)}set(e,t){this.buffer[e%this._capacity]=t}get(e){return this.buffer[e%this._capacity]}clear(){this.buffer.fill(void 0)}get capacity(){return this._capacity}},m=class{constructor(){this.data=new Float64Array}set(e,t){let n=e*3;this.data[n]=t.start,this.data[n+1]=t.end,this.data[n+2]=t.total}get(e){let t=e*3;return t<0||t+2>=this.data.length?{start:0,end:0,total:0}:{start:this.data[t],end:this.data[t+1],total:this.data[t+2]}}initialize(e){this.data=new Float64Array(Math.ceil(e/f)*3),this.data.fill(0)}},h=class{constructor(e,t,n){this._items=[],this._itemSize=50,this._layout=`vertical`,this._preloadCount=5,this._cacheSize=200,this._renderItem=()=>c.html``,this._containerRef=(0,l.createRef)(),this._firstVisible=0,this._lastVisible=0,this._positionCache=new Float64Array,this._sizeCache=new Float32Array,this._cacheInitialized=!1,this._totalContentSize=0,this._blockStore=new m,this._recycledNodes=[],this.RECYCLE_POOL_SIZE=20,this._preRenderChunkSize=5,this.CHUNK_SIZE=1e3,this._chunks=new Map,this._visibleChunkIndexes=new Set,this._loadedChunks=new Set,this._estimatedItemHeight=0,this._isLoading=!1,this._hasMore=!1,this._pageSize=50,this._fetchMoreThreshold=.8,this._getItemSize=e=>typeof this._itemSize==`function`?this._itemSize(e):this._itemSize,this._calculateMetrics=()=>{if(this._items.length===0){this._positionCache=new Float64Array,this._sizeCache=new Float32Array,this._blockStore.initialize(0),this._totalContentSize=0,this._cacheInitialized=!0,this._templateBuffer.clear();return}this._positionCache=new Float64Array(this._items.length),this._sizeCache=new Float32Array(this._items.length),this._blockStore.initialize(this._items.length);let e=0,t=0,n=0;for(let r=0;r<this._items.length;r++){let i=this._getItemSize(r);if(this._positionCache[r]=e,this._sizeCache[r]=i,n+=i,(r+1)%f===0||r===this._items.length-1){let a=Math.floor(r/f);this._blockStore.set(a,{start:t,end:e+i,total:n}),t=e+i,n=0}e+=i}this._totalContentSize=e,this._cacheInitialized=!0,this._templateBuffer.clear()},this._findItemIndexByOffset=e=>{if(!this._cacheInitialized||this._items.length===0)return 0;let t=0,n=this._items.length-1,r=0;for(;t<=n;){let i=Math.floor((t+n)/2);this._positionCache[i]<=e?(r=i,t=i+1):n=i-1}return r},this._updateVisibleRange=()=>{if(!this._containerRef.value)return;let e=this._layout===`vertical`,t=e?this._containerRef.value.scrollTop:this._containerRef.value.scrollLeft,n=e?this._containerRef.value.clientHeight:this._containerRef.value.clientWidth;this._firstVisible=Math.floor(t/this._estimatedItemHeight),this._lastVisible=Math.ceil((t+n)/this._estimatedItemHeight),this._checkAndLoadMore(),this.host.requestUpdate()},this._ticking=!1,this._lastUpdate=0,this.FRAME_BUDGET=16,this._scheduleUpdate=async()=>{if(this._ticking)return;let e=performance.now(),t=e-this._lastUpdate;t>=this.FRAME_BUDGET&&(this._ticking=!0,requestAnimationFrame(()=>{this._updateVisibleRange(),this._ticking=!1,this._lastUpdate=performance.now()}))},this.host=e,e.addController(this),this.updateConfig(t,n),this._templateBuffer=new p(this._cacheSize),this._pageSize=t.pageSize??50,this._fetchMoreThreshold=t.fetchMoreThreshold??.8,d||(this._setupObservers(),this._setupResizeObserver(),this._initializeChunks())}_initializeItems(e){this._items=[...e],this._calculateMetrics(),this._initializeChunks(),this.host.requestUpdate()}_updateMetricsForRange(e,t){if(t>this._positionCache.length){let e=new Float64Array(Math.max(t*1.5,1e3));e.set(this._positionCache),this._positionCache=e;let n=new Float32Array(Math.max(t*1.5,1e3));n.set(this._sizeCache),this._sizeCache=n}let n=e===0?0:this._positionCache[e-1]+this._sizeCache[e-1];for(let r=e;r<t;r++){let e=this._getItemSize(r);this._positionCache[r]=n,this._sizeCache[r]=e,n+=e}this._totalContentSize=n,this._updateChunkMetrics()}_setupObservers(){this._intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&this._preRenderChunk()})},{rootMargin:`50%`}),this._mutationObserver=new MutationObserver(e=>{e.forEach(e=>{e.removedNodes.forEach(e=>{e instanceof HTMLElement&&this._recycledNodes.length<this.RECYCLE_POOL_SIZE&&this._recycledNodes.push(e)})})})}_setupResizeObserver(){this._resizeObserver=new ResizeObserver(e=>{for(let t of e)if(t.target instanceof HTMLElement){let e=t.contentRect.height;e>0&&(this._estimatedItemHeight=e,this._updateChunkMetrics())}})}_initializeChunks(){this._chunks.clear();let e=Math.ceil(this._items.length/this.CHUNK_SIZE);for(let t=0;t<e;t++){let e=t*this.CHUNK_SIZE,n=Math.min(e+this.CHUNK_SIZE,this._items.length);this._chunks.set(t,this._items.slice(e,n))}}_updateChunkMetrics(){if(!this._containerRef.value)return;let e=this._containerRef.value.clientHeight,t=this._items.length*this._estimatedItemHeight;this._blockStore.initialize(Math.ceil(this._items.length/this.CHUNK_SIZE));let n=0;for(let e=0;e<this._chunks.size;e++){let t=Math.min(this.CHUNK_SIZE,this._items.length-e*this.CHUNK_SIZE),r=t*this._estimatedItemHeight;this._blockStore.set(e,{start:n,end:n+r,total:r}),n+=r}this._totalContentSize=t,this._calculateVisibleChunks()}_calculateVisibleChunks(){if(!this._containerRef.value)return;let e=this._containerRef.value.scrollTop,t=this._containerRef.value.clientHeight,n=Math.floor(e/(this.CHUNK_SIZE*this._estimatedItemHeight)),r=Math.ceil((e+t)/(this.CHUNK_SIZE*this._estimatedItemHeight));this._visibleChunkIndexes.clear();for(let e=n;e<=r;e++)this._chunks.has(e)&&this._visibleChunkIndexes.add(e);this._preloadAdjacentChunks(n-1,r+1)}_preloadAdjacentChunks(e,t){for(let n=e;n<=t;n++)n>=0&&n<this._chunks.size&&!this._loadedChunks.has(n)&&requestIdleCallback(()=>{this._loadChunk(n)})}_loadChunk(e){if(this._loadedChunks.has(e))return;let t=e*this.CHUNK_SIZE,n=Math.min(t+this.CHUNK_SIZE,this._items.length),r=this._items.slice(t,n);this._chunks.set(e,r),this._loadedChunks.add(e),this._calculateMetricsForChunk(e)}_calculateMetricsForChunk(e){let t=e*this.CHUNK_SIZE,n=this._chunks.get(e)||[],r=t*this._estimatedItemHeight;for(let e=0;e<n.length;e++){let n=t+e;this._positionCache[n]=r,this._sizeCache[n]=this._estimatedItemHeight,r+=this._estimatedItemHeight}}_preRenderChunk(){this._idleCallbackId&&cancelIdleCallback(this._idleCallbackId),this._idleCallbackId=requestIdleCallback(e=>{let t=this._lastVisible+1,n=0;for(;e.timeRemaining()>0&&n<this._preRenderChunkSize&&t<this._items.length;)this._prerenderItem(t),t++,n++;t<this._items.length&&this._preRenderChunk()})}_prerenderItem(e){let t=e%this._cacheSize;if(!this._templateBuffer.get(t)){let n=this._positionCache[e],r=this._sizeCache[e];if(n!==void 0&&r!==void 0){let i=this._getItemStyle(n,r),a=this._createItemTemplate(this._items[e],e,i);this._templateBuffer.set(t,a)}}}_getItemStyle(e,t){let n=this._layout===`vertical`;return{position:`absolute`,[n?`top`:`left`]:`${e}px`,[n?`height`:`width`]:`${t}px`,width:n?`100%`:`auto`,height:n?`auto`:`100%`,willChange:`transform`,contain:`content`,backfaceVisibility:`hidden`,WebkitFontSmoothing:`subpixel-antialiased`}}_createItemTemplate(e,t,n){let r=this._recycledNodes.pop(),i=`item-${t}`;return c.html`
-			${r?c.html`<div
-						.key=${i}
-						style=${(0,u.styleMap)(n)}
-						data-index=${t}
-						.recycled=${r}
+const e=require(`./core-DkUSnSgK.js`),t=e.__toESM(require(`lit`)),n=e.__toESM(require(`lit/directives/ref.js`)),r=e.__toESM(require(`lit/directives/style-map.js`)),i=typeof window>`u`,a=100;var o=class{constructor(e){this._capacity=e,this.buffer=Array(e)}set(e,t){this.buffer[e%this._capacity]=t}get(e){return this.buffer[e%this._capacity]}clear(){this.buffer.fill(void 0)}get capacity(){return this._capacity}},s=class{constructor(){this.data=new Float64Array}set(e,t){let n=e*3;this.data[n]=t.start,this.data[n+1]=t.end,this.data[n+2]=t.total}get(e){let t=e*3;return t<0||t+2>=this.data.length?{start:0,end:0,total:0}:{start:this.data[t],end:this.data[t+1],total:this.data[t+2]}}initialize(e){this.data=new Float64Array(Math.ceil(e/a)*3),this.data.fill(0)}},c=class{constructor(e,r,c){this._items=[],this._itemSize=50,this._layout=`vertical`,this._preloadCount=5,this._cacheSize=200,this._renderItem=()=>t.html``,this._containerRef=(0,n.createRef)(),this._firstVisible=0,this._lastVisible=0,this._positionCache=new Float64Array,this._sizeCache=new Float32Array,this._cacheInitialized=!1,this._totalContentSize=0,this._blockStore=new s,this._recycledNodes=[],this.RECYCLE_POOL_SIZE=20,this._preRenderChunkSize=5,this.CHUNK_SIZE=1e3,this._chunks=new Map,this._visibleChunkIndexes=new Set,this._loadedChunks=new Set,this._estimatedItemHeight=0,this._isLoading=!1,this._hasMore=!1,this._pageSize=50,this._fetchMoreThreshold=.8,this._getItemSize=e=>typeof this._itemSize==`function`?this._itemSize(e):this._itemSize,this._calculateMetrics=()=>{if(this._items.length===0){this._positionCache=new Float64Array,this._sizeCache=new Float32Array,this._blockStore.initialize(0),this._totalContentSize=0,this._cacheInitialized=!0,this._templateBuffer.clear();return}this._positionCache=new Float64Array(this._items.length),this._sizeCache=new Float32Array(this._items.length),this._blockStore.initialize(this._items.length);let e=0,t=0,n=0;for(let r=0;r<this._items.length;r++){let i=this._getItemSize(r);if(this._positionCache[r]=e,this._sizeCache[r]=i,n+=i,(r+1)%a===0||r===this._items.length-1){let o=Math.floor(r/a);this._blockStore.set(o,{start:t,end:e+i,total:n}),t=e+i,n=0}e+=i}this._totalContentSize=e,this._cacheInitialized=!0,this._templateBuffer.clear()},this._findItemIndexByOffset=e=>{if(!this._cacheInitialized||this._items.length===0)return 0;let t=0,n=this._items.length-1,r=0;for(;t<=n;){let i=Math.floor((t+n)/2);this._positionCache[i]<=e?(r=i,t=i+1):n=i-1}return r},this._updateVisibleRange=()=>{if(!this._containerRef.value)return;let e=this._layout===`vertical`,t=e?this._containerRef.value.scrollTop:this._containerRef.value.scrollLeft,n=e?this._containerRef.value.clientHeight:this._containerRef.value.clientWidth;this._firstVisible=Math.floor(t/this._estimatedItemHeight),this._lastVisible=Math.ceil((t+n)/this._estimatedItemHeight),this._checkAndLoadMore(),this.host.requestUpdate()},this._ticking=!1,this._lastUpdate=0,this.FRAME_BUDGET=16,this._scheduleUpdate=async()=>{if(this._ticking)return;let e=performance.now(),t=e-this._lastUpdate;t>=this.FRAME_BUDGET&&(this._ticking=!0,requestAnimationFrame(()=>{this._updateVisibleRange(),this._ticking=!1,this._lastUpdate=performance.now()}))},this.host=e,e.addController(this),this.updateConfig(r,c),this._templateBuffer=new o(this._cacheSize),this._pageSize=r.pageSize??50,this._fetchMoreThreshold=r.fetchMoreThreshold??.8,i||(this._setupObservers(),this._setupResizeObserver(),this._initializeChunks())}_initializeItems(e){this._items=[...e],this._calculateMetrics(),this._initializeChunks(),this.host.requestUpdate()}_updateMetricsForRange(e,t){if(t>this._positionCache.length){let e=new Float64Array(Math.max(t*1.5,1e3));e.set(this._positionCache),this._positionCache=e;let n=new Float32Array(Math.max(t*1.5,1e3));n.set(this._sizeCache),this._sizeCache=n}let n=e===0?0:this._positionCache[e-1]+this._sizeCache[e-1];for(let r=e;r<t;r++){let e=this._getItemSize(r);this._positionCache[r]=n,this._sizeCache[r]=e,n+=e}this._totalContentSize=n,this._updateChunkMetrics()}_setupObservers(){this._intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&this._preRenderChunk()})},{rootMargin:`50%`}),this._mutationObserver=new MutationObserver(e=>{e.forEach(e=>{e.removedNodes.forEach(e=>{e instanceof HTMLElement&&this._recycledNodes.length<this.RECYCLE_POOL_SIZE&&this._recycledNodes.push(e)})})})}_setupResizeObserver(){this._resizeObserver=new ResizeObserver(e=>{for(let t of e)if(t.target instanceof HTMLElement){let e=t.contentRect.height;e>0&&(this._estimatedItemHeight=e,this._updateChunkMetrics())}})}_initializeChunks(){this._chunks.clear();let e=Math.ceil(this._items.length/this.CHUNK_SIZE);for(let t=0;t<e;t++){let e=t*this.CHUNK_SIZE,n=Math.min(e+this.CHUNK_SIZE,this._items.length);this._chunks.set(t,this._items.slice(e,n))}}_updateChunkMetrics(){if(!this._containerRef.value)return;let e=this._containerRef.value.clientHeight,t=this._items.length*this._estimatedItemHeight;this._blockStore.initialize(Math.ceil(this._items.length/this.CHUNK_SIZE));let n=0;for(let e=0;e<this._chunks.size;e++){let t=Math.min(this.CHUNK_SIZE,this._items.length-e*this.CHUNK_SIZE),r=t*this._estimatedItemHeight;this._blockStore.set(e,{start:n,end:n+r,total:r}),n+=r}this._totalContentSize=t,this._calculateVisibleChunks()}_calculateVisibleChunks(){if(!this._containerRef.value)return;let e=this._containerRef.value.scrollTop,t=this._containerRef.value.clientHeight,n=Math.floor(e/(this.CHUNK_SIZE*this._estimatedItemHeight)),r=Math.ceil((e+t)/(this.CHUNK_SIZE*this._estimatedItemHeight));this._visibleChunkIndexes.clear();for(let e=n;e<=r;e++)this._chunks.has(e)&&this._visibleChunkIndexes.add(e);this._preloadAdjacentChunks(n-1,r+1)}_preloadAdjacentChunks(e,t){for(let n=e;n<=t;n++)n>=0&&n<this._chunks.size&&!this._loadedChunks.has(n)&&requestIdleCallback(()=>{this._loadChunk(n)})}_loadChunk(e){if(this._loadedChunks.has(e))return;let t=e*this.CHUNK_SIZE,n=Math.min(t+this.CHUNK_SIZE,this._items.length),r=this._items.slice(t,n);this._chunks.set(e,r),this._loadedChunks.add(e),this._calculateMetricsForChunk(e)}_calculateMetricsForChunk(e){let t=e*this.CHUNK_SIZE,n=this._chunks.get(e)||[],r=t*this._estimatedItemHeight;for(let e=0;e<n.length;e++){let n=t+e;this._positionCache[n]=r,this._sizeCache[n]=this._estimatedItemHeight,r+=this._estimatedItemHeight}}_preRenderChunk(){this._idleCallbackId&&cancelIdleCallback(this._idleCallbackId),this._idleCallbackId=requestIdleCallback(e=>{let t=this._lastVisible+1,n=0;for(;e.timeRemaining()>0&&n<this._preRenderChunkSize&&t<this._items.length;)this._prerenderItem(t),t++,n++;t<this._items.length&&this._preRenderChunk()})}_prerenderItem(e){let t=e%this._cacheSize;if(!this._templateBuffer.get(t)){let n=this._positionCache[e],r=this._sizeCache[e];if(n!==void 0&&r!==void 0){let i=this._getItemStyle(n,r),a=this._createItemTemplate(this._items[e],e,i);this._templateBuffer.set(t,a)}}}_getItemStyle(e,t){let n=this._layout===`vertical`;return{position:`absolute`,[n?`top`:`left`]:`${e}px`,[n?`height`:`width`]:`${t}px`,width:n?`100%`:`auto`,height:n?`auto`:`100%`,willChange:`transform`,contain:`content`,backfaceVisibility:`hidden`,WebkitFontSmoothing:`subpixel-antialiased`}}_createItemTemplate(e,n,i){let a=this._recycledNodes.pop(),o=`item-${n}`;return t.html`
+			${a?t.html`<div
+						.key=${o}
+						style=${(0,r.styleMap)(i)}
+						data-index=${n}
+						.recycled=${a}
 				  >
-						${this._renderItem(e,t)}
-				  </div>`:c.html`<div .key=${i} style=${(0,u.styleMap)(n)} data-index=${t}>
-						${this._renderItem(e,t)}
+						${this._renderItem(e,n)}
+				  </div>`:t.html`<div .key=${o} style=${(0,r.styleMap)(i)} data-index=${n}>
+						${this._renderItem(e,n)}
 				  </div>`}
-		`}hostConnected(){if(d||this.host.updateComplete.then(()=>{this._containerRef.value&&(this._containerRef.value.addEventListener(`scroll`,this._scheduleUpdate),this._calculateMetrics(),this._updateVisibleRange(),this.host.requestUpdate())}),!d&&this._containerRef.value){var e,t,n;(e=this._intersectionObserver)?.observe(this._containerRef.value),(t=this._mutationObserver)?.observe(this._containerRef.value,{childList:!0,subtree:!0,attributes:!0}),(n=this._resizeObserver)?.observe(this._containerRef.value)}}hostDisconnected(){var e,t,n;!d&&this._containerRef.value&&this._containerRef.value.removeEventListener(`scroll`,this._scheduleUpdate),(e=this._intersectionObserver)?.disconnect(),(t=this._mutationObserver)?.disconnect(),(n=this._resizeObserver)?.disconnect(),this._idleCallbackId&&cancelIdleCallback(this._idleCallbackId)}hostUpdated(){!d&&!this._cacheInitialized&&this._containerRef.value&&this._items.length>0&&(this._calculateMetrics(),this._updateVisibleRange(),this.host.requestUpdate())}async updateConfig(e,t){let n=this._itemSize,r=this._cacheSize;this._itemSize=e.itemSize??50,this._layout=e.layout??`vertical`,this._preloadCount=e.preloadCount??5,this._cacheSize=e.cacheSize??200,this._renderItem=t,this._onLoadMore=e.onLoadMore,`items`in e&&this._initializeItems(e.items),this._pageSize=e.pageSize??this._pageSize,this._fetchMoreThreshold=e.fetchMoreThreshold??this._fetchMoreThreshold,r!==this._cacheSize&&(this._templateBuffer=new p(this._cacheSize)),n!==this._itemSize&&(this._calculateMetrics(),this._initializeChunks()),d||this._updateVisibleRange(),this.host.requestUpdate()}async _checkAndLoadMore(){if(!this._onLoadMore||this._isLoading||!this._containerRef.value)return;let e=this._lastVisible,t=this._pageSize||1e3,n=(e+1)%t===0;if(n){console.log(`Reached end of page, loading more...`,{lastVisibleIndex:e,pageSize:t,totalItems:this._items.length}),this._isLoading=!0;try{await this._onLoadMore()}finally{this._isLoading=!1}}}getRenderedItems(){if(!this._renderItem)return[];let e=[],t=new Set;for(let e of this._visibleChunkIndexes){let n=this._chunks.get(e);if(!n)continue;let r=e*this.CHUNK_SIZE;n.forEach((e,n)=>{let i=r+n;i>=this._firstVisible&&i<=this._lastVisible&&t.add(i)})}return Array.from(t).sort((e,t)=>e-t).forEach(t=>{let n=this._getItemStyle(this._positionCache[t]||t*this._estimatedItemHeight,this._sizeCache[t]||this._estimatedItemHeight);e.push(this._createItemTemplate(this._items[t],t,n))}),e}getContainerRef(){return this._containerRef}getTotalContentSize(){return this._totalContentSize}getLayout(){return this._layout}};const g=new WeakMap,_=()=>{if(d)return null;try{let e=document.currentScript;if(e&&`_$litElement$`in e)return e._$litElement$;if(customElements&&window.customElements){let e=document.querySelector(`virtualizer-example`);if(e&&`_$litElement$`in e)return e._$litElement$}}catch(e){console.warn(`Failed to get Lit host:`,e)}return null};function v(e){return e!==null&&typeof e.addController==`function`}function y(e,t){let n=_();if(!v(n)){console.warn(`Virtualizer: Running in fallback mode`);let n=t||e.renderItem||(e=>c.html`${String(e)}`),r=e.items;return c.html`
+		`}hostConnected(){if(i||this.host.updateComplete.then(()=>{this._containerRef.value&&(this._containerRef.value.addEventListener(`scroll`,this._scheduleUpdate),this._calculateMetrics(),this._updateVisibleRange(),this.host.requestUpdate())}),!i&&this._containerRef.value){var e,t,n;(e=this._intersectionObserver)?.observe(this._containerRef.value),(t=this._mutationObserver)?.observe(this._containerRef.value,{childList:!0,subtree:!0,attributes:!0}),(n=this._resizeObserver)?.observe(this._containerRef.value)}}hostDisconnected(){var e,t,n;!i&&this._containerRef.value&&this._containerRef.value.removeEventListener(`scroll`,this._scheduleUpdate),(e=this._intersectionObserver)?.disconnect(),(t=this._mutationObserver)?.disconnect(),(n=this._resizeObserver)?.disconnect(),this._idleCallbackId&&cancelIdleCallback(this._idleCallbackId)}hostUpdated(){!i&&!this._cacheInitialized&&this._containerRef.value&&this._items.length>0&&(this._calculateMetrics(),this._updateVisibleRange(),this.host.requestUpdate())}async updateConfig(e,t){let n=this._itemSize,r=this._cacheSize;this._itemSize=e.itemSize??50,this._layout=e.layout??`vertical`,this._preloadCount=e.preloadCount??5,this._cacheSize=e.cacheSize??200,this._renderItem=t,this._onLoadMore=e.onLoadMore,`items`in e&&this._initializeItems(e.items),this._pageSize=e.pageSize??this._pageSize,this._fetchMoreThreshold=e.fetchMoreThreshold??this._fetchMoreThreshold,r!==this._cacheSize&&(this._templateBuffer=new o(this._cacheSize)),n!==this._itemSize&&(this._calculateMetrics(),this._initializeChunks()),i||this._updateVisibleRange(),this.host.requestUpdate()}async _checkAndLoadMore(){if(!this._onLoadMore||this._isLoading||!this._containerRef.value)return;let e=this._lastVisible,t=this._pageSize||1e3,n=(e+1)%t===0;if(n){console.log(`Reached end of page, loading more...`,{lastVisibleIndex:e,pageSize:t,totalItems:this._items.length}),this._isLoading=!0;try{await this._onLoadMore()}finally{this._isLoading=!1}}}getRenderedItems(){if(!this._renderItem)return[];let e=[],t=new Set;for(let e of this._visibleChunkIndexes){let n=this._chunks.get(e);if(!n)continue;let r=e*this.CHUNK_SIZE;n.forEach((e,n)=>{let i=r+n;i>=this._firstVisible&&i<=this._lastVisible&&t.add(i)})}return Array.from(t).sort((e,t)=>e-t).forEach(t=>{let n=this._getItemStyle(this._positionCache[t]||t*this._estimatedItemHeight,this._sizeCache[t]||this._estimatedItemHeight);e.push(this._createItemTemplate(this._items[t],t,n))}),e}getContainerRef(){return this._containerRef}getTotalContentSize(){return this._totalContentSize}getLayout(){return this._layout}};const l=new WeakMap,u=()=>{if(i)return null;try{let e=document.currentScript;if(e&&`_$litElement$`in e)return e._$litElement$;if(customElements&&window.customElements){let e=document.querySelector(`virtualizer-example`);if(e&&`_$litElement$`in e)return e._$litElement$}}catch(e){console.warn(`Failed to get Lit host:`,e)}return null};function d(e){return e!==null&&typeof e.addController==`function`}function f(e,a){let o=u();if(!d(o)){console.warn(`Virtualizer: Running in fallback mode`);let n=a||e.renderItem||(e=>t.html`${String(e)}`),r=e.items;return t.html`
 			<div style="overflow: auto; height: 100%; position: relative;">
 				<div style="position: relative;">
 					${r.map((e,t)=>n(e,t))}
 				</div>
 			</div>
-		`}let r=g.get(n);if(!r){let i=t||e.renderItem||(e=>c.html`${e}`);r=new h(n,e,i),g.set(n,r)}let i=t=>{r.updateConfig(e,t);let n={position:`relative`,overflow:d?`visible`:`auto`,[r.getLayout()===`vertical`?`height`:`width`]:`100%`,[r.getLayout()===`vertical`?`minHeight`:`minWidth`]:`1px`},i={position:`relative`,[r.getLayout()===`vertical`?`height`:`width`]:`${r.getTotalContentSize()}px`,transform:r.getLayout()===`vertical`?`translateY(0)`:`translateX(0)`};return c.html`
+		`}let s=l.get(o);if(!s){let n=a||e.renderItem||(e=>t.html`${e}`);s=new c(o,e,n),l.set(o,s)}let f=a=>{s.updateConfig(e,a);let o={position:`relative`,overflow:i?`visible`:`auto`,[s.getLayout()===`vertical`?`height`:`width`]:`100%`,[s.getLayout()===`vertical`?`minHeight`:`minWidth`]:`1px`},c={position:`relative`,[s.getLayout()===`vertical`?`height`:`width`]:`${s.getTotalContentSize()}px`,transform:s.getLayout()===`vertical`?`translateY(0)`:`translateX(0)`};return t.html`
 			<div
-				${(0,l.ref)(r.getContainerRef())}
-				style=${(0,u.styleMap)(n)}
-				@scroll=${d?c.nothing:()=>r.host.requestUpdate()}
+				${(0,n.ref)(s.getContainerRef())}
+				style=${(0,r.styleMap)(o)}
+				@scroll=${i?t.nothing:()=>s.host.requestUpdate()}
 			>
-				<div style=${(0,u.styleMap)(i)}>
-					${r.getRenderedItems()}
+				<div style=${(0,r.styleMap)(c)}>
+					${s.getRenderedItems()}
 				</div>
 			</div>
-		`};return t===void 0?`renderItem`in e?i(e.renderItem):e=>i(e):i(t)}const b=Symbol(`___LYCO_NULL___`);function x(e){return e?typeof e==`function`?e():e:c.html``}function S(e,t){let n=t??(e=>e);if(e===void 0)return c.html``;if(Array.isArray(e))return e.map((e,t)=>n(x(e),t,!0,!1));if(typeof e!=`function`)return n(x(e),void 0,!1,!1);let r=e();return Array.isArray(r)?r.map((e,t)=>n(x(e),t,!0,!1)):n(x(r),void 0,!1,!0)}function C(e){let t=Math.random().toString(36).substring(2,15);return e?`lyco-${e}-${t}`:`lyco-${t}`}function w(e,t){let n=t??(e=>e),r=e=>n(x(e));return e?r(e):r}function T(e,t,n){let r=t??(e=>e),i=e=>r(S(e,n));return e?i(e):i}const E=e=>({init:!1,prefix:e,className:b}),D={"GridBreakpoint::grid-breakpoint":E(`grid-breakpoint`),"Hidden::hidden-container":E(`hidden-container`),"ListGroup::list-group":E(`list-group`),"ScrollBar::scrollbar-container":E(`scrollbar-container`),"SkeletonLoader::skeleton":E(`skeleton`),"Swiper::swiper":E(`swiper`),"Table::table":E(`table`),"WaterFlow::waterflow":E(`waterflow`),"AutoFitGrid::auto-fit-grid":E(`auto-fit-grid`),"GridCol::grid-col":E(`grid-col`),"GridRow::grid-row":E(`grid-row`),"List::list":E(`list`),"Dialog::dialog":E(`dialog`),"SwitchInput::switch":E(`switch`),"Combobox::combobox":E(`combobox`)};function O(e){let t=D[e];return t.init||(D[e].init=!0,D[e].className=C(t.prefix)),D[e].className===b?C(t.prefix):D[e].className}const k={all:{value:0}};function A(e){var t;return(t=k[e])?.value||(k[e]={value:0}),k[e].value}function j(e,t){return k.all={value:k.all.value+1},k[e]===void 0?k[e]={value:0}:k[e].value=k[e].value+1,c.html`
-		<!-- ${e} - ${k[e].value} -->
-		${t}
-	`}function M(e,t,n){t.forEach(([t,r])=>{if(!r)return;n.has(t)&&e.removeEventListener(t,n.get(t));let i,a;if(typeof r==`function`?(i=r,a=void 0):(i=r.handler,a=r.options),!i)return;let o=e=>i(e);e.addEventListener(t,o,a),n.set(t,o)})}function N(e){let t=new Map,n=Object.entries(e);return{bind(e){M(e,n,t)},unbindAll(){t.clear()}}}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?.fadeBg??`rgba(0,0,0,0.7)`,r=e?.zIndex??2e3,i=N(e?.on??{});return c.html`
+		`};return a===void 0?`renderItem`in e?f(e.renderItem):e=>f(e):f(a)}function p(r,i){if(i===void 0){let e=e=>p(r,e??t.html``);return e.html=(e,...n)=>p(r,(0,t.html)(e,...n)),e}let a=r?.fadeBg??`rgba(0,0,0,0.7)`,o=r?.zIndex??2e3,s=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?i.bind(e):i.unbindAll()})}
+			${(0,n.ref)(e=>{e?s.bind(e):s.unbindAll()})}
 			style="
         position: fixed;
         top: 0; left: 0; right: 0; bottom: 0;
-        background: ${n};
-        z-index: ${r};
+        background: ${a};
+        z-index: ${o};
         display: flex;
         justify-content: center;
         align-items: center;
       "
 		>
-			${x(t)}
+			${e.renderFn(i)}
 		</div>
-	`}function F(e,t){let n=N(e?.on??{});return t===void 0?t=>F(e,t??[c.html``]):c.html`
+	`}function m(r,i){let a=e.createEventBinder(r?.on??{});return i===void 0?e=>m(r,e??[t.html``]):t.html`
 		<div
-			${(0,l.ref)(e=>{e?n.bind(e):n.unbindAll()})}
-			.class="${e?.className}"
+			${(0,n.ref)(e=>{e?a.bind(e):a.unbindAll()})}
+			.class="${r?.className}"
 			style="
       display: flex;
       flex-direction: column;
-	  ${e?.center?`align-items: center;`:``}
-      ${e?.space?`gap: ${e.space};`:``}
-      ${e?.style??``}
+	  ${r?.center?`align-items: center;`:``}
+      ${r?.space?`gap: ${r.space};`:``}
+      ${r?.style??``}
     "
 		>
-			${S(t)}
+			${e.renderFnOrArray(i)}
 		</div>
-	`}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??`row`,r=N(e?.on??{});return c.html`
+	`}function h(r,i){if(i===void 0){let e=e=>h(r,e??t.html``);return e.html=(e,...n)=>h(r,(0,t.html)(e,...n)),e}let a=r?.direction??`row`,o=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?r.bind(e):r.unbindAll()})}
+			${(0,n.ref)(e=>{e?o.bind(e):o.unbindAll()})}
 			style="
         display: flex;
-        flex-direction: ${n};
-        ${e?.justify?`justify-content: ${e.justify};`:``}
-        ${e?.align?`align-items: ${e.align};`:``}
-        ${e?.gap?`gap: ${e.gap};`:``}
+        flex-direction: ${a};
+        ${r?.justify?`justify-content: ${r.justify};`:``}
+        ${r?.align?`align-items: ${r.align};`:``}
+        ${r?.gap?`gap: ${r.gap};`:``}
       "
 		>
-			${x(t)}
+			${e.renderFn(i)}
 		</div>
-	`}function L(e,t){if(t===void 0){let t=t=>L(e,t??c.html``);return t.html=(t,...n)=>L(e,(0,c.html)(t,...n)),t}let n=N(e?.on??{});return c.html`
+	`}function g(r,i){if(i===void 0){let e=e=>g(r,e??t.html``);return e.html=(e,...n)=>g(r,(0,t.html)(e,...n)),e}let a=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?n.bind(e):n.unbindAll()})}
+			${(0,n.ref)(e=>{e?a.bind(e):a.unbindAll()})}
 			style="break-inside: avoid; margin-bottom: 16px;"
 		>
-			${x(t)}
+			${e.renderFn(i)}
 		</div>
-	`}function R(e,t){if(t===void 0)return t=>R(e,t??[c.html``]);let n=e?.columns??1,r=N(e?.on??{});return c.html`
+	`}function _(r,i){if(i===void 0)return e=>_(r,e??[t.html``]);let a=r?.columns??1,o=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?r.bind(e):r.unbindAll()})}
+			${(0,n.ref)(e=>{e?o.bind(e):o.unbindAll()})}
 			style="
         display: grid;
-        grid-template-columns: repeat(${n}, 1fr);
-        ${e?.gap?`gap: ${e.gap};`:``}
+        grid-template-columns: repeat(${a}, 1fr);
+        ${r?.gap?`gap: ${r.gap};`:``}
       "
 		>
-			${S(t)}
+			${e.renderFnOrArray(i)}
 		</div>
-	`}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=A(`GridCol`),r=O(`GridCol::grid-col`)+`-lyco-now-`+n,i=e?.gap?`column-gap: ${e.gap};`:``,a=`
-      .${r} {
+	`}function v(r,i){if(i===void 0){let e=e=>v(r,e??t.html``);return e.html=(e,...n)=>v(r,(0,t.html)(e,...n)),e}let a=e.getComponentCount(`GridCol`),o=e.getRandomClassName(`GridCol::grid-col`)+`-lyco-now-`+a,s=r?.gap?`column-gap: ${r.gap};`:``,c=`
+      .${o} {
         display: grid;
         grid-auto-flow: column;
-        ${i}
+        ${s}
       }
-    `,o=N(e?.on??{});return j(`GridCol`,c.html`
+    `,l=e.createEventBinder(r?.on??{});return e.LycoComponent(`GridCol`,t.html`
 			<style>
-				${a}
+				${c}
 			</style>
 			<div
-				${(0,l.ref)(e=>{e?o.bind(e):o.unbindAll()})}
-				class="${r}"
+				${(0,n.ref)(e=>{e?l.bind(e):l.unbindAll()})}
+				class="${o}"
 			>
-				${x(t)}
+				${e.renderFn(i)}
 			</div>
-		`)}function B(e,t){if(t===void 0){let t=t=>B(e,t??c.html``);return t.html=(t,...n)=>B(e,(0,c.html)(t,...n)),t}let n=N(e?.on??{});return c.html`
+		`)}function y(r,i){if(i===void 0){let e=e=>y(r,e??t.html``);return e.html=(e,...n)=>y(r,(0,t.html)(e,...n)),e}let a=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?n.bind(e):n.unbindAll()})}
-			style="${e?.span?`grid-column: span ${e.span};`:``}"
+			${(0,n.ref)(e=>{e?a.bind(e):a.unbindAll()})}
+			style="${r?.span?`grid-column: span ${r.span};`:``}"
 		>
-			${x(t)}
+			${e.renderFn(i)}
 		</div>
-	`}function V(e,t){if(t===void 0){let t=t=>V(e,t??c.html``);return t.html=(t,...n)=>V(e,(0,c.html)(t,...n)),t}let n=A(`GridRow`),r=O(`GridRow::grid-row`)+`-lyco-now-`+n,i=e?.gap?`row-gap: ${e.gap};`:``,a=`
-      .${r} {
+	`}function b(r,i){if(i===void 0){let e=e=>b(r,e??t.html``);return e.html=(e,...n)=>b(r,(0,t.html)(e,...n)),e}let a=e.getComponentCount(`GridRow`),o=e.getRandomClassName(`GridRow::grid-row`)+`-lyco-now-`+a,s=r?.gap?`row-gap: ${r.gap};`:``,c=`
+      .${o} {
         display: grid;
         grid-auto-flow: row;
-        ${i}
+        ${s}
       }
-    `,o=N(e?.on??{});return j(`GridRow`,c.html`
+    `,l=e.createEventBinder(r?.on??{});return e.LycoComponent(`GridRow`,t.html`
 			<style>
-				${a}
+				${c}
 			</style>
 			<div
-				${(0,l.ref)(e=>{e?o.bind(e):o.unbindAll()})}
-				class="${r}"
+				${(0,n.ref)(e=>{e?l.bind(e):l.unbindAll()})}
+				class="${o}"
 			>
-				${x(t)}
+				${e.renderFn(i)}
 			</div>
-		`)}function H(e,t){if(t===void 0)return t=>H(e,t??[c.html``]);let n=N(e?.on??{});return c.html`
+		`)}function x(r,i){if(i===void 0)return e=>x(r,e??[t.html``]);let a=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?n.bind(e):n.unbindAll()})}
+			${(0,n.ref)(e=>{e?a.bind(e):a.unbindAll()})}
 			style="
         display: flex;
         flex-direction: row;
-		${e?.center?`align-items: center;`:``}
-        ${e?.space?`gap: ${e.space};`:``}
+		${r?.center?`align-items: center;`:``}
+        ${r?.space?`gap: ${r.space};`:``}
       "
 		>
-			${S(t)}
+			${e.renderFnOrArray(i)}
 		</div>
-	`}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?.columnCount??3,r=e?.gap??`16px`,i=A(`WaterFlow`),a=O(`WaterFlow::waterflow`)+`-lyco-now-${i}`,o=`
+	`}function S(r,i){if(i===void 0){let e=e=>S(r,e??t.html``);return e.html=(e,...n)=>S(r,(0,t.html)(e,...n)),e}let a=r?.columnCount??3,o=r?.gap??`16px`,s=e.getComponentCount(`WaterFlow`),c=e.getRandomClassName(`WaterFlow::waterflow`)+`-lyco-now-${s}`,l=`
 	/* 使用 CSS 类来控制多列布局 */
-	.${a} {
-		column-count: ${n};
-		column-gap: ${typeof r==`number`?`${r}px`:r};
+	.${c} {
+		column-count: ${a};
+		column-gap: ${typeof o==`number`?`${o}px`:o};
 	}
 	/* 子元素如果是块级元素，需要让它们适应多列流式布局 */
-	.${a} > * {
+	.${c} > * {
 		display: inline-block;
 		width: 100%;
 	}
-	`,s=N(e?.on??{});return j(`WaterFlow`,c.html`
+	`,u=e.createEventBinder(r?.on??{});return e.LycoComponent(`WaterFlow`,t.html`
 			<style>
-				${o}
+				${l}
 			</style>
 
 			<div
-				${(0,l.ref)(e=>{e?s.bind(e):s.unbindAll()})}
-				class="${a}"
+				${(0,n.ref)(e=>{e?u.bind(e):u.unbindAll()})}
+				class="${c}"
 			>
-				${x(t)}
+				${e.renderFn(i)}
 			</div>
-		`)}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?.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=x(t);let s=N(e?.on??{});return c.html`
+		`)}function C(r,i){if(i===void 0){let e=e=>C(r,e??t.html``);return e.html=(e,...n)=>C(r,(0,t.html)(e,...n)),e}let a=r?.gap??`0px`,o=r?.firstHeight??`50%`,s=t.html``,c=t.html``;if(typeof i==`function`){var l;let e=(l=i.call)?.call(i,null)??[];s=e[0]??t.html``,c=e[1]??t.html``}else s=e.renderFn(i);let u=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?s.bind(e):s.unbindAll()})}
+			${(0,n.ref)(e=>{e?u.bind(e):u.unbindAll()})}
 			style="
         display: flex;
         flex-direction: column;
         width: 100%;
         height: 100%;
-        gap: ${n};
+        gap: ${a};
       "
 		>
-			<div style="flex: 0 0 ${r}; overflow: auto;">${i}</div>
-			<div style="flex: 1 1 auto; overflow: auto;">${a}</div>
+			<div style="flex: 0 0 ${o}; overflow: auto;">${s}</div>
+			<div style="flex: 1 1 auto; overflow: auto;">${c}</div>
 		</div>
-	`}function G(e,t){if(t===void 0){let t=t=>G(e,t??c.html``);return t.html=(t,...n)=>G(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=x(t);let s=N(e?.on??{});return c.html`
+	`}function w(r,i){if(i===void 0){let e=e=>w(r,e??t.html``);return e.html=(e,...n)=>w(r,(0,t.html)(e,...n)),e}let a=r?.gap??`0px`,o=r?.firstWidth??`50%`,s=t.html``,c=t.html``;if(typeof i==`function`){var l;let e=(l=i.call)?.call(i,null)??[];s=e[0]??t.html``,c=e[1]??t.html``}else s=e.renderFn(i);let u=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?s.bind(e):s.unbindAll()})}
+			${(0,n.ref)(e=>{e?u.bind(e):u.unbindAll()})}
 			style="
       display: flex;
       flex-direction: row;
       width: 100%;
       height: 100%;
-      gap: ${n};
+      gap: ${a};
     "
 		>
-			<div style="flex: 0 0 ${r}; overflow: auto;">${i}</div>
-			<div style="flex: 1 1 auto; overflow: auto;">${a}</div>
+			<div style="flex: 0 0 ${o}; overflow: auto;">${s}</div>
+			<div style="flex: 1 1 auto; overflow: auto;">${c}</div>
 		</div>
-	`}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=e?.direction??`vertical`,r=e?.height??`100%`,i=e?.width??`100%`,a=e?.customCss??``,o=A(`ScrollBar`),s=e?.className??O(`ScrollBar::scrollbar-container`)+`-lyco-now-`+o,u=n===`horizontal`?`overflow-x: auto; overflow-y: hidden`:`overflow-y: auto; overflow-x: hidden`,d=`
-	.${s} {
-	  ${u};
-	  width: ${i};
-	  height: ${r};
+	`}function T(r,i){if(i===void 0){let e=e=>T(r,e??t.html``);return e.html=(e,...n)=>T(r,(0,t.html)(e,...n)),e}let a=r?.direction??`vertical`,o=r?.height??`100%`,s=r?.width??`100%`,c=r?.customCss??``,l=e.getComponentCount(`ScrollBar`),u=r?.className??e.getRandomClassName(`ScrollBar::scrollbar-container`)+`-lyco-now-`+l,d=a===`horizontal`?`overflow-x: auto; overflow-y: hidden`:`overflow-y: auto; overflow-x: hidden`,f=`
+	.${u} {
+	  ${d};
+	  width: ${s};
+	  height: ${o};
 	}
-	.${s}::-webkit-scrollbar {
+	.${u}::-webkit-scrollbar {
 	  width: 8px;
 	  height: 8px;
 	}
-	.${s}::-webkit-scrollbar-thumb {
+	.${u}::-webkit-scrollbar-thumb {
 	  background-color: rgba(0, 0, 0, 0.2);
 	  border-radius: 4px;
 	}
-	.${s}::-webkit-scrollbar-track {
+	.${u}::-webkit-scrollbar-track {
 	  background: rgba(0, 0, 0, 0.05);
 	}
-	${a}
-	`,f=N(e?.on??{});return j(`ScrollBar`,c.html`
+	${c}
+	`,p=e.createEventBinder(r?.on??{});return e.LycoComponent(`ScrollBar`,t.html`
 			<style>
-				${d}
+				${f}
 			</style>
 			<div
-				${(0,l.ref)(e=>{e?f.bind(e):f.unbindAll()})}
-				class="${s}"
+				${(0,n.ref)(e=>{e?p.bind(e):p.unbindAll()})}
+				class="${u}"
 			>
-				${x(t)}
+				${e.renderFn(i)}
 			</div>
-		`)}function q(e,t){if(t===void 0)return t=>q(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=S(t);let u=N(e?.on??{});return c.html`
+		`)}function E(r,i){if(i===void 0)return e=>E(r,e??[t.html``]);let a=r?.sidebarWidth??`240px`,o=r?.sidebarPosition??`left`,s=r?.gap??`0px`,c=t.html``,l=t.html``;if(typeof i==`function`){var u;let e=(u=i.call)?.call(i,null)??[];c=e[0]??t.html``,l=e[1]??t.html``}else l=e.renderFnOrArray(i);let d=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?u.bind(e):u.unbindAll()})}
+			${(0,n.ref)(e=>{e?d.bind(e):d.unbindAll()})}
 			style="
       display: flex;
-      flex-direction: ${r===`left`?`row`:`row-reverse`};
+      flex-direction: ${o===`left`?`row`:`row-reverse`};
       width: 100%;
       height: 100%;
-      gap: ${i};
+      gap: ${s};
     "
 		>
-			<div style="flex: 0 0 ${n}; overflow: auto;">${a}</div>
-			<div style="flex: 1 1 auto; overflow: auto;">${o}</div>
+			<div style="flex: 0 0 ${a}; overflow: auto;">${c}</div>
+			<div style="flex: 1 1 auto; overflow: auto;">${l}</div>
 		</div>
-	`}function ee(e={},t){if(t===void 0)return t=>ee(e,t??[c.html``]);let n=A(`Swiper`),{gap:r=`8px`,snapType:i=`mandatory`,height:a=`auto`,width:o=`100%`,className:s=O(`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:v=3e3,loop:y=!1,touchEnabled:b=!0,mouseWheel:x=!1,onSlideChange:S,on:C}=e,w=s,T=w+`-container`,E=w+`-slide`,D=w+`-navigation`,k=w+`-pagination`,M;M=t?typeof t==`function`?t():t:[];let P=M.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,S?.(n))}]})(),L=e=>{let t=typeof document<`u`?document.querySelector(`.${T}`):null;if(!t)return;let n=t.querySelectorAll(`.${E}`);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?y?0:F():F()+1;L(e)},z=()=>{let e=F()-1<0?y?P-1:F():F()-1;L(e)},B=()=>{let e=typeof document<`u`?document.querySelector(`.${T}`):null;if(!e)return;let t=e.querySelectorAll(`.${E}`),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(!b)return;let t=e.touches[0],n=e.currentTarget;n.dataset.touchStartX=t.clientX.toString(),n.dataset.touchStartY=t.clientY.toString()},H=e=>{if(!b)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(!b)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=>{x&&(e.preventDefault(),e.deltaY>0?R():z())},G=e=>{if(!_||!e)return;let t,n=()=>{t=setInterval(R,v)},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(`.${T}`):null;if(!e)return;let t=[];e.addEventListener(`scroll`,B),t.push(()=>e.removeEventListener(`scroll`,B)),b&&(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))),x&&(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="${k}">
-			${Array.from({length:P},(e,t)=>c.html`
+	`}function D(r={},i){if(i===void 0)return e=>D(r,e??[t.html``]);let a=e.getComponentCount(`Swiper`),{gap:o=`8px`,snapType:s=`mandatory`,height:c=`auto`,width:l=`100%`,className:u=e.getRandomClassName(`Swiper::swiper`)+`-lyco-now-${a}`,direction:d=`x`,scrollBehavior:f=`smooth`,align:p=`start`,showNavigation:m=!0,navigationPosition:h=`inside`,showPagination:g=!0,paginationType:_=`dots`,autoPlay:v=!1,interval:y=3e3,loop:b=!1,touchEnabled:x=!0,mouseWheel:S=!1,onSlideChange:C,on:w}=r,T=u,E=T+`-container`,O=T+`-slide`,k=T+`-navigation`,A=T+`-pagination`,j;j=i?typeof i==`function`?i():i:[];let M=j.length,[N,P]=(()=>{let e={value:0};return[()=>e.value,t=>{let n=Math.max(0,Math.min(t,M-1));e.value!==n&&(e.value=n,C?.(n))}]})(),F=e=>{let t=typeof document<`u`?document.querySelector(`.${E}`):null;if(!t)return;let n=t.querySelectorAll(`.${O}`);if(e<0||e>=n.length)return;let r=n[e],i=r.getBoundingClientRect(),a=t.getBoundingClientRect(),o;d===`x`?(o=r.offsetLeft-t.offsetLeft,p===`center`?o-=(a.width-i.width)/2:p===`end`&&(o-=a.width-i.width),t.scrollTo({left:o,behavior:f})):(o=r.offsetTop-t.offsetTop,p===`center`?o-=(a.height-i.height)/2:p===`end`&&(o-=a.height-i.height),t.scrollTo({top:o,behavior:f})),P(e)},I=()=>{let e=N()+1>=M?b?0:N():N()+1;F(e)},L=()=>{let e=N()-1<0?b?M-1:N():N()-1;F(e)},R=()=>{let e=typeof document<`u`?document.querySelector(`.${E}`):null;if(!e)return;let t=e.querySelectorAll(`.${O}`),n=0,r=1/0;t.forEach((t,i)=>{let a=t.getBoundingClientRect(),o=e.getBoundingClientRect(),s;if(d===`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)}),P(n)},z=e=>{if(!x)return;let t=e.touches[0],n=e.currentTarget;n.dataset.touchStartX=t.clientX.toString(),n.dataset.touchStartY=t.clientY.toString()},B=e=>{if(!x)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)||d===`x`)&&e.preventDefault()},V=e=>{if(!x)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&&(d===`x`?a>0?L():I():o>0?L():I()),delete t.dataset.touchStartX,delete t.dataset.touchStartY},H=e=>{S&&(e.preventDefault(),e.deltaY>0?I():L())},U=e=>{if(!v||!e)return;let t,n=()=>{t=setInterval(I,y)},r=()=>{clearInterval(t)};return e.addEventListener(`mouseenter`,r),e.addEventListener(`mouseleave`,n),n(),()=>{clearInterval(t),e.removeEventListener(`mouseenter`,r),e.removeEventListener(`mouseleave`,n)}},W=()=>{let e=typeof document<`u`?document.querySelector(`.${E}`):null;if(!e)return;let t=[];e.addEventListener(`scroll`,R),t.push(()=>e.removeEventListener(`scroll`,R)),x&&(e.addEventListener(`touchstart`,z),e.addEventListener(`touchmove`,B,{passive:!1}),e.addEventListener(`touchend`,V),t.push(()=>e.removeEventListener(`touchstart`,z)),t.push(()=>e.removeEventListener(`touchmove`,B)),t.push(()=>e.removeEventListener(`touchend`,V))),S&&(e.addEventListener(`wheel`,H,{passive:!1}),t.push(()=>e.removeEventListener(`wheel`,H)));let n=U(e);return n&&t.push(n),F(0),()=>t.forEach(e=>e())};typeof window<`u`&&typeof document<`u`&&setTimeout(W,0);let G=t.html`
+		<div class="${A}">
+			${Array.from({length:M},(e,n)=>t.html`
 					<button
-						class="${t===F()?`active`:``}"
-						@click=${()=>L(t)}
+						class="${n===N()?`active`:``}"
+						@click=${()=>F(n)}
 					></button>
 				`)}
 		</div>
-	`,J=c.html`
-		<div class="${k} fraction">
-			<span class="current">${F()+1}</span>
+	`,K=t.html`
+		<div class="${A} fraction">
+			<span class="current">${N()+1}</span>
 			<span class="separator">/</span>
-			<span class="total">${P}</span>
+			<span class="total">${M}</span>
 		</div>
-	`,te=c.html`
-		<div class="${k} progressbar">
+	`,ee=t.html`
+		<div class="${A} progressbar">
 			<div
 				class="progress"
-				style="width: ${P>1?F()/(P-1)*100:0}%"
+				style="width: ${M>1?N()/(M-1)*100:0}%"
 			></div>
 		</div>
-	`,ne=c.html`
-		<div class="${D}">
-			<button class="prev" @click=${z}>◀</button>
-			<button class="next" @click=${R}>▶</button>
+	`,q=t.html`
+		<div class="${k}">
+			<button class="prev" @click=${L}>◀</button>
+			<button class="next" @click=${I}>▶</button>
 		</div>
-	`,re=`
-	.${w} {
+	`,J=`
+	.${T} {
 		position: relative;
 		overflow: hidden;
-		width: ${o};
-		height: ${a};
+		width: ${l};
+		height: ${c};
 	}
 
-	.${T} {
+	.${E} {
 		width: 100%;
 		height: 100%;
 		overflow: auto;
-		scroll-snap-type: ${u+` `+i};
+		scroll-snap-type: ${d+` `+s};
 		-webkit-overflow-scrolling: touch;
-		scroll-behavior: ${d};
-		gap: ${r};
+		scroll-behavior: ${f};
+		gap: ${o};
 		display: flex;
-		flex-direction: ${u===`x`?`row`:`column`};
+		flex-direction: ${d===`x`?`row`:`column`};
 	}
 
-	.${E} {
-		scroll-snap-align: ${f};
+	.${O} {
+		scroll-snap-align: ${p};
 		flex-shrink: 0;
 	}
 
-	.${D} {
+	.${k} {
 		position: absolute;
 		top: 50%;
 		left: 0;
@@ -292,10 +289,10 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
 		display: flex;
 		justify-content: space-between;
 		pointer-events: none;
-		padding: ${m===`outside`?`0 1rem`:`0 0.5rem`};
+		padding: ${h===`outside`?`0 1rem`:`0 0.5rem`};
 	}
 
-	.${D} button {
+	.${k} button {
 		width: 2.5rem;
 		height: 2.5rem;
 		border-radius: 50%;
@@ -310,11 +307,11 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
 		transition: background-color 0.3s;
 	}
 
-	.${D} button:hover {
+	.${k} button:hover {
 		background-color: rgba(0, 0, 0, 0.8);
 	}
 
-	.${k} {
+	.${A} {
 		position: absolute;
 		bottom: 1rem;
 		left: 0;
@@ -324,7 +321,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
 		gap: 0.5rem;
 		align-items: center;
 	}
-	.${k} button {
+	.${A} button {
 		width: 0.75rem;
 		height: 0.75rem;
 		border-radius: 50%;
@@ -333,12 +330,12 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
 		cursor: pointer;
 		transition: background-color 0.3s, transform 0.3s;
 	}
-	.${k} button.active {
+	.${A} button.active {
 		background-color: white;
 		transform: scale(1.2);
 	}
 
-	.${k}.fraction {
+	.${A}.fraction {
 		position: absolute;
 		bottom: 1rem;
 		left: 50%;
@@ -350,7 +347,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
 		gap: 0.25rem;
 	}
 
-	.${k}.progressbar {
+	.${A}.progressbar {
 		position: absolute;
 		bottom: 0.5rem;
 		left: 0;
@@ -358,158 +355,158 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
 		height: 0.25rem;
 		background-color: rgba(255, 255, 255, 0.2);
 	}
-	.${k}.progressbar .progress {
+	.${A}.progressbar .progress {
 		height: 100%;
 		background-color: white;
 		transition: width 0.3s;
 	}
-	`,Y=N(C??{});return j(`Swiper`,c.html`
+	`,Y=e.createEventBinder(w??{});return e.LycoComponent(`Swiper`,t.html`
 			<style>
-				${re}
+				${J}
 			</style>
 
 			<div
-				${(0,l.ref)(e=>{e?Y.bind(e):Y.unbindAll()})}
-				class="${w}"
+				${(0,n.ref)(e=>{e?Y.bind(e):Y.unbindAll()})}
+				class="${T}"
 			>
-				<div class="${T}">
-					${M.map((e,t)=>c.html`
-							<div class="${E} --slide-${t}" key=${t}>
+				<div class="${E}">
+					${j.map((e,n)=>t.html`
+							<div class="${O} --slide-${n}" key=${n}>
 								${e}
 							</div>
 						`)}
 				</div>
 
-				${p?ne:null}
-				${h&&g===`dots`?q:null}
-				${h&&g===`fraction`?J:null}
-				${h&&g===`progressbar`?te:null}
+				${m?q:null}
+				${g&&_===`dots`?G:null}
+				${g&&_===`fraction`?K:null}
+				${g&&_===`progressbar`?ee:null}
 			</div>
-		`)}const J={borderRadius:{small:`4px`,medium:`8px`,large:`16px`,full:`9999px`},elevation:{level1:`0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14)`,level2:`0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.12)`,level3:`0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10)`,level4:`0 15px 25px rgba(0,0,0,0.15), 0 5px 10px rgba(0,0,0,0.05)`,level5:`0 20px 40px rgba(0,0,0,0.2)`},animation:{standard:`0.2s cubic-bezier(0.4, 0, 0.2, 1)`,emphasized:`0.3s cubic-bezier(0.4, 0, 0.2, 1)`,decelerated:`0.4s cubic-bezier(0, 0, 0.2, 1)`},colors:{primary:`#6750A4`,onPrimary:`#FFFFFF`,primaryContainer:`#EADDFF`,onPrimaryContainer:`#21005E`,secondary:`#625B71`,onSecondary:`#FFFFFF`,secondaryContainer:`#E8DEF8`,onSecondaryContainer:`#1E192B`,surface:`#FEF7FF`,onSurface:`#1C1B1F`,surfaceVariant:`#E7E0EB`,onSurfaceVariant:`#49454E`,error:`#B00020`}};function te(e){let{checked:t=!1,disabled:n=!1,size:r=`medium`,color:i=J.colors.primary,onChange:a,className:o=``,on:s={}}=e??{},u=A(`SwitchInput`),d=O(`SwitchInput::switch`)+`-lyco-now-${u}`,f={small:{width:32,height:16,thumbSize:12},medium:{width:44,height:24,thumbSize:18},large:{width:56,height:32,thumbSize:24}},{width:p,height:m,thumbSize:h}=f[r],g=`
-    .${d} {
+		`)}const O={borderRadius:{small:`4px`,medium:`8px`,large:`16px`,full:`9999px`},elevation:{level1:`0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14)`,level2:`0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.12)`,level3:`0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10)`,level4:`0 15px 25px rgba(0,0,0,0.15), 0 5px 10px rgba(0,0,0,0.05)`,level5:`0 20px 40px rgba(0,0,0,0.2)`},animation:{standard:`0.2s cubic-bezier(0.4, 0, 0.2, 1)`,emphasized:`0.3s cubic-bezier(0.4, 0, 0.2, 1)`,decelerated:`0.4s cubic-bezier(0, 0, 0.2, 1)`},colors:{primary:`#6750A4`,onPrimary:`#FFFFFF`,primaryContainer:`#EADDFF`,onPrimaryContainer:`#21005E`,secondary:`#625B71`,onSecondary:`#FFFFFF`,secondaryContainer:`#E8DEF8`,onSecondaryContainer:`#1E192B`,surface:`#FEF7FF`,onSurface:`#1C1B1F`,surfaceVariant:`#E7E0EB`,onSurfaceVariant:`#49454E`,error:`#B00020`}};function k(r){let{checked:i=!1,disabled:a=!1,size:o=`medium`,color:s=O.colors.primary,onChange:c,className:l=``,on:u={}}=r??{},d=e.getComponentCount(`SwitchInput`),f=e.getRandomClassName(`SwitchInput::switch`)+`-lyco-now-${d}`,p={small:{width:32,height:16,thumbSize:12},medium:{width:44,height:24,thumbSize:18},large:{width:56,height:32,thumbSize:24}},{width:m,height:h,thumbSize:g}=p[o],_=`
+    .${f} {
       display: inline-block;
       position: relative;
-      width: ${p}px;
-      height: ${m}px;
-      cursor: ${n?`not-allowed`:`pointer`};
+      width: ${m}px;
+      height: ${h}px;
+      cursor: ${a?`not-allowed`:`pointer`};
     }
 
-    .${d} input {
+    .${f} input {
       opacity: 0;
       width: 0;
       height: 0;
     }
 
-    .${d} .slider {
+    .${f} .slider {
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
-      background-color: ${n?J.colors.surfaceVariant:J.colors.onSurfaceVariant};
-      transition: ${J.animation.standard};
-      border-radius: ${m}px;
-      opacity: ${n?.38:.5};
+      background-color: ${a?O.colors.surfaceVariant:O.colors.onSurfaceVariant};
+      transition: ${O.animation.standard};
+      border-radius: ${h}px;
+      opacity: ${a?.38:.5};
     }
 
-    .${d} .slider:before {
+    .${f} .slider:before {
       position: absolute;
       content: "";
-      height: ${h}px;
-      width: ${h}px;
-      left: ${(m-h)/2}px;
-      bottom: ${(m-h)/2}px;
-      background-color: ${J.colors.surface};
-      transition: ${J.animation.emphasized};
+      height: ${g}px;
+      width: ${g}px;
+      left: ${(h-g)/2}px;
+      bottom: ${(h-g)/2}px;
+      background-color: ${O.colors.surface};
+      transition: ${O.animation.emphasized};
       border-radius: 50%;
-      box-shadow: ${J.elevation.level1};
+      box-shadow: ${O.elevation.level1};
     }
 
-    .${d} input:checked + .slider {
-      background-color: ${n?J.colors.surfaceVariant:i};
-      opacity: ${n?.38:1};
+    .${f} input:checked + .slider {
+      background-color: ${a?O.colors.surfaceVariant:s};
+      opacity: ${a?.38:1};
     }
 
-    .${d} input:checked + .slider:before {
-      transform: translateX(${p-m}px);
-      background-color: ${J.colors.onPrimary};
+    .${f} input:checked + .slider:before {
+      transform: translateX(${m-h}px);
+      background-color: ${O.colors.onPrimary};
     }
 
-    .${d}:hover .slider:before {
-      box-shadow: ${n?J.elevation.level1:J.elevation.level2};
+    .${f}:hover .slider:before {
+      box-shadow: ${a?O.elevation.level1:O.elevation.level2};
     }
 
-    .${d}:active .slider:before {
-      box-shadow: ${n?J.elevation.level1:J.elevation.level3};
-      width: ${h*1.2}px;
+    .${f}:active .slider:before {
+      box-shadow: ${a?O.elevation.level1:O.elevation.level3};
+      width: ${g*1.2}px;
     }
-  `,_=N(s);return j(`SwitchInput`,c.html`
+  `,v=e.createEventBinder(u);return e.LycoComponent(`SwitchInput`,t.html`
 			<style>
-				${g}
+				${_}
 			</style>
 			<label
-				class="${d} ${o}"
-				${(0,l.ref)(e=>{e?_.bind(e):_.unbindAll()})}
+				class="${f} ${l}"
+				${(0,n.ref)(e=>{e?v.bind(e):v.unbindAll()})}
 			>
 				<input
 					type="checkbox"
-					?checked=${t}
-					?disabled=${n}
-					@change=${e=>{!n&&a&&a(e.target.checked)}}
+					?checked=${i}
+					?disabled=${a}
+					@change=${e=>{!a&&c&&c(e.target.checked)}}
 				/>
 				<span class="slider"></span>
 			</label>
-		`)}function ne(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};`:``,d=e?.style?e.style:``,f=e?.className?e.className:``,p=N(e?.on??{}),m=e=>c.html`
+		`)}function A(r,i){let a=r?.top?`top: ${r.top};`:``,o=r?.right?`right: ${r.right};`:``,s=r?.bottom?`bottom: ${r.bottom};`:``,c=r?.left?`left: ${r.left};`:``,l=r?.width?`width: ${r.width};`:``,u=r?.height?`height: ${r.height};`:``,d=typeof r?.zIndex==`number`?`z-index: ${r.zIndex};`:``,f=r?.style?r.style:``,p=r?.className?r.className:``,m=e.createEventBinder(r?.on??{}),h=r=>t.html`
 			<div
-				${(0,l.ref)(e=>{e?p.bind(e):p.unbindAll()})}
-				class="${f}"
+				${(0,n.ref)(e=>{e?m.bind(e):m.unbindAll()})}
+				class="${p}"
 				style="
       position: absolute;
-      ${n} ${r} ${i} ${a}
-      ${o} ${s}
-      ${u}
-	  ${d}
+      ${a} ${o} ${s} ${c}
+      ${l} ${u}
+      ${d}
+	  ${f}
     "
 			>
-				${x(e)}
+				${e.renderFn(r)}
 			</div>
-		`;return w(t,m)}function re(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`,h=e?.zIndex??1e3,g=N(e?.on??{}),_=e=>c.html`
+		`;return e.renderFnOrCurry(i,h)}function j(r,i){let a=r?.width??`300px`,o=r?.height??`auto`,s=r?.top??`20%`,c=r?.bottom??`auto`,l=r?.left??`50%`,u=r?.right??`auto`,d=l===`auto`?``:`transform: translateX(-50%);`,f=r?.background??`rgba(255, 255, 255, 0.3)`,p=r?.blur??`10px`,m=r?.borderRadius??`12px`,h=r?.padding??`16px`,g=r?.zIndex??1e3,_=e.createEventBinder(r?.on??{}),v=e=>t.html`
 			<div
-				${(0,l.ref)(e=>{e?g.bind(e):g.unbindAll()})}
+				${(0,n.ref)(e=>{e?_.bind(e):_.unbindAll()})}
 				style="
       position: fixed;
-      top: ${i};
-      bottom: ${a};
-      left: ${o};
-      right: ${s};
-      ${u}
-      width: ${n};
-      height: ${r};
-      background: ${d};
-      backdrop-filter: blur(${f});
-      -webkit-backdrop-filter: blur(${f});
-      border-radius: ${p};
-      padding: ${m};
+      top: ${s};
+      bottom: ${c};
+      left: ${l};
+      right: ${u};
+      ${d}
+      width: ${a};
+      height: ${o};
+      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: ${h};
+      z-index: ${g};
       display: flex;
       flex-direction: column;
     "
 			>
 				${e}
 			</div>
-		`;return T(t,void 0,_)}function Y(e,t){if(t===void 0)return t=>Y(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=N(e.on??{});return c.html`
+		`;return e.renderFnOrArrayOrCurry(i,void 0,v)}function M(r,i){if(i===void 0)return e=>M(r,e??[t.html``]);let a=`${100/r.ratio}%`,o=r.maxWidth?`max-width: ${r.maxWidth};`:``,s=r.background?`background: ${r.background};`:``,c=r.overflow??`hidden`,l=e.createEventBinder(r.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?o.bind(e):o.unbindAll()})}
+			${(0,n.ref)(e=>{e?l.bind(e):l.unbindAll()})}
 			style="
       position: relative;
       width: 100%;
-      ${r}
-      ${i}
-      overflow: ${a};
+      ${o}
+      ${s}
+      overflow: ${c};
     "
 		>
-			<div style="width: 100%; padding-top: ${n};"></div>
+			<div style="width: 100%; padding-top: ${a};"></div>
 			<div
 				style="
         position: absolute;
@@ -519,172 +516,172 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
         height: 100%;
       "
 			>
-				${S(t)}
+				${e.renderFnOrArray(i)}
 			</div>
 		</div>
-	`}function X(e,t){if(t===void 0){let t=t=>X(e,t);return t.html=(t,...n)=>X(e,(0,c.html)(t,...n)),t}let n=A(`AutoFitGrid`),r=O(`AutoFitGrid::auto-fit-grid`)+`-lyco-now-`+n,i=e?.gap??`16px`,a=`
-      .${r} {
+	`}function N(r,i){if(i===void 0){let e=e=>N(r,e);return e.html=(e,...n)=>N(r,(0,t.html)(e,...n)),e}let a=e.getComponentCount(`AutoFitGrid`),o=e.getRandomClassName(`AutoFitGrid::auto-fit-grid`)+`-lyco-now-`+a,s=r?.gap??`16px`,c=`
+      .${o} {
         display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(${e.minItemWidth}, 1fr));
-        gap: ${i};
+        grid-template-columns: repeat(auto-fit, minmax(${r.minItemWidth}, 1fr));
+        gap: ${s};
       }
-    `,o=N(e.on??{});return j(`AutoFitGrid`,c.html`
+    `,l=e.createEventBinder(r.on??{});return e.LycoComponent(`AutoFitGrid`,t.html`
 			<style>
-				${a}
+				${c}
 			</style>
 			<div
-				class="${r}"
-				${(0,l.ref)(e=>{e?o.bind(e):o.unbindAll()})}
+				class="${o}"
+				${(0,n.ref)(e=>{e?l.bind(e):l.unbindAll()})}
 			>
-				${x(t)}
+				${e.renderFn(i)}
 			</div>
-		`)}function ie(e,t){if(t===void 0)return t=>ie(e,t??[c.html``]);let n=e?.size??`32px`,r=e?.overlap??`-8px`,i=N(e?.on??{}),a=(e,t)=>c.html`
+		`)}function P(r,i){if(i===void 0)return e=>P(r,e??[t.html``]);let a=r?.size??`32px`,o=r?.overlap??`-8px`,s=e.createEventBinder(r?.on??{}),c=(e,n)=>t.html`
 		<div
 			style="
-              width: ${n};
-              height: ${n};
+              width: ${a};
+              height: ${a};
               border-radius: 50%;
               overflow: hidden;
               border: 2px solid #fff;
-              margin-left: ${t===0?`0`:r};
+              margin-left: ${n===0?`0`:o};
               box-sizing: content-box;
             "
 		>
 			${e}
 		</div>
-	`;return c.html`
+	`;return t.html`
 		<div
-			${(0,l.ref)(e=>{e?i.bind(e):i.unbindAll()})}
+			${(0,n.ref)(e=>{e?s.bind(e):s.unbindAll()})}
 			style="display: flex; align-items: center;"
 		>
-			${S(t,a)}
+			${e.renderFnOrArray(i,c)}
 		</div>
-	`}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?.position??`top-right`,r=e?.size??`16px`,i=e?.background??`red`,a=e?.color??`#fff`,[o,s,u,d]=[n.includes(`top`)?`0`:`auto`,n.includes(`right`)?`0`:`auto`,n.includes(`bottom`)?`0`:`auto`,n.includes(`left`)?`0`:`auto`],f=N(e?.on??{});return c.html`
+	`}function F(r,i){if(i===void 0){let e=e=>F(r,e??t.html``);return e.html=(e,...n)=>F(r,(0,t.html)(e,...n)),e}let a=r?.position??`top-right`,o=r?.size??`16px`,s=r?.background??`red`,c=r?.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=e.createEventBinder(r?.on??{});return t.html`
 		<div style="position: relative; display: inline-block;">
-			${x(t)}
+			${e.renderFn(i)}
 			<div
-				${(0,l.ref)(e=>{e?f.bind(e):f.unbindAll()})}
+				${(0,n.ref)(e=>{e?p.bind(e):p.unbindAll()})}
 				style="
         position: absolute;
-        top: ${o};
-        right: ${s};
-        bottom: ${u};
-        left: ${d};
-        width: ${r};
-        height: ${r};
-        background: ${i};
-        color: ${a};
-        font-size: calc(${r} * 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(${d===`0`?`-50%`:`0`}, ${o===`0`?`-50%`:`0`});
+        transform: translate(${f===`0`?`-50%`:`0`}, ${l===`0`?`-50%`:`0`});
       "
 			>
-				${e?.content??``}
+				${r?.content??``}
 			</div>
 		</div>
-	`}function ae(e,t){return e?n=>{typeof e==`function`?e(n):e.current=n,typeof t==`function`?t(n):t.current=n}:t}function oe(e,t){if(!t)return t=>oe(e,t??(0,l.createRef)());let n=N(e?.on??{}),r=ae(t,e=>{e?n.bind(e):n.unbindAll()});return c.html`
+	`}function I(e,t){return e?n=>{typeof e==`function`?e(n):e={value:n},typeof t==`function`?t(n):t={value:n}}:t}function L(r,i){if(!i)return e=>L(r,e??(0,n.createRef)());let a=e.createEventBinder(r?.on??{}),o=I(i,e=>{e?a.bind(e):a.unbindAll()});return t.html`
 		<canvas
-			${(0,l.ref)(r)}
-			.class=${e?.className}
-			style=${e?.style??``}
+			${(0,n.ref)(o)}
+			.class=${r?.className}
+			style=${r?.style??``}
 		></canvas>
-	`}function se(e,t){if(t===void 0)return t=>se(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=N(e?.on??{});return c.html`
+	`}function R(r,i){if(i===void 0)return e=>R(r,e??[t.html``]);let a=r?.padding??`16px`,o=r?.borderRadius??`8px`,s=r?.shadow??`0 2px 8px rgba(0,0,0,0.1)`,c=r?.background??`#fff`,l=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?o.bind(e):o.unbindAll()})}
+			${(0,n.ref)(e=>{e?l.bind(e):l.unbindAll()})}
 			style="
-      background: ${a};
-      border-radius: ${r};
-      box-shadow: ${i};
-      padding: ${n};
+      background: ${c};
+      border-radius: ${o};
+      box-shadow: ${s};
+      padding: ${a};
       box-sizing: border-box;
     "
 		>
-			${S(t)}
+			${e.renderFnOrArray(i)}
 		</div>
-	`}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=N(e?.on??{});return c.html`
+	`}function z(r,i){if(i===void 0){let e=e=>z(r,e??t.html``);return e.html=(e,...n)=>z(r,(0,t.html)(e,...n)),e}let a=r?.width?`width: ${r.width};`:``,o=r?.height?`height: ${r.height};`:``,s=r?.background?`background: ${r.background};`:``,c=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?a.bind(e):a.unbindAll()})}
+			${(0,n.ref)(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       display: flex;
       justify-content: center;
       align-items: center;
-      ${n} ${r} ${i}
+      ${a} ${o} ${s}
     "
 		>
-			${x(t)}
+			${e.renderFn(i)}
 		</div>
-	`}function ce(e,t){if(t===void 0)return t=>ce(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=N(e?.on??{});return c.html`
+	`}function B(r,i){if(i===void 0)return e=>B(r,e??[t.html``]);let a=r?.maxWidth??`1024px`,o=r?.padding??`0 16px`,s=r?.background?`background: ${r.background};`:``,c=r?.fullHeight?`height: 100%;`:``,l=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?o.bind(e):o.unbindAll()})}
+			${(0,n.ref)(e=>{e?l.bind(e):l.unbindAll()})}
 			style="
       width: 100%;
-      max-width: ${n};
+      max-width: ${a};
       margin-left: auto;
       margin-right: auto;
-      padding: ${r};
-      ${i}
-      ${a}
+      padding: ${o};
+      ${s}
+      ${c}
       box-sizing: border-box;
     "
 		>
-			${S(t)}
+			${e.renderFnOrArray(i)}
 		</div>
-	`}function le(e){let t=e?.orientation??`horizontal`,n=e?.thickness??`1px`,r=e?.color??`#e0e0e0`,i=e?.margin??(t===`horizontal`?`8px 0`:`0 8px`),a=N(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 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?.columns??4,r=e?.gap??`24px`,i=e?.background??`#f8f8f8`,a=e?.padding??`40px 16px`,o=N(e?.on??{});return c.html`
+	`}function V(r){let i=r?.orientation??`horizontal`,a=r?.thickness??`1px`,o=r?.color??`#e0e0e0`,s=r?.margin??(i===`horizontal`?`8px 0`:`0 8px`),c=e.createEventBinder(r?.on??{}),l=i===`horizontal`?`width: 100%; height: ${a}; background: ${o}; margin: ${s};`:`width: ${a}; height: 100%; background: ${o}; margin: ${s};`;return t.html`<div
+		${(0,n.ref)(e=>{e?c.bind(e):c.unbindAll()})}
+		style="${l}"
+	></div>`}function H(r,i){if(i===void 0){let e=e=>H(r,e??t.html``);return e.html=(e,...n)=>H(r,(0,t.html)(e,...n)),e}let a=r?.columns??4,o=r?.gap??`24px`,s=r?.background??`#f8f8f8`,c=r?.padding??`40px 16px`,l=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?o.bind(e):o.unbindAll()})}
+			${(0,n.ref)(e=>{e?l.bind(e):l.unbindAll()})}
 			style="
       width: 100%;
-      background: ${i};
-      padding: ${a};
+      background: ${s};
+      padding: ${c};
       box-sizing: border-box;
     "
 		>
 			<div
 				style="
         display: grid;
-        grid-template-columns: repeat(${n}, 1fr);
-        gap: ${r};
+        grid-template-columns: repeat(${a}, 1fr);
+        gap: ${o};
       "
 			>
-				${x(t)}
+				${e.renderFn(i)}
 			</div>
 			<div style="text-align: center; margin-top: 24px; color: #666;">
 				© ${new Date().getFullYear()} Your Company. All rights reserved.
 			</div>
 		</div>
-	`}function de(e,t){return t?e.map((e,n)=>t(e,n)):t=>e.map((e,n)=>t(e,n))}function fe(e,t){if(t===void 0){let t=t=>fe(e,t??c.html``);return t.html=(t,...n)=>fe(e,(0,c.html)(t,...n)),t}let n=e.defaultColumns??1,r=e.gap??`16px`,i=A(`GridBreakpoint`),a=e.className??O(`GridBreakpoint::grid-breakpoint`)+`-lyco-now-`+i,o=Object.entries(e.breakpoints).map(([e,t])=>`@media`+e+`{
-`+a+`{ grid-template-columns: repeat(`+t+`, 1fr); }
+	`}function U(e,t){return t?e.map((e,n)=>t(e,n)):t=>e.map((e,n)=>t(e,n))}function W(r,i){if(i===void 0){let e=e=>W(r,e??t.html``);return e.html=(e,...n)=>W(r,(0,t.html)(e,...n)),e}let a=r.defaultColumns??1,o=r.gap??`16px`,s=e.getComponentCount(`GridBreakpoint`),c=r.className??e.getRandomClassName(`GridBreakpoint::grid-breakpoint`)+`-lyco-now-`+s,l=Object.entries(r.breakpoints).map(([e,t])=>`@media`+e+`{
+`+c+`{ grid-template-columns: repeat(`+t+`, 1fr); }
 }`).join(`
-`),s=`
-	.${a} {
+`),u=`
+	.${c} {
 	  display: grid;
-	  grid-template-columns: repeat(${n}, 1fr);
-	  gap: ${r};
+	  grid-template-columns: repeat(${a}, 1fr);
+	  gap: ${o};
 	}
-	${o}`,u=N(e?.on??{});return j(`GridBreakpoint`,c.html`
+	${l}`,d=e.createEventBinder(r?.on??{});return e.LycoComponent(`GridBreakpoint`,t.html`
 			<style>
-				${s}
+				${u}
 			</style>
 			<div
-				${(0,l.ref)(e=>{e?u.bind(e):u.unbindAll()})}
-				class="${a}"
+				${(0,n.ref)(e=>{e?d.bind(e):d.unbindAll()})}
+				class="${c}"
 			>
-				${x(t)}
+				${e.renderFn(i)}
 			</div>
-		`)}function pe(e,t){if(t===void 0)return t=>pe(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=N(e?.on??{});return c.html`
+		`)}function G(r,i){if(i===void 0)return e=>G(r,e??[t.html``]);let a=r?.backgroundImage?`background-image: url('${r.backgroundImage}');`:``,o=r?.height??`400px`,s=r?.overlayColor??`rgba(0, 0, 0, 0.3)`,c=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?a.bind(e):a.unbindAll()})}
+			${(0,n.ref)(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       position: relative;
       width: 100%;
-      height: ${r};
-      ${n}
+      height: ${o};
+      ${a}
       background-size: cover;
       background-position: center;
     "
@@ -693,7 +690,7 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
 				style="
         position: absolute;
         top: 0; left: 0; right: 0; bottom: 0;
-        background: ${i};
+        background: ${s};
       "
 			></div>
 			<div
@@ -712,307 +709,307 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
         box-sizing: border-box;
       "
 			>
-				${S(t)}
+				${e.renderFnOrArray(i)}
 			</div>
 		</div>
-	`}function me(e,t){if(t===void 0){let t=t=>me(e,t??c.html``);return t.html=(t,...n)=>me(e,(0,c.html)(t,...n)),t}let n=e?.breakpoint??`(max-width: 600px)`,r=e?.mode??`hide`,i=A(`Hidden`),a=e?.className??O(`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} {
+	`}function K(r,i){if(i===void 0){let e=e=>K(r,e??t.html``);return e.html=(e,...n)=>K(r,(0,t.html)(e,...n)),e}let a=r?.breakpoint??`(max-width: 600px)`,o=r?.mode??`hide`,s=e.getComponentCount(`Hidden`),c=r?.className??e.getRandomClassName(`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;
 	}
-	${o}`,u=N(e?.on??{});return j(`Hidden`,c.html`
+	${l}`,d=e.createEventBinder(r?.on??{});return e.LycoComponent(`Hidden`,t.html`
 			<style>
-				${s}
+				${u}
 			</style>
 			<div
-				${(0,l.ref)(e=>{e?u.bind(e):u.unbindAll()})}
-				class="${a}"
+				${(0,n.ref)(e=>{e?d.bind(e):d.unbindAll()})}
+				class="${c}"
 			>
-				${x(t)}
+				${e.renderFn(i)}
 			</div>
-		`)}function he(e){return c.html` <li>${S(e)}</li> `}function ge(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=A(`List`),o=e?.className??O(`List::list`)+`-lyco-now-${a}`,s=`
-    ul.${o} {
+		`)}function ee(n){return t.html` <li>${e.renderFnOrArray(n)}</li> `}function q(n,r){let i=n?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,a=n?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,o=n?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,s=e.getComponentCount(`List`),c=n?.className??e.getRandomClassName(`List::list`)+`-lyco-now-${s}`,l=`
+    ul.${c} {
 	    list-style: none;
 	    margin: 0;
 	    padding: 0;
-	    ${n};
+	    ${i};
 	}
-	ul.${o} li {
+	ul.${c} li {
 	    padding: 12px 16px;
-	    ${e?.bordered?`border-bottom: 1px solid #ddd`:``};
+	    ${n?.bordered?`border-bottom: 1px solid #ddd`:``};
 	}
-	ul.${o} li:last-child {
-	    ${e?.bordered?`border-bottom: none`:``};
+	ul.${c} li:last-child {
+	    ${n?.bordered?`border-bottom: none`:``};
 	}
-	${r}
-	${i}
-    `.toString(),l=e=>j(`List`,c.html`
+	${a}
+	${o}
+    `.toString(),u=n=>e.LycoComponent(`List`,t.html`
 				<style>
-					${s}
+					${l}
 				</style>
-				<ul class="${o}">
-					${S(e)}
+				<ul class="${c}">
+					${e.renderFnOrArray(n)}
 				</ul>
-			`);return t===void 0?l:l(t)}function _e(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=A(`ListGroup`),o=e?.className??O(`ListGroup::list-group`)+`-lyco-now-`+a,s=(e,t,n,r)=>n?c.html` <li>${e}</li> `:e,u=`
-	ul.${o} {
+			`);return r===void 0?u:u(r)}function J(r,i){let a=r?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,o=r?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,s=r?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,c=e.getComponentCount(`ListGroup`),l=r?.className??e.getRandomClassName(`ListGroup::list-group`)+`-lyco-now-`+c,u=(e,n,r,i)=>r?t.html` <li>${e}</li> `:e,d=`
+	ul.${l} {
 	  list-style: none;
 	  margin: 0;
 	  padding: 0;
-	  ${n};
+	  ${a};
 	}
-	ul.${o} li {
+	ul.${l} li {
 	  padding: 12px 16px;
-	  ${e?.bordered?`border-bottom: 1px solid #ddd`:``};
+	  ${r?.bordered?`border-bottom: 1px solid #ddd`:``};
 	}
-	ul.${o} li:last-child {
-	  ${e?.bordered?`border-bottom: none`:``};
+	ul.${l} li:last-child {
+	  ${r?.bordered?`border-bottom: none`:``};
 	}
-	${r}
-	${i}
-	`,d=N(e?.on??{}),f=e=>j(`ListGroup`,c.html`
+	${o}
+	${s}
+	`,f=e.createEventBinder(r?.on??{}),p=r=>e.LycoComponent(`ListGroup`,t.html`
 				<style>
-					${u}
+					${d}
 				</style>
 				<ul
-					${(0,l.ref)(e=>{e?d.bind(e):d.unbindAll()})}
-					class="${o}"
+					${(0,n.ref)(e=>{e?f.bind(e):f.unbindAll()})}
+					class="${l}"
 				>
-					${S(e,s)}
+					${e.renderFnOrArray(r,u)}
 				</ul>
-			`);return T(t,f)}function ve(e,t){if(t===void 0)return t=>ve(e,t??[c.html``]);let n=e?.background??`rgba(0, 0, 0, 0.5)`,r=e?.zIndex??1e3,i=e?.fullScreen!==!1,a=N(e?.on??{});return c.html`
+			`);return e.renderFnOrArrayOrCurry(i,p)}function Y(r,i){if(i===void 0)return e=>Y(r,e??[t.html``]);let a=r?.background??`rgba(0, 0, 0, 0.5)`,o=r?.zIndex??1e3,s=r?.fullScreen!==!1,c=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?a.bind(e):a.unbindAll()})}
+			${(0,n.ref)(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
-        position: ${i?`fixed`:`absolute`};
+        position: ${s?`fixed`:`absolute`};
         top: 0; left: 0; right: 0; bottom: 0;
-        background: ${n};
-        z-index: ${r};
+        background: ${a};
+        z-index: ${o};
         display: flex;
         justify-content: center;
         align-items: center;
       "
 		>
-			${S(t)}
+			${e.renderFnOrArray(i)}
 		</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?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=e?.background?`background: ${e.background};`:``,a=N(e?.on??{});return c.html`
+	`}function X(r,i){if(i===void 0){let e=e=>X(r,e??t.html``);return e.html=(e,...n)=>X(r,(0,t.html)(e,...n)),e}let a=r?.width?`width: ${r.width};`:``,o=r?.height?`height: ${r.height};`:``,s=r?.background?`background: ${r.background};`:``,c=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?a.bind(e):a.unbindAll()})}
+			${(0,n.ref)(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       position: relative;
-      ${n} ${r} ${i}
+      ${a} ${o} ${s}
       overflow: hidden;
     "
 		>
-			${x(t)}
+			${e.renderFn(i)}
 		</div>
-	`}function be(e){let t=e?.width?`width: ${e.width};`:``,n=e?.height?`height: ${e.height};`:``,r=N(e?.on??{});return c.html`<div
-		${(0,l.ref)(e=>{e?r.bind(e):r.unbindAll()})}
-		style="${t} ${n}"
-	></div>`}function xe(e){let{type:t=`rect`,width:n=`100%`,height:r=`16px`,borderRadius:i=`4px`,animation:a=!0,animationType:o=`shimmer`,bgColor:s=`#eee`,highlightColor:u=`#ddd`,count:d=1,spacing:f=`8px`,direction:p=`vertical`,delay:m=0,autoHide:h=!1,duration:g=2e3,on:_={}}=e??{},v=A(`SkeletonLoader`),y=O(`SkeletonLoader::skeleton`)+`-lyco-now-`+v,b=N(_),x=t===`circle`?`border-radius:50%;width:${n};height:${n}`:`border-radius:${i};width:${n};height:${r}`,S=``,C=``;a&&(o===`shimmer`?(S=`@keyframes ${y}-shimmer { 0% { background-color: ${s}; } 50% { background-color: ${u}; } 100% { background-color: ${s}; } }`,C=`animation:${y}-shimmer 1.2s infinite ease-in-out;`):(S=`@keyframes ${y}-pulse { 0% { opacity:1; } 50% { opacity:0.4; } 100% { opacity:1; } }`,C=`animation:${y}-pulse 1.2s infinite ease-in-out;`));let w=p===`horizontal`?`display:flex;flex-direction:row;gap:${f}`:`display:flex;flex-direction:column;gap:${f}`,T=[];for(let e=0;e<d;e++)T.push(c.html`
+	`}function te(r){let i=r?.width?`width: ${r.width};`:``,a=r?.height?`height: ${r.height};`:``,o=e.createEventBinder(r?.on??{});return t.html`<div
+		${(0,n.ref)(e=>{e?o.bind(e):o.unbindAll()})}
+		style="${i} ${a}"
+	></div>`}function ne(r){let{type:i=`rect`,width:a=`100%`,height:o=`16px`,borderRadius:s=`4px`,animation:c=!0,animationType:l=`shimmer`,bgColor:u=`#eee`,highlightColor:d=`#ddd`,count:f=1,spacing:p=`8px`,direction:m=`vertical`,delay:h=0,autoHide:g=!1,duration:_=2e3,on:v={}}=r??{},y=e.getComponentCount(`SkeletonLoader`),b=e.getRandomClassName(`SkeletonLoader::skeleton`)+`-lyco-now-`+y,x=e.createEventBinder(v),S=i===`circle`?`border-radius:50%;width:${a};height:${a}`:`border-radius:${s};width:${a};height:${o}`,C=``,w=``;c&&(l===`shimmer`?(C=`@keyframes ${b}-shimmer { 0% { background-color: ${u}; } 50% { background-color: ${d}; } 100% { background-color: ${u}; } }`,w=`animation:${b}-shimmer 1.2s infinite ease-in-out;`):(C=`@keyframes ${b}-pulse { 0% { opacity:1; } 50% { opacity:0.4; } 100% { opacity:1; } }`,w=`animation:${b}-pulse 1.2s infinite ease-in-out;`));let T=m===`horizontal`?`display:flex;flex-direction:row;gap:${p}`:`display:flex;flex-direction:column;gap:${p}`,E=[];for(let e=0;e<f;e++)E.push(t.html`
 			<div
-				class="${y}"
-				style="${x};background-color:${s};${C};opacity:0;transition:opacity 0.3s"
-				${(0,l.ref)(e=>{e&&b.bind(e)})}
+				class="${b}"
+				style="${S};background-color:${u};${w};opacity:0;transition:opacity 0.3s"
+				${(0,n.ref)(e=>{e&&x.bind(e)})}
 			></div>
-		`);function E(e){let t=Array.from(e.querySelectorAll(`.${y}`));setTimeout(()=>{t.forEach(e=>e.style.opacity=`1`),h&&setTimeout(()=>{t.forEach(e=>e.style.opacity=`0`)},g)},m)}return j(`SkeletonLoader`,c.html`
+		`);function D(e){let t=Array.from(e.querySelectorAll(`.${b}`));setTimeout(()=>{t.forEach(e=>e.style.opacity=`1`),g&&setTimeout(()=>{t.forEach(e=>e.style.opacity=`0`)},_)},h)}return e.LycoComponent(`SkeletonLoader`,t.html`
 			<style>
-				${S}
+				${C}
 			</style>
 			<div
-				style="${w}"
-				${(0,l.ref)(e=>e&&E(e))}
+				style="${T}"
+				${(0,n.ref)(e=>e&&D(e))}
 			>
-				${T}
+				${E}
 			</div>
-		`)}function Se(e){let t=N(e?.on??{});return c.html`<div
-		${(0,l.ref)(e=>{e?t.bind(e):t.unbindAll()})}
+		`)}function re(r){let i=e.createEventBinder(r?.on??{});return t.html`<div
+		${(0,n.ref)(e=>{e?i.bind(e):i.unbindAll()})}
 		style="flex: 1 1 auto;"
-	></div>`}function Ce(e,t){if(t===void 0){let t=t=>Ce(e,t??c.html``);return t.html=(t,...n)=>Ce(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=N(e?.on??{});return c.html`
+	></div>`}function Z(r,i){if(i===void 0){let e=e=>Z(r,e??t.html``);return e.html=(e,...n)=>Z(r,(0,t.html)(e,...n)),e}let a=r?.top?`top: ${r.top};`:``,o=r?.bottom?`bottom: ${r.bottom};`:``,s=typeof r?.zIndex==`number`?`z-index: ${r.zIndex};`:``,c=e.createEventBinder(r?.on??{});return t.html`
 		<div
-			${(0,l.ref)(e=>{e?a.bind(e):a.unbindAll()})}
+			${(0,n.ref)(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       position: sticky;
-      ${n} ${r}
-      ${i}
+      ${a} ${o}
+      ${s}
     "
 		>
-			${x(t)}
+			${e.renderFn(i)}
 		</div>
-	`}function we(e,t){if(t===void 0){let t=t=>we(e,t??c.html``);return t.html=(t,...n)=>we(e,(0,c.html)(t,...n)),t}let n=A(`Table`),r=e?.className??O(`Table::table`)+`-lyco-now-${n}`,i=e?.striped?`
-      .${r} tr:nth-child(even) { 
-        background: ${J.colors.surface};
+	`}function Q(r,i){if(i===void 0){let e=e=>Q(r,e??t.html``);return e.html=(e,...n)=>Q(r,(0,t.html)(e,...n)),e}let a=e.getComponentCount(`Table`),o=r?.className??e.getRandomClassName(`Table::table`)+`-lyco-now-${a}`,s=r?.striped?`
+      .${o} tr:nth-child(even) { 
+        background: ${O.colors.surface};
       }
-    `:``,a=e?.hover?`
-      .${r} tr:hover { 
-        background: ${J.colors.primaryContainer};
+    `:``,c=r?.hover?`
+      .${o} tr:hover { 
+        background: ${O.colors.primaryContainer};
         cursor: pointer;
       }
-    `:``,o=e?.bordered?`
-      .${r}, .${r} th, .${r} td { 
-        border: 1px solid ${J.colors.surfaceVariant}; 
+    `:``,l=r?.bordered?`
+      .${o}, .${o} th, .${o} td { 
+        border: 1px solid ${O.colors.surfaceVariant}; 
       }
-    `:``,s=`
-	.${r} table {
+    `:``,u=`
+	.${o} table {
 	  width: 100%;
 	  border-collapse: separate;
 	  border-spacing: 0;
-	  border-radius: ${J.borderRadius.medium};
+	  border-radius: ${O.borderRadius.medium};
 	  overflow: hidden;
-	  box-shadow: ${J.elevation.level1};
+	  box-shadow: ${O.elevation.level1};
 	}
-	.${r} th,
-	.${r} td {
+	.${o} th,
+	.${o} td {
 	  padding: 16px;
 	  text-align: left;
-	  transition: background ${J.animation.standard};
+	  transition: background ${O.animation.standard};
 	}
-	.${r} th {
-	  background: ${J.colors.surfaceVariant};
-	  color: ${J.colors.onSurfaceVariant};
+	.${o} th {
+	  background: ${O.colors.surfaceVariant};
+	  color: ${O.colors.onSurfaceVariant};
 	  font-weight: 500;
 	}
-	.${r} td {
-	  border-bottom: 1px solid ${J.colors.surfaceVariant}; 
+	.${o} td {
+	  border-bottom: 1px solid ${O.colors.surfaceVariant}; 
 	}
-	${i}
-	${a}
-	${o}
-	`,u=N(e?.on??{});return j(`Table`,c.html`
+	${s}
+	${c}
+	${l}
+	`,d=e.createEventBinder(r?.on??{});return e.LycoComponent(`Table`,t.html`
 			<style>
-				${s}
+				${u}
 			</style>
 
 			<div
-				${(0,l.ref)(e=>{e?u.bind(e):u.unbindAll()})}
-				class="${r}"
+				${(0,n.ref)(e=>{e?d.bind(e):d.unbindAll()})}
+				class="${o}"
 			>
 				<table>
-					${x(t)}
+					${e.renderFn(i)}
 				</table>
 			</div>
-		`)}function Te(e,t){let n=e?.direction??`row`,r=N(e?.on??{});return t===void 0?t=>Te(e,t??c.html``):c.html`
+		`)}function ie(r,i){let a=r?.direction??`row`,o=e.createEventBinder(r?.on??{});return i===void 0?e=>ie(r,e??t.html``):t.html`
 		<div
-			${(0,l.ref)(e=>{e?r.bind(e):r.unbindAll()})}
+			${(0,n.ref)(e=>{e?o.bind(e):o.unbindAll()})}
 			style="
       display: flex;
-      flex-direction: ${n};
+      flex-direction: ${a};
       flex-wrap: wrap;
-      ${e?.gap?`gap: ${e.gap};`:``}
-      ${e?.align?`align-items: ${e.align};`:``}
-      ${e?.justify?`justify-content: ${e.justify};`:``}
+      ${r?.gap?`gap: ${r.gap};`:``}
+      ${r?.align?`align-items: ${r.align};`:``}
+      ${r?.justify?`justify-content: ${r.justify};`:``}
     "
 		>
-			${S(t)}
+			${e.renderFnOrArray(i)}
 		</div>
-	`}function Ee(e,t){let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=e?.background?`background: ${e.background};`:``,a=N(e?.on??{});if(t===void 0)return t=>Ee(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 ae(r,i){let a=r?.width?`width: ${r.width};`:``,o=r?.height?`height: ${r.height};`:``,s=r?.background?`background: ${r.background};`:``,c=e.createEventBinder(r?.on??{});if(i===void 0)return e=>ae(r,e??[t.html``]);let l=`flex-start`,u=`flex-start`;switch(r?.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 t.html`
 		<div
-			${(0,l.ref)(e=>{e?a.bind(e):a.unbindAll()})}
+			${(0,n.ref)(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       position: relative;
       display: flex;
-      justify-content: ${o};
-      align-items: ${s};
-      ${n} ${r} ${i}
+      justify-content: ${l};
+      align-items: ${u};
+      ${a} ${o} ${s}
     "
 		>
-			${S(t)}
+			${e.renderFnOrArray(i)}
 		</div>
-	`}function De(e){let{value:t=``,options:n=[],placeholder:r=``,disabled:i=!1,error:a=!1,className:o=``,style:s=``,maxHeight:u=`300px`,onChange:d,onInput:f,onFocus:p,onBlur:m,on:h={},optionRender:g}=e??{},_=A(`Combobox`),v=O(`Combobox::combobox`)+`-lyco-now-${_}`,y=!1,b=null,x=`
-    .${v} {
+	`}function oe(r){let{value:i=``,options:a=[],placeholder:o=``,disabled:s=!1,error:c=!1,className:l=``,style:u=``,maxHeight:d=`300px`,onChange:f,onInput:p,onFocus:m,onBlur:h,on:g={},optionRender:_}=r??{},v=e.getComponentCount(`Combobox`),y=e.getRandomClassName(`Combobox::combobox`)+`-lyco-now-${v}`,b=!1,x=null,S=`
+    .${y} {
       position: relative;
       width: 100%;
     }
 
-    .${v} input {
+    .${y} input {
       width: 100%;
       padding: 12px 16px;
       font-size: 16px;
-      border: 1px solid ${a?J.colors.error:J.colors.surfaceVariant};
-      border-radius: ${J.borderRadius.small};
-      color: ${J.colors.onSurface};
-      transition: all ${J.animation.standard};
+      border: 1px solid ${c?O.colors.error:O.colors.surfaceVariant};
+      border-radius: ${O.borderRadius.small};
+      color: ${O.colors.onSurface};
+      transition: all ${O.animation.standard};
       outline: none;
       box-sizing: border-box;
     }
 
-    .${v} input:focus {
-      border-color: ${J.colors.primary};
-      box-shadow: 0 0 0 2px ${J.colors.primaryContainer};
+    .${y} input:focus {
+      border-color: ${O.colors.primary};
+      box-shadow: 0 0 0 2px ${O.colors.primaryContainer};
     }
 
-    .${v} input:disabled {
-      background: ${J.colors.surfaceVariant};
-      color: ${J.colors.onSurfaceVariant};
+    .${y} input:disabled {
+      background: ${O.colors.surfaceVariant};
+      color: ${O.colors.onSurfaceVariant};
       cursor: not-allowed;
     }
 
-    .${v} .options {
+    .${y} .options {
       position: absolute;
       top: 100%;
       left: 0;
       right: 0;
-      max-height: ${u};
+      max-height: ${d};
       overflow-y: auto;
-      border: 1px solid ${J.colors.surfaceVariant};
-      border-radius: ${J.borderRadius.small};
-      box-shadow: ${J.elevation.level2};
+      border: 1px solid ${O.colors.surfaceVariant};
+      border-radius: ${O.borderRadius.small};
+      box-shadow: ${O.elevation.level2};
       z-index: 1000;
       display: none;
     }
 
-    .${v} .options.open {
+    .${y} .options.open {
       display: block;
     }
 
-    .${v} .option {
+    .${y} .option {
       padding: 12px 16px;
       cursor: pointer;
-      transition: background ${J.animation.standard};
+      transition: background ${O.animation.standard};
     }
 
-    .${v} .option:hover {
-      background: ${J.colors.primaryContainer};
+    .${y} .option:hover {
+      background: ${O.colors.primaryContainer};
     }
 
-    .${v} .option.selected {
-      background: ${J.colors.primaryContainer};
-      color: ${J.colors.onPrimaryContainer};
+    .${y} .option.selected {
+      background: ${O.colors.primaryContainer};
+      color: ${O.colors.onPrimaryContainer};
     }
-  `,S=N(h),C=null,w=()=>{y?C?.classList.remove(`open`):C?.classList.add(`open`),y=!y},T=(e,t)=>{if(b){b.value=e.value;let n=t.currentTarget;Array.from(C?.querySelectorAll(`.selected`)??[]).forEach(e=>e.classList.remove(`selected`)),!n.classList.contains(`selected`)&&n.classList.add(`selected`),d?.(e.value)}w()},E=e=>{let t=e.target;t.closest(`.${v}`)||(y=!1,C?.classList.remove(`open`))};return typeof window<`u`&&document.addEventListener(`click`,E),j(`Combobox`,c.html`
+  `,C=e.createEventBinder(g),w=null,T=()=>{b?w?.classList.remove(`open`):w?.classList.add(`open`),b=!b},E=(e,t)=>{if(x){x.value=e.value;let n=t.currentTarget;Array.from(w?.querySelectorAll(`.selected`)??[]).forEach(e=>e.classList.remove(`selected`)),!n.classList.contains(`selected`)&&n.classList.add(`selected`),f?.(e.value)}T()},D=e=>{let t=e.target;t.closest(`.${y}`)||(b=!1,w?.classList.remove(`open`))};return typeof window<`u`&&document.addEventListener(`click`,D),e.LycoComponent(`Combobox`,t.html`
 			<style>
-				${x}
+				${S}
 			</style>
-			<div class="${v} ${o}" style="${s}">
+			<div class="${y} ${l}" style="${u}">
 				<input
-					${(0,l.ref)(e=>{e?(b=e,S.bind(e)):S.unbindAll()})}
+					${(0,n.ref)(e=>{e?(x=e,C.bind(e)):C.unbindAll()})}
 					type="text"
-					.value=${t}
-					placeholder=${r}
-					?disabled=${i}
-					@focus=${()=>{p?.(),w()}}
-					@input=${e=>{let t=e.target;f?.(t.value)}}
-					@change=${e=>{let t=e.target;d?.(t.value)}}
+					.value=${i}
+					placeholder=${o}
+					?disabled=${s}
+					@focus=${()=>{m?.(),T()}}
+					@input=${e=>{let t=e.target;p?.(t.value)}}
+					@change=${e=>{let t=e.target;f?.(t.value)}}
 				/>
 				<div
-					${(0,l.ref)(e=>{e&&(C=e)})}
+					${(0,n.ref)(e=>{e&&(w=e)})}
 					class="options"
 				>
-					${n.map(e=>c.html`
+					${a.map(e=>t.html`
 							<div
-								class="option ${e.value===(b?.value??t)?`selected`:``}"
-								@click=${t=>T(e,t)}
+								class="option ${e.value===(x?.value??i)?`selected`:``}"
+								@click=${t=>E(e,t)}
 							>
-								${g?g(e):e.label}
+								${_?_(e):e.label}
 							</div>
 						`)}
 				</div>
 			</div>
-		`)}function Oe(e){let t=Math.min(100,Math.max(0,e?.value??0)),n=Math.min(100,Math.max(0,e?.bufferValue??0)),r=e?.color??`#1976d2`,i=e?.secondaryColor??`#90caf9`,a=e?.backgroundColor??`#e0e0e0`,o=e?.height??`4px`,s=e?.radius??`4px`,u=e?.showLabel??!1,d=e?.labelPosition??`inside`,f=e?.labelColor??(t>50?`white`:r),p=e?.labelFontSize??`12px`,m=e?.striped??!1,h=e?.animated??!1,g=e?.paused??!1,_=e?.transitionDuration??`0.3s`,v=e?.className??``,y=e?.style??``,b=N(e?.on??{}),x=m?`background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
+		`)}function se(r){let i=Math.min(100,Math.max(0,r?.value??0)),a=Math.min(100,Math.max(0,r?.bufferValue??0)),o=r?.color??`#1976d2`,s=r?.secondaryColor??`#90caf9`,c=r?.backgroundColor??`#e0e0e0`,l=r?.height??`4px`,u=r?.radius??`4px`,d=r?.showLabel??!1,f=r?.labelPosition??`inside`,p=r?.labelColor??(i>50?`white`:o),m=r?.labelFontSize??`12px`,h=r?.striped??!1,g=r?.animated??!1,_=r?.paused??!1,v=r?.transitionDuration??`0.3s`,y=r?.className??``,b=r?.style??``,x=e.createEventBinder(r?.on??{}),S=h?`background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
       background-size: 1rem 1rem;
       animation: progress-stripes 1s linear infinite;
-      animation-play-state: ${g?`paused`:`running`};`:``;return c.html`
+      animation-play-state: ${_?`paused`:`running`};`:``;return t.html`
 		<style>
-			${c.css`
+			${t.css`
 				@keyframes progress-stripes {
 					from {
 						background-position: 1rem 0;
@@ -1025,170 +1022,170 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
 		</style>
 
 		<div
-			${(0,l.ref)(e=>{e?b.bind(e):b.unbindAll()})}
-			class="lyco-progress ${v}"
+			${(0,n.ref)(e=>{e?x.bind(e):x.unbindAll()})}
+			class="lyco-progress ${y}"
 			role="progressbar"
 			aria-valuemin="0"
 			aria-valuemax="100"
-			aria-valuenow="${t}"
+			aria-valuenow="${i}"
 			style="
         width: 100%;
-        background: ${a};
-        border-radius: ${s};
-        height: ${o};
+        background: ${c};
+        border-radius: ${u};
+        height: ${l};
         position: relative;
         overflow: hidden;
         display: flex;
         align-items: center;
-        ${y}
+        ${b}
       "
 		>
-			${e?.prefixIcon}
+			${r?.prefixIcon}
 			<!-- 缓冲进度 -->
 			<div
 				style="
           position: absolute;
-          width: ${n}%;
+          width: ${a}%;
           height: 100%;
-          background: ${i};
-          transition: width ${_} ease;
+          background: ${s};
+          transition: width ${v} ease;
         "
 			></div>
 			<!-- 主进度 -->
 			<div
 				style="
           position: absolute;
-          width: ${t}%;
+          width: ${i}%;
           height: 100%;
-          background: ${r};
-          border-radius: ${s};
-          transition: width ${_} ease;
-          ${x}
+          background: ${o};
+          border-radius: ${u};
+          transition: width ${v} ease;
+          ${S}
         "
 			></div>
 
 			<!-- 文本标签 -->
-			${u?c.html`
+			${d?t.html`
 						<div
 							style="
-                position: ${d===`inside`?`absolute`:`relative`};
-                ${d===`inside`?`right: 8px; top: 50%; transform: translateY(-50%);`:`margin-left: auto; margin-right: 4px;`}
-                font-size: ${p};
-                color: ${f};
+                position: ${f===`inside`?`absolute`:`relative`};
+                ${f===`inside`?`right: 8px; top: 50%; transform: translateY(-50%);`:`margin-left: auto; margin-right: 4px;`}
+                font-size: ${m};
+                color: ${p};
                 z-index: 1;
               "
 						>
-							${t}%
+							${i}%
 						</div>
 				  `:``}
-			${e?.suffixIcon}
+			${r?.suffixIcon}
 		</div>
-	`}function ke(e){let{size:t=`24px`,color:n=J.colors.primary,thickness:r=`2px`,speed:i=`1.2s`,className:a=``,opacity:o=1,startAngle:s=0,easing:u=`linear`,reverse:d=!1,style:f=``,on:p={},children:m,svgMode:h=!1,strokeLinecap:g=`butt`,strokeDasharray:_=``}=e??{},v=N(p),y=A(`Spinner`),b=c.html`
+	`}function ce(r){let{size:i=`24px`,color:a=O.colors.primary,thickness:o=`2px`,speed:s=`1.2s`,className:c=``,opacity:l=1,startAngle:u=0,easing:d=`linear`,reverse:f=!1,style:p=``,on:m={},children:h,svgMode:g=!1,strokeLinecap:_=`butt`,strokeDasharray:v=``}=r??{},y=e.createEventBinder(m),b=e.getComponentCount(`Spinner`),x=t.html`
 		<div
-			class="${a}"
-			style="display: inline-flex; align-items: center; justify-content: center; width: ${t}; height: ${t}; ${f}"
-			${(0,l.ref)()}
+			class="${c}"
+			style="display: inline-flex; align-items: center; justify-content: center; width: ${i}; height: ${i}; ${p}"
+			${(0,n.ref)()}
 		>
 			<div
 				style="
 					width: 100%;
 					height: 100%;
-					border: ${r} solid ${n};
+					border: ${o} solid ${a};
 					border-right-color: transparent;
 					border-radius: 50%;
 					box-sizing: border-box;
-					opacity: ${o};
-					animation: lyco-spin-${y} ${i} ${u} infinite ${d?`reverse`:`normal`};
+					opacity: ${l};
+					animation: lyco-spin-${b} ${s} ${d} infinite ${f?`reverse`:`normal`};
 				"
 			></div>
 		</div>
 		<style>
-			${c.css`
-				@keyframes lyco-spin-${y} {
+			${t.css`
+				@keyframes lyco-spin-${b} {
 					from {
-						transform: rotate(${s}deg);
+						transform: rotate(${u}deg);
 					}
 					to {
-						transform: rotate(${s+360}deg);
+						transform: rotate(${u+360}deg);
 					}
 				}
 			`.cssText}
 		</style>
-	`,x=c.html`
+	`,S=t.html`
 		<div
-			class="${a}"
-			style="display: inline-flex; align-items: center; justify-content: center; width: ${t}; height: ${t}; ${f}"
-			${(0,l.ref)(e=>{e?v.bind(e):v.unbindAll()})}
+			class="${c}"
+			style="display: inline-flex; align-items: center; justify-content: center; width: ${i}; height: ${i}; ${p}"
+			${(0,n.ref)(e=>{e?y.bind(e):y.unbindAll()})}
 		>
 			<svg
 				width="100%"
 				height="100%"
 				viewBox="0 0 100 100"
-				style="opacity: ${o}; overflow: visible; filter: drop-shadow(${J.elevation.level1});"
+				style="opacity: ${l}; overflow: visible; filter: drop-shadow(${O.elevation.level1});"
 			>
 				<circle
 					cx="50"
 					cy="50"
 					r="45"
 					fill="none"
-					stroke="${n}"
+					stroke="${a}"
 					style="
-					stroke-width: ${r};
-					stroke-linecap: ${g};
-					stroke-dasharray: ${_};
+					stroke-width: ${o};
+					stroke-linecap: ${_};
+					stroke-dasharray: ${v};
 					transform-origin: 50% 50%;
-					animation: lyco-svg-spin-${y} ${i} ${u} infinite ${d?`reverse`:`normal`};
+					animation: lyco-svg-spin-${b} ${s} ${d} infinite ${f?`reverse`:`normal`};
 				"
 				></circle>
 			</svg>
 		</div>
 		<style>
-			${c.css`
-				@keyframes lyco-svg-spin-${y} {
+			${t.css`
+				@keyframes lyco-svg-spin-${b} {
 					from {
-						transform: rotate(${s}deg);
+						transform: rotate(${u}deg);
 					}
 					to {
-						transform: rotate(${s+360}deg);
+						transform: rotate(${u+360}deg);
 					}
 				}
 			`.cssText}
 		</style>
-	`;return j(`Spinner`,h?x:b)}let $=function(e){return e.Top=`top`,e.Bottom=`bottom`,e.Left=`left`,e.Right=`right`,e}({});function Ae(e,t){let{content:n,placement:r=$.Top,delay:i={show:200,hide:100},offset:a=8,hideOnClick:o=!1,interactive:s=!1,maxWidth:u=`200px`,theme:d=`dark`,className:f=``,style:p=``,zIndex:m=1e3,on:h={},onShow:g,onHide:_}=e,v=N(h),y,b;function S(e){clearTimeout(b),y=window.setTimeout(()=>{T.style.visibility=`visible`,T.style.opacity=`1`,g?.()},i.show)}function C(){clearTimeout(y),b=window.setTimeout(()=>{T.style.visibility=`hidden`,T.style.opacity=`0`,_?.()},i.hide)}let T,E=e=>c.html`
+	`;return e.LycoComponent(`Spinner`,g?S:x)}let $=function(e){return e.Top=`top`,e.Bottom=`bottom`,e.Left=`left`,e.Right=`right`,e}({});function le(r,i){let{content:a,placement:o=$.Top,delay:s={show:200,hide:100},offset:c=8,hideOnClick:l=!1,interactive:u=!1,maxWidth:d=`200px`,theme:f=`dark`,className:p=``,style:m=``,zIndex:h=1e3,on:g={},onShow:_,onHide:v}=r,y=e.createEventBinder(g),b,x;function S(e){clearTimeout(x),b=window.setTimeout(()=>{w.style.visibility=`visible`,w.style.opacity=`1`,_?.()},s.show)}function C(){clearTimeout(b),x=window.setTimeout(()=>{w.style.visibility=`hidden`,w.style.opacity=`0`,v?.()},s.hide)}let w,T=r=>t.html`
 			<div
-				${(0,l.ref)(e=>{e?(v.bind(e),T=e.querySelector(`.lyco-tooltip-content`),e.addEventListener(`mouseenter`,()=>S(e)),e.addEventListener(`mouseleave`,()=>C()),o&&e.addEventListener(`click`,()=>C())):v.unbindAll()})}
-				class="lyco-tooltip lyco-tooltip--${d} ${f}"
-				style="position: relative; display: inline-block; ${p}"
+				${(0,n.ref)(e=>{e?(y.bind(e),w=e.querySelector(`.lyco-tooltip-content`),e.addEventListener(`mouseenter`,()=>S(e)),e.addEventListener(`mouseleave`,()=>C()),l&&e.addEventListener(`click`,()=>C())):y.unbindAll()})}
+				class="lyco-tooltip lyco-tooltip--${f} ${p}"
+				style="position: relative; display: inline-block; ${m}"
 			>
-				${x(e)}
+				${e.renderFn(r)}
 				<div
 					class="lyco-tooltip-content"
 					style="
             position: absolute;
-            max-width: ${u};
-            ${r===$.Top?`bottom: 100%; left: 50%; transform: translateX(-50%)`:``}
-            ${r===$.Bottom?`top: 100%; left: 50%; transform: translateX(-50%)`:``}
-            ${r===$.Left?`right: 100%; top: 50%; transform: translateY(-50%)`:``}
-            ${r===$.Right?`left: 100%; top: 50%; transform: translateY(-50%)`:``}
+            max-width: ${d};
+            ${o===$.Top?`bottom: 100%; left: 50%; transform: translateX(-50%)`:``}
+            ${o===$.Bottom?`top: 100%; left: 50%; transform: translateX(-50%)`:``}
+            ${o===$.Left?`right: 100%; top: 50%; transform: translateY(-50%)`:``}
+            ${o===$.Right?`left: 100%; top: 50%; transform: translateY(-50%)`:``}
             padding: 4px 8px;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
-            background: ${d===`light`?`white; color: black`:`rgba(0,0,0,0.8); color: white`};
+            background: ${f===`light`?`white; color: black`:`rgba(0,0,0,0.8); color: white`};
             border-radius: 4px;
             font-size: 12px;
             white-space: normal;
-            width: ${r===$.Left||r===$.Right?u:`auto`};
+            width: ${o===$.Left||o===$.Right?d:`auto`};
             visibility: hidden;
             opacity: 0;
-            transition: opacity ${i.show}ms;
-            z-index: ${m};
-            margin: ${typeof a==`number`?r===$.Top||r===$.Bottom?`${a}px 0`:`0 ${a}px`:`${a.y}px ${a.x}px`};
-            ${s?`pointer-events: auto`:`pointer-events: none`};
+            transition: opacity ${s.show}ms;
+            z-index: ${h};
+            margin: ${typeof c==`number`?o===$.Top||o===$.Bottom?`${c}px 0`:`0 ${c}px`:`${c.y}px ${c.x}px`};
+            ${u?`pointer-events: auto`:`pointer-events: none`};
           "
 				>
-					${n}
+					${a}
 				</div>
 			</div>
-		`;return w(t,E)}let je=function(e){return e.Center=`center`,e.Left=`left`,e.Right=`right`,e.Top=`top`,e.Bottom=`bottom`,e.TopStart=`top-start`,e.TopEnd=`top-end`,e.BottomStart=`bottom-start`,e.BottomEnd=`bottom-end`,e.LeftStart=`left-start`,e.LeftEnd=`left-end`,e.RightStart=`right-start`,e.RightEnd=`right-end`,e}({});const Me=typeof window>`u`,Ne=!Me&&`HTMLDialogElement`in window,Pe=e=>`
+		`;return e.renderFnOrCurry(i,T)}let ue=function(e){return e.Center=`center`,e.Left=`left`,e.Right=`right`,e.Top=`top`,e.Bottom=`bottom`,e.TopStart=`top-start`,e.TopEnd=`top-end`,e.BottomStart=`bottom-start`,e.BottomEnd=`bottom-end`,e.LeftStart=`left-start`,e.LeftEnd=`left-end`,e.RightStart=`right-start`,e.RightEnd=`right-end`,e}({});const de=typeof window>`u`,fe=!de&&`HTMLDialogElement`in window,pe=e=>`
   position: fixed;
   top: 0;
   left: 0;
@@ -1199,78 +1196,78 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
   justify-content: center;
   z-index: 1000;
   background: rgba(0,0,0,0.3);
-`;var Fe=class{constructor(e,t){this.isOpen=!1,this.returnValue=``,this.element=e,this.contentElement=t}show(){this.element.style.display=`flex`,this.isOpen=!0}showModal(){this.show()}close(){this.element.style.display=`none`,this.isOpen=!1,this.element.dispatchEvent(new Event(`close`))}get open(){return this.isOpen}getBoundingClientRect(){return this.contentElement.getBoundingClientRect()}get style(){return this.contentElement.style}};function Ie(e,t){let n=e?.open??!1,r=e?.onClose,i=e?.className??``,a=e?.style??``,o=N(e?.on?e?.on:{}),s=e?.movable??!1,u=e?.placement??je.Center,d=e?.proxyRef??{value:null},f=null,p=!1,m={x:0,y:0},h=null,g=e?.mask??!0,_=A(`Dialog`),v=O(`Dialog::dialog`)+`-lyco-now-`+_;function y(e){return s?s===`self`?e:s&&`value`in s?s.value:null:null}function b(){if(typeof window>`u`)return``;let e=300,t=150,n=(window.innerWidth-e)/2,r=(window.innerHeight-t)/2;return`left: ${n}px; top: ${r}px;`}function x(){switch(u){case`left`:return`left: 32px; top: 50%;`;case`right`:return`right: 32px; top: 50%;`;case`top`:return`top: 32px; left: 50%;`;case`bottom`:return`bottom: 32px; left: 50%;`;case`top-start`:return`top: 32px; left: 32px;`;case`top-end`:return`top: 32px; right: 32px;`;case`bottom-start`:return`bottom: 32px; left: 32px;`;case`bottom-end`:return`bottom: 32px; right: 32px;`;case`left-start`:return`left: 32px; top: 32px;`;case`left-end`:return`left: 32px; bottom: 32px;`;case`right-start`:return`right: 32px; top: 32px;`;case`right-end`:return`right: 32px; bottom: 32px;`;default:return b()}}function C(){switch(u){case`top-start`:case`top-end`:case`bottom-start`:case`bottom-end`:case`left-start`:case`left-end`:case`right-start`:case`right-end`:return{txp:0,typ:0};case`left`:return{txp:0,typ:-50};case`right`:return{txp:0,typ:-50};case`top`:return{txp:-50,typ:0};case`bottom`:return{txp:-50,typ:0};default:return{txp:-50,typ:-50}}}function w(e,t){if(e.button!==0||(h=y(t),!h||!h.contains(e.target)))return;f=t,f.style.transform=`none`,e.preventDefault(),h.style.cursor=`grabbing`;let n=t.getBoundingClientRect(),{txp:r,typ:i}=C();m={x:e.clientX-(n.left+r/100*n.width),y:e.clientY-(n.top+i/100*n.height)},p=!0,document.addEventListener(`mousemove`,E),document.addEventListener(`mouseup`,D)}function E(e){if(!p||!h||!f)return;let t=f.getBoundingClientRect(),{txp:n,typ:r}=C(),i=e.clientX-m.x-n/100*t.width,a=e.clientY-m.y-r/100*t.height;f.style.left=`${i}px`,f.style.top=`${a}px`}function D(){p=!1,h=null,f=null,document.removeEventListener(`mousemove`,E),document.removeEventListener(`mouseup`,D)}function k(){let e=g?`rgba(0,0,0,0.5)`:`transparent`;return`
-      ${v}::-webkit-backdrop,
-      ${v}::backdrop {
+`;var me=class{constructor(e,t){this.isOpen=!1,this.returnValue=``,this.element=e,this.contentElement=t}show(){this.element.style.display=`flex`,this.isOpen=!0}showModal(){this.show()}close(){this.element.style.display=`none`,this.isOpen=!1,this.element.dispatchEvent(new Event(`close`))}get open(){return this.isOpen}getBoundingClientRect(){return this.contentElement.getBoundingClientRect()}get style(){return this.contentElement.style}};function he(r,i){let a=r?.open??!1,o=r?.onClose,s=r?.className??``,c=r?.style??``,l=e.createEventBinder(r?.on?r?.on:{}),u=r?.movable??!1,d=r?.placement??ue.Center,f=r?.proxyRef??{value:null},p=null,m=!1,h={x:0,y:0},g=null,_=r?.mask??!0,v=e.getComponentCount(`Dialog`),y=e.getRandomClassName(`Dialog::dialog`)+`-lyco-now-`+v;function b(e){return u?u===`self`?e:u&&`value`in u?u.value:null:null}function x(){if(typeof window>`u`)return``;let e=300,t=150,n=(window.innerWidth-e)/2,r=(window.innerHeight-t)/2;return`left: ${n}px; top: ${r}px;`}function S(){switch(d){case`left`:return`left: 32px; top: 50%;`;case`right`:return`right: 32px; top: 50%;`;case`top`:return`top: 32px; left: 50%;`;case`bottom`:return`bottom: 32px; left: 50%;`;case`top-start`:return`top: 32px; left: 32px;`;case`top-end`:return`top: 32px; right: 32px;`;case`bottom-start`:return`bottom: 32px; left: 32px;`;case`bottom-end`:return`bottom: 32px; right: 32px;`;case`left-start`:return`left: 32px; top: 32px;`;case`left-end`:return`left: 32px; bottom: 32px;`;case`right-start`:return`right: 32px; top: 32px;`;case`right-end`:return`right: 32px; bottom: 32px;`;default:return x()}}function C(){switch(d){case`top-start`:case`top-end`:case`bottom-start`:case`bottom-end`:case`left-start`:case`left-end`:case`right-start`:case`right-end`:return{txp:0,typ:0};case`left`:return{txp:0,typ:-50};case`right`:return{txp:0,typ:-50};case`top`:return{txp:-50,typ:0};case`bottom`:return{txp:-50,typ:0};default:return{txp:-50,typ:-50}}}function w(e,t){if(e.button!==0||(g=b(t),!g||!g.contains(e.target)))return;p=t,p.style.transform=`none`,e.preventDefault(),g.style.cursor=`grabbing`;let n=t.getBoundingClientRect(),{txp:r,typ:i}=C();h={x:e.clientX-(n.left+r/100*n.width),y:e.clientY-(n.top+i/100*n.height)},m=!0,document.addEventListener(`mousemove`,T),document.addEventListener(`mouseup`,E)}function T(e){if(!m||!g||!p)return;let t=p.getBoundingClientRect(),{txp:n,typ:r}=C(),i=e.clientX-h.x-n/100*t.width,a=e.clientY-h.y-r/100*t.height;p.style.left=`${i}px`,p.style.top=`${a}px`}function E(){m=!1,g=null,p=null,document.removeEventListener(`mousemove`,T),document.removeEventListener(`mouseup`,E)}function D(){let e=_?`rgba(0,0,0,0.5)`:`transparent`;return`
+      ${y}::-webkit-backdrop,
+      ${y}::backdrop {
         background: ${e};
-        transition: opacity ${J.animation.standard};
+        transition: opacity ${O.animation.standard};
       }
-    `}function M(e){let t=null,u=null;return j(`Dialog`,c.html`
+    `}function k(r){let i=null,d=null;return e.LycoComponent(`Dialog`,t.html`
 				<div
-					${(0,l.ref)(e=>{if(e){if(t=e,u){let e=new Fe(t,u);d.value=e,o.bind(t),n?e.showModal():e.close()}}else o.unbindAll()})}
-					@click=${e=>{e.target===e.currentTarget&&r?.()}}
-					style=${Pe(n)}
+					${(0,n.ref)(e=>{if(e){if(i=e,d){let e=new me(i,d);f.value=e,l.bind(i),a?e.showModal():e.close()}}else l.unbindAll()})}
+					@click=${e=>{e.target===e.currentTarget&&o?.()}}
+					style=${pe(a)}
 				>
 					<div
-						${(0,l.ref)(e=>{if(e&&(u=e,t)){let e=new Fe(t,u);d.value=e}})}
-						class="${v} ${i}"
+						${(0,n.ref)(e=>{if(e&&(d=e,i)){let e=new me(i,d);f.value=e}})}
+						class="${y} ${s}"
 						style="
               padding: 0;
               border: none;
-              background: ${J.colors.surface};
-              border-radius: ${J.borderRadius.large};
+              background: ${O.colors.surface};
+              border-radius: ${O.borderRadius.large};
               min-width: 300px;
-              ${x()}
-              ${typeof s==`boolean`?``:`cursor: default;`}
-              ${a}
+              ${S()}
+              ${typeof u==`boolean`?``:`cursor: default;`}
+              ${c}
             "
 					>
-						${S(e)}
+						${e.renderFnOrArray(r)}
 					</div>
 				</div>
-			`)}function P(e){return Me||!Ne?M(e):j(`Dialog`,c.html`
+			`)}function A(r){return de||!fe?k(r):e.LycoComponent(`Dialog`,t.html`
 				<dialog
-					${(0,l.ref)(e=>{if(e){d.value=e;let t=e;o.bind(t),requestAnimationFrame(()=>{try{n?t.showModal():t.close()}catch(e){console.warn(`Dialog operation failed:`,e)}})}else o.unbindAll()})}
-					@close=${r}
+					${(0,n.ref)(e=>{if(e){f.value=e;let t=e;l.bind(t),requestAnimationFrame(()=>{try{a?t.showModal():t.close()}catch(e){console.warn(`Dialog operation failed:`,e)}})}else l.unbindAll()})}
+					@close=${o}
 					@mousedown=${e=>w(e,e.currentTarget)}
 					style="
           padding: 0;
           border: none;
-          background: ${J.colors.surface};
-          border-radius: ${J.borderRadius.large};
+          background: ${O.colors.surface};
+          border-radius: ${O.borderRadius.large};
           min-width: 300px;
           margin: 0;
           position: fixed;
-          box-shadow: ${J.elevation.level3};
-          transition: transform ${J.animation.emphasized};
-          ${x()}
-          ${typeof s==`boolean`?``:`cursor: default;`}
-          ${a}
+          box-shadow: ${O.elevation.level3};
+          transition: transform ${O.animation.emphasized};
+          ${S()}
+          ${typeof u==`boolean`?``:`cursor: default;`}
+          ${c}
         "
 				>
-					${S(e)}
+					${e.renderFnOrArray(r)}
 				</dialog>
 				<style>
-					${k()}
+					${D()}
 				</style>
-			`)}return T(t,P)}function Le(e,t){let n=e?.className??``,r=e?.style??``,i=N(e?.on??{}),a=e=>c.html`
+			`)}return e.renderFnOrArrayOrCurry(i,A)}function ge(r,i){let a=r?.className??``,o=r?.style??``,s=e.createEventBinder(r?.on??{}),c=r=>t.html`
 			<div
-				${(0,l.ref)(e=>{e?i.bind(e):i.unbindAll()})}
-				class="lyco-dialog-actions ${n}"
+				${(0,n.ref)(e=>{e?s.bind(e):s.unbindAll()})}
+				class="lyco-dialog-actions ${a}"
 				style="
           display: flex;
           align-items: center;
           justify-content: flex-end;
           padding: 8px 24px;
-          ${r}
+          ${o}
         "
 			>
-				${S(e)}
+				${e.renderFnOrArray(r)}
 			</div>
-		`;return T(t,a)}function Re(e,t){let n=e?.variant??`text`,r=e?.color??`default`,i=e?.className??``,a=e?.style??``,o=N({click:e?.onClick?t=>{var n;t.preventDefault(),(n=e.onClick)?.call(e,t)}:void 0,...e?.on}),s=e=>c.html`
+		`;return e.renderFnOrArrayOrCurry(i,c)}function _e(r,i){let a=r?.variant??`text`,o=r?.color??`default`,s=r?.className??``,c=r?.style??``,l=e.createEventBinder({click:r?.onClick?e=>{var t;e.preventDefault(),(t=r.onClick)?.call(r,e)}:void 0,...r?.on}),u=r=>t.html`
 			<button
-				${(0,l.ref)(e=>{e?o.bind(e):o.unbindAll()})}
-				class="lyco-dialog-button ${n} ${r} ${i}"
+				${(0,n.ref)(e=>{e?l.bind(e):l.unbindAll()})}
+				class="lyco-dialog-button ${a} ${o} ${s}"
 				style="
           padding: 6px 16px;
           font-size: 14px;
@@ -1279,40 +1276,40 @@ var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=
           border: none;
           outline: none;
           margin: 0 4px;
-          ${n===`contained`?`background: #1976d2; color: white;`:`background: transparent;`}
-          ${a}
+          ${a===`contained`?`background: #1976d2; color: white;`:`background: transparent;`}
+          ${c}
         "
 			>
-				${x(e)}
+				${e.renderFn(r)}
 			</button>
-		`;return w(t,s)}function ze(e,t){let n=e?.className??``,r=e?.style??``,i=N(e?.on??{}),a=e=>c.html`
+		`;return e.renderFnOrCurry(i,u)}function ve(n,r){let i=n?.className??``,a=n?.style??``,o=e.createEventBinder(n?.on??{}),s=n=>t.html`
 			<div
-				class="lyco-dialog-content ${n}"
+				class="lyco-dialog-content ${i}"
 				style="
           background: white;
           border-radius: 4px;
           padding: 20px;
           min-width: 300px;
           position: relative;
-          ${r}
+          ${a}
         "
 			>
-				${S(e)}
+				${e.renderFnOrArray(n)}
 			</div>
-		`;return T(t,a)}function Be(e,t){let n=e?.className??``,r=e?.style??``,i=N(e?.on??{}),a=e?.proxyRef??{value:null},o=e=>c.html`
+		`;return e.renderFnOrArrayOrCurry(r,s)}function ye(r,i){let a=r?.className??``,o=r?.style??``,s=e.createEventBinder(r?.on??{}),c=r?.proxyRef??{value:null},l=r=>t.html`
 			<div
-				${(0,l.ref)(e=>{e?(a.value=e,i.bind(e)):i.unbindAll()})}
-				class="lyco-dialog-title ${n}"
+				${(0,n.ref)(e=>{e?(c.value=e,s.bind(e)):s.unbindAll()})}
+				class="lyco-dialog-title ${a}"
 				style="
           padding: 16px 24px;
           font-size: 20px;
           font-weight: 500;
           line-height: 1.6;
           letter-spacing: 0.0075em;
-          ${r}
+          ${o}
         "
 			>
-				${x(e)}
+				${e.renderFn(r)}
 			</div>
-		`;return w(t,o)}exports.AbsoluteBox=ne,exports.AcrylicBar=re,exports.AspectRatio=Y,exports.AutoFitGrid=X,exports.AvatarStack=ie,exports.Badge=Z,exports.Canvas=oe,exports.Card=se,exports.Center=Q,exports.Column=F,exports.ColumnSplit=W,exports.Combobox=De,exports.Container=ce,exports.Dialog=Ie,exports.DialogActions=Le,exports.DialogButton=Re,exports.DialogContent=ze,exports.DialogPlacement=je,exports.DialogTitle=Be,exports.Divider=le,exports.Flex=I,exports.FlowItem=L,exports.FooterLayout=ue,exports.ForEach=de,exports.Grid=R,exports.GridBreakpoint=fe,exports.GridCol=z,exports.GridItem=B,exports.GridRow=V,exports.HeroSection=pe,exports.Hidden=me,exports.LightboxContainer=P,exports.List=ge,exports.ListGroup=_e,exports.ListItem=he,exports.Overlay=ve,exports.PositionContainer=ye,exports.Progress=Oe,exports.Row=H,exports.RowSplit=G,exports.ScrollBar=K,exports.SideBarContainer=q,exports.SizedBox=be,exports.SkeletonLoader=xe,exports.Spacer=Se,exports.Spinner=ke,exports.Sticky=Ce,exports.Swiper=ee,exports.SwitchInput=te,exports.Table=we,exports.Virtualizer=y,exports.VirtualizerController=h,exports.WaterFlow=U,exports.WithTooltip=Ae,exports.Wrap=Te,exports.ZStack=Ee;
+		`;return e.renderFnOrCurry(i,l)}function be(t){return e.renderFnOrArray(t)}exports.$Html=be,exports.AbsoluteBox=A,exports.AcrylicBar=j,exports.AspectRatio=M,exports.AutoFitGrid=N,exports.AvatarStack=P,exports.Badge=F,exports.Canvas=L,exports.Card=R,exports.Center=z,exports.Column=m,exports.ColumnSplit=C,exports.Combobox=oe,exports.Container=B,exports.Dialog=he,exports.DialogActions=ge,exports.DialogButton=_e,exports.DialogContent=ve,exports.DialogPlacement=ue,exports.DialogTitle=ye,exports.Divider=V,exports.Flex=h,exports.FlowItem=g,exports.FooterLayout=H,exports.ForEach=U,exports.Grid=_,exports.GridBreakpoint=W,exports.GridCol=v,exports.GridItem=y,exports.GridRow=b,exports.HeroSection=G,exports.Hidden=K,exports.LightboxContainer=p,exports.List=q,exports.ListGroup=J,exports.ListItem=ee,exports.Overlay=Y,exports.PositionContainer=X,exports.Progress=se,exports.Row=x,exports.RowSplit=w,exports.ScrollBar=T,exports.SideBarContainer=E,exports.SizedBox=te,exports.SkeletonLoader=ne,exports.Spacer=re,exports.Spinner=ce,exports.Sticky=Z,exports.Swiper=D,exports.SwitchInput=k,exports.Table=Q,exports.Virtualizer=f,exports.VirtualizerController=c,exports.WaterFlow=S,exports.WithTooltip=le,exports.Wrap=ie,exports.ZStack=ae;
 //# sourceMappingURL=index.cjs.js.map