snice 5.2.0 → 5.2.1

package/dist/cdn/list/snice-list.min.js

@@ -1,10 +1,10 @@
 /*!
- * snice v5.2.0
+ * snice v5.2.1
  * A decorator-driven web component library with differential rendering, routing, controllers, and 130+ ready-made UI components. Use as much or as little as you want. Zero dependencies, works anywhere.
  * (c) 2024
  * Released under the MIT License.
  */
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-list.min.js"),function(e){"use strict";function t(e,t,i,s,a,n){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,o=s.kind,c="getter"===o?"get":"setter"===o?"set":"value",d=!t&&e?s.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,s.name):{}),m=!1,p=i.length-1;p>=0;p--){var u={};for(var g in s)u[g]="access"===g?{}:s[g];for(var g in s.access)u.access[g]=s.access[g];u.addInitializer=function(e){if(m)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(e||null))};var f=(0,i[p])("accessor"===o?{get:h.get,set:h.set}:h[c],u);if("accessor"===o){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(l=r(f.get))&&(h.get=l),(l=r(f.set))&&(h.set=l),(l=r(f.init))&&a.unshift(l)}else(l=r(f))&&("field"===o?a.unshift(l):h[c]=l)}d&&Object.defineProperty(d,s.name,h),m=!0}function i(e,t,i){for(var s=arguments.length>2,a=0;a<t.length;a++)i=s?t[a].call(e,i):t[a].call(e);return s?i:void 0}"function"==typeof SuppressedError&&SuppressedError;(()=>{let s,a,n,r,l,o,c,d,h,m,p=[e.element("snice-skeleton")],u=[],g=HTMLElement,f=[],v=[],y=[],b=[],k=[],x=[],w=[],_=[],z=[],$=[],S=[],j=[],T=[];(class extends g{static{a=this}static{const E="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;n=[e.property({})],r=[e.property({})],l=[e.property({})],o=[e.property({})],c=[e.property({type:Number})],d=[e.property({})],h=[e.render()],m=[e.styles()],t(this,null,h,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:E},null,f),t(this,null,m,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:E},null,f),t(null,null,n,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:E},v,y),t(null,null,r,{kind:"field",name:"width",static:!1,private:!1,access:{has:e=>"width"in e,get:e=>e.width,set:(e,t)=>{e.width=t}},metadata:E},b,k),t(null,null,l,{kind:"field",name:"height",static:!1,private:!1,access:{has:e=>"height"in e,get:e=>e.height,set:(e,t)=>{e.height=t}},metadata:E},x,w),t(null,null,o,{kind:"field",name:"animation",static:!1,private:!1,access:{has:e=>"animation"in e,get:e=>e.animation,set:(e,t)=>{e.animation=t}},metadata:E},_,z),t(null,null,c,{kind:"field",name:"count",static:!1,private:!1,access:{has:e=>"count"in e,get:e=>e.count,set:(e,t)=>{e.count=t}},metadata:E},$,S),t(null,null,d,{kind:"field",name:"spacing",static:!1,private:!1,access:{has:e=>"spacing"in e,get:e=>e.spacing,set:(e,t)=>{e.spacing=t}},metadata:E},j,T),t(null,s={value:a},p,{kind:"class",name:a.name,metadata:E},null,u),a=s.value,E&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:E}),i(a,u)}render(){const t=Array(this.count).fill(0),i=`skeleton skeleton--${this.variant} skeleton--${this.animation}`,s=this.getInlineStyles();return e.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-list.min.js"),function(e){"use strict";function t(e,t,i,s,a,n){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,o=s.kind,c="getter"===o?"get":"setter"===o?"set":"value",d=!t&&e?s.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,s.name):{}),m=!1,p=i.length-1;p>=0;p--){var u={};for(var g in s)u[g]="access"===g?{}:s[g];for(var g in s.access)u.access[g]=s.access[g];u.addInitializer=function(e){if(m)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(e||null))};var f=(0,i[p])("accessor"===o?{get:h.get,set:h.set}:h[c],u);if("accessor"===o){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(l=r(f.get))&&(h.get=l),(l=r(f.set))&&(h.set=l),(l=r(f.init))&&a.unshift(l)}else(l=r(f))&&("field"===o?a.unshift(l):h[c]=l)}d&&Object.defineProperty(d,s.name,h),m=!0}function i(e,t,i){for(var s=arguments.length>2,a=0;a<t.length;a++)i=s?t[a].call(e,i):t[a].call(e);return s?i:void 0}"function"==typeof SuppressedError&&SuppressedError;(()=>{let s,a,n,r,l,o,c,d,h,m,p=[e.element("snice-skeleton")],u=[],g=HTMLElement,f=[],v=[],y=[],b=[],k=[],x=[],_=[],w=[],z=[],$=[],S=[],j=[],T=[];(class extends g{static{a=this}static{const E="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;n=[e.property({})],r=[e.property({})],l=[e.property({})],o=[e.property({})],c=[e.property({type:Number})],d=[e.property({})],h=[e.render()],m=[e.styles()],t(this,null,h,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:E},null,f),t(this,null,m,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:E},null,f),t(null,null,n,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:E},v,y),t(null,null,r,{kind:"field",name:"width",static:!1,private:!1,access:{has:e=>"width"in e,get:e=>e.width,set:(e,t)=>{e.width=t}},metadata:E},b,k),t(null,null,l,{kind:"field",name:"height",static:!1,private:!1,access:{has:e=>"height"in e,get:e=>e.height,set:(e,t)=>{e.height=t}},metadata:E},x,_),t(null,null,o,{kind:"field",name:"animation",static:!1,private:!1,access:{has:e=>"animation"in e,get:e=>e.animation,set:(e,t)=>{e.animation=t}},metadata:E},w,z),t(null,null,c,{kind:"field",name:"count",static:!1,private:!1,access:{has:e=>"count"in e,get:e=>e.count,set:(e,t)=>{e.count=t}},metadata:E},$,S),t(null,null,d,{kind:"field",name:"spacing",static:!1,private:!1,access:{has:e=>"spacing"in e,get:e=>e.spacing,set:(e,t)=>{e.spacing=t}},metadata:E},j,T),t(null,s={value:a},p,{kind:"class",name:a.name,metadata:E},null,u),a=s.value,E&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:E}),i(a,u)}render(){const t=Array(this.count).fill(0),i=`skeleton skeleton--${this.variant} skeleton--${this.animation}`,s=this.getInlineStyles();return e.html`
       <div part="base" class="skeleton-container" style="gap: ${this.spacing}">
         ${t.map(()=>e.html`
           <div part="bone" class="${i}"
@@ -15,7 +15,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </div>
         `)}
       </div>
-    `}styles(){return e.css`${":host{display:block;--skeleton-bg:var(--snice-color-surface-container, rgb(241 241 241));--skeleton-highlight:var(--snice-color-surface-container-low, rgb(250 250 250));--skeleton-duration:1.5s}.skeleton-container{display:flex;flex-direction:column;gap:var(--skeleton-spacing,var(--snice-spacing-xs,.5rem));width:100%}.skeleton{background:var(--skeleton-bg);overflow:hidden;position:relative}.skeleton-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton--text{height:1em;border-radius:var(--snice-border-radius-md,.25rem);width:var(--skeleton-width,100%)}.skeleton--circular{width:var(--skeleton-width,2.5rem);height:var(--skeleton-height,2.5rem);border-radius:50%}.skeleton--rectangular{width:var(--skeleton-width,100%);height:var(--skeleton-height,6.25rem);border-radius:0}.skeleton--rounded{width:var(--skeleton-width,100%);height:var(--skeleton-height,6.25rem);border-radius:var(--snice-border-radius-lg,.5rem)}.skeleton--pulse{animation:skeleton-pulse var(--skeleton-duration) ease-in-out infinite}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:.5}}.skeleton--wave::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--skeleton-highlight),transparent);transform:translateX(-100%);animation:skeleton-wave var(--skeleton-duration) linear infinite}@keyframes skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}:host([variant=text]) .skeleton:first-child{width:100%}:host([variant=text]) .skeleton:nth-child(2){width:90%}:host([variant=text]) .skeleton:nth-child(3){width:95%}:host([variant=text]) .skeleton:nth-child(4){width:85%}:host([variant=text]) .skeleton:nth-child(5){width:92%}:host([variant=text]) .skeleton:last-child:not(:only-child){width:60%}"}`}getInlineStyles(){const e=[];if(this.width)e.push(`width: ${this.width}`);else switch(this.variant){case"circular":e.push("width: 40px");break;case"rectangular":case"rounded":case"text":e.push("width: 100%")}if(this.height)e.push(`height: ${this.height}`);else switch(this.variant){case"circular":e.push("height: 40px");break;case"rectangular":case"rounded":e.push("height: 120px");break;case"text":e.push("height: 20px")}return e.join("; ")}constructor(){super(...arguments),this.variant=(i(this,f),i(this,v,"text")),this.width=(i(this,y),i(this,b,"")),this.height=(i(this,k),i(this,x,"")),this.animation=(i(this,w),i(this,_,"wave")),this.count=(i(this,z),i(this,$,1)),this.spacing=(i(this,S),i(this,j,"8px")),i(this,T)}})})();(()=>{let s,a,n,r,l,o,c,d,h,m,p,u=[e.element("snice-empty-state")],g=[],f=HTMLElement,v=[],y=[],b=[],k=[],x=[],w=[],_=[],z=[],$=[],S=[],j=[],T=[],E=[];(class extends f{static{a=this}static{const H="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;n=[e.property({})],r=[e.property({})],l=[e.property({})],o=[e.property({})],c=[e.property({attribute:"action-text"})],d=[e.property({attribute:"action-href"})],h=[e.render()],m=[e.styles()],p=[e.dispatch("empty-state-action",{bubbles:!0,composed:!0})],t(this,null,h,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:H},null,v),t(this,null,m,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:H},null,v),t(this,null,p,{kind:"method",name:"dispatchActionEvent",static:!1,private:!1,access:{has:e=>"dispatchActionEvent"in e,get:e=>e.dispatchActionEvent},metadata:H},null,v),t(null,null,n,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:H},y,b),t(null,null,r,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:H},k,x),t(null,null,l,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:H},w,_),t(null,null,o,{kind:"field",name:"description",static:!1,private:!1,access:{has:e=>"description"in e,get:e=>e.description,set:(e,t)=>{e.description=t}},metadata:H},z,$),t(null,null,c,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:e=>"actionText"in e,get:e=>e.actionText,set:(e,t)=>{e.actionText=t}},metadata:H},S,j),t(null,null,d,{kind:"field",name:"actionHref",static:!1,private:!1,access:{has:e=>"actionHref"in e,get:e=>e.actionHref,set:(e,t)=>{e.actionHref=t}},metadata:H},T,E),t(null,s={value:a},u,{kind:"class",name:a.name,metadata:H},null,g),a=s.value,H&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:H}),i(a,g)}render(){const t=["empty-state",`empty-state--${this.size}`].filter(Boolean).join(" ");return e.html`
+    `}styles(){return e.css`${":host{display:block;--skeleton-bg:var(--snice-color-surface-container, rgb(241 241 241));--skeleton-highlight:var(--snice-color-surface-container-low, rgb(250 250 250));--skeleton-duration:1.5s}.skeleton-container{display:flex;flex-direction:column;gap:var(--skeleton-spacing,var(--snice-spacing-xs,.5rem));width:100%}.skeleton{background:var(--skeleton-bg);overflow:hidden;position:relative}.skeleton-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton--text{height:1em;border-radius:var(--snice-border-radius-md,.25rem);width:var(--skeleton-width,100%)}.skeleton--circular{width:var(--skeleton-width,2.5rem);height:var(--skeleton-height,2.5rem);border-radius:50%}.skeleton--rectangular{width:var(--skeleton-width,100%);height:var(--skeleton-height,6.25rem);border-radius:0}.skeleton--rounded{width:var(--skeleton-width,100%);height:var(--skeleton-height,6.25rem);border-radius:var(--snice-border-radius-lg,.5rem)}.skeleton--pulse{animation:skeleton-pulse var(--skeleton-duration) ease-in-out infinite}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:.5}}.skeleton--wave::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--skeleton-highlight),transparent);transform:translateX(-100%);animation:skeleton-wave var(--skeleton-duration) linear infinite}@keyframes skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}:host([variant=text]) .skeleton:first-child{width:100%}:host([variant=text]) .skeleton:nth-child(2){width:90%}:host([variant=text]) .skeleton:nth-child(3){width:95%}:host([variant=text]) .skeleton:nth-child(4){width:85%}:host([variant=text]) .skeleton:nth-child(5){width:92%}:host([variant=text]) .skeleton:last-child:not(:only-child){width:60%}"}`}getInlineStyles(){const e=[];if(this.width)e.push(`width: ${this.width}`);else switch(this.variant){case"circular":e.push("width: 40px");break;case"rectangular":case"rounded":case"text":e.push("width: 100%")}if(this.height)e.push(`height: ${this.height}`);else switch(this.variant){case"circular":e.push("height: 40px");break;case"rectangular":case"rounded":e.push("height: 120px");break;case"text":e.push("height: 20px")}return e.join("; ")}constructor(){super(...arguments),this.variant=(i(this,f),i(this,v,"text")),this.width=(i(this,y),i(this,b,"")),this.height=(i(this,k),i(this,x,"")),this.animation=(i(this,_),i(this,w,"wave")),this.count=(i(this,z),i(this,$,1)),this.spacing=(i(this,S),i(this,j,"8px")),i(this,T)}})})();(()=>{let s,a,n,r,l,o,c,d,h,m,p,u=[e.element("snice-empty-state")],g=[],f=HTMLElement,v=[],y=[],b=[],k=[],x=[],_=[],w=[],z=[],$=[],S=[],j=[],T=[],E=[];(class extends f{static{a=this}static{const H="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;n=[e.property({})],r=[e.property({})],l=[e.property({})],o=[e.property({})],c=[e.property({attribute:"action-text"})],d=[e.property({attribute:"action-href"})],h=[e.render()],m=[e.styles()],p=[e.dispatch("empty-state-action",{bubbles:!0,composed:!0})],t(this,null,h,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:H},null,v),t(this,null,m,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:H},null,v),t(this,null,p,{kind:"method",name:"dispatchActionEvent",static:!1,private:!1,access:{has:e=>"dispatchActionEvent"in e,get:e=>e.dispatchActionEvent},metadata:H},null,v),t(null,null,n,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:H},y,b),t(null,null,r,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:H},k,x),t(null,null,l,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:H},_,w),t(null,null,o,{kind:"field",name:"description",static:!1,private:!1,access:{has:e=>"description"in e,get:e=>e.description,set:(e,t)=>{e.description=t}},metadata:H},z,$),t(null,null,c,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:e=>"actionText"in e,get:e=>e.actionText,set:(e,t)=>{e.actionText=t}},metadata:H},S,j),t(null,null,d,{kind:"field",name:"actionHref",static:!1,private:!1,access:{has:e=>"actionHref"in e,get:e=>e.actionHref,set:(e,t)=>{e.actionHref=t}},metadata:H},T,E),t(null,s={value:a},u,{kind:"class",name:a.name,metadata:H},null,g),a=s.value,H&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:H}),i(a,g)}render(){const t=["empty-state",`empty-state--${this.size}`].filter(Boolean).join(" ");return e.html`
       <div class="${t}" part="container">
         <div class="empty-state__icon-wrapper" part="icon">
           <slot name="icon">
@@ -46,9 +46,9 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
             </when>
           </case>
         </if>
-        <slot></slot>
+        <div class="empty-state__extra"><slot></slot></div>
       </div>
-    `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem);color:var(--snice-color-text-secondary,rgb(82 82 82));animation:snice-empty-in 360ms var(--snice-ease-out,ease) backwards}@keyframes snice-empty-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state--small{padding:var(--snice-spacing-xl,2rem) var(--snice-spacing-lg,1.5rem)}.empty-state--medium{padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem)}.empty-state--large{padding:var(--snice-spacing-3xl,4rem) var(--snice-spacing-2xl,2.5rem)}.empty-state__icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:var(--snice-spacing-lg,1.5rem);position:relative;width:calc(var(--snice-font-size-4xl,4rem) * 1.8);height:calc(var(--snice-font-size-4xl,4rem) * 1.8)}.empty-state__icon-wrapper::before{content:'';position:absolute;inset:0;border-radius:50%;border:1px dashed color-mix(in srgb,var(--snice-color-border,#ddd) 70%,transparent);animation:18s linear infinite snice-empty-halo}@keyframes snice-empty-halo{to{transform:rotate(360deg)}}.empty-state__icon{font-size:var(--snice-font-size-4xl, 4rem);opacity:.5;line-height:1}.empty-state__icon-wrapper ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-4xl, 4rem);opacity:.5;line-height:1}.empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-4xl,4rem);height:var(--snice-font-size-4xl,4rem)}.empty-state__icon-wrapper ::slotted(img){width:var(--snice-font-size-4xl,4rem);height:var(--snice-font-size-4xl,4rem);object-fit:contain}.empty-state--small .empty-state__icon-wrapper{margin-bottom:var(--snice-spacing-md,1rem);width:calc(var(--snice-font-size-3xl,3rem) * 1.8);height:calc(var(--snice-font-size-3xl,3rem) * 1.8)}.empty-state--small .empty-state__icon{font-size:var(--snice-font-size-3xl, 3rem)}.empty-state--small .empty-state__icon-wrapper ::slotted(*){font-size:var(--snice-font-size-3xl, 3rem)}.empty-state--small .empty-state__icon-wrapper ::slotted(img),.empty-state--small .empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-3xl,3rem);height:var(--snice-font-size-3xl,3rem)}.empty-state--large .empty-state__icon-wrapper{margin-bottom:var(--snice-spacing-xl,2rem);width:calc(var(--snice-font-size-5xl,5rem) * 1.8);height:calc(var(--snice-font-size-5xl,5rem) * 1.8)}.empty-state--large .empty-state__icon{font-size:var(--snice-font-size-5xl, 5rem)}.empty-state--large .empty-state__icon-wrapper ::slotted(*){font-size:var(--snice-font-size-5xl, 5rem)}.empty-state--large .empty-state__icon-wrapper ::slotted(img),.empty-state--large .empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-5xl,5rem);height:var(--snice-font-size-5xl,5rem)}.empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-lg, 1.25rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin:0 0 var(--snice-spacing-xs,.5rem) 0}.empty-state--small .empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-md, 1.125rem);margin-bottom:var(--snice-spacing-2xs,.375rem)}.empty-state--large .empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-xl, 1.5rem);margin-bottom:var(--snice-spacing-sm,.75rem)}.empty-state__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));margin:0 0 var(--snice-spacing-lg,1.5rem) 0;max-width:32rem;line-height:var(--snice-line-height-normal, 1.5)}.empty-state--small .empty-state__description{font-size:var(--snice-font-size-xs, .8125rem);margin-bottom:var(--snice-spacing-md,1rem)}.empty-state--large .empty-state__description{font-size:var(--snice-font-size-md, 1rem);margin-bottom:var(--snice-spacing-xl,2rem)}.empty-state__action{display:inline-flex;align-items:center;justify-content:center;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text-inverse,rgb(250 250 250));background:var(--snice-color-primary,rgb(37 99 235));border:none;border-radius:var(--snice-border-radius-md,.375rem);text-decoration:none;cursor:pointer;transition:background var(--snice-transition-fast, 150ms)}.empty-state__action:hover{background:var(--snice-color-primary-hover,rgb(29 78 216))}.empty-state--small .empty-state__action{padding:var(--snice-spacing-2xs,.375rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .8125rem)}.empty-state--large .empty-state__action{padding:var(--snice-spacing-sm,.625rem) var(--snice-spacing-lg,1.25rem);font-size:var(--snice-font-size-md, 1rem)}::slotted(*){margin-top:var(--snice-spacing-md,1rem)}"}`}handleActionClick(e){this.actionHref||e.preventDefault(),this.dispatchActionEvent()}dispatchActionEvent(){return{emptyState:this}}constructor(){super(...arguments),this.size=(i(this,v),i(this,y,"medium")),this.icon=(i(this,b),i(this,k,"📭")),this.title=(i(this,x),i(this,w,"No data")),this.description=(i(this,_),i(this,z,"")),this.actionText=(i(this,$),i(this,S,"")),this.actionHref=(i(this,j),i(this,T,"")),i(this,E)}})})();(()=>{let s,a,n,r,l,o,c,d,h,m,p,u,g,f,v,y,b,k=[e.element("snice-list")],x=[],w=HTMLElement,_=[],z=[],$=[],S=[],j=[],T=[],E=[],H=[],O=[],R=[],I=[],M=[],A=[],C=[],L=[],B=[],q=[];(class extends w{static{a=this}constructor(){super(...arguments),this.dividers=(i(this,_),i(this,z,!1)),this.searchable=(i(this,$),i(this,S,!1)),this.search=(i(this,j),i(this,T,"")),this.infinite=(i(this,E),i(this,H,!1)),this.loading=(i(this,O),i(this,R,!1)),this.noResults=(i(this,I),i(this,M,!1)),this.threshold=(i(this,A),i(this,C,.5)),this.skeletonCount=(i(this,L),i(this,B,5)),this.searchTimeout=i(this,q),this.page=0}static{const P="function"==typeof Symbol&&Symbol.metadata?Object.create(w[Symbol.metadata]??null):void 0;n=[e.property({type:Boolean})],r=[e.property({type:Boolean})],l=[e.property()],o=[e.property({type:Boolean})],c=[e.property({type:Boolean})],d=[e.property({type:Boolean})],h=[e.property({type:Number})],m=[e.property({type:Number})],p=[e.ready()],u=[e.dispose()],g=[e.on("input",{target:".list__search-input"})],f=[e.request("list/search")],v=[e.request("list/load-more")],y=[e.render()],b=[e.styles()],t(this,null,p,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:P},null,_),t(this,null,u,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:P},null,_),t(this,null,g,{kind:"method",name:"handleSearchInput",static:!1,private:!1,access:{has:e=>"handleSearchInput"in e,get:e=>e.handleSearchInput},metadata:P},null,_),t(this,null,f,{kind:"method",name:"performSearch",static:!1,private:!1,access:{has:e=>"performSearch"in e,get:e=>e.performSearch},metadata:P},null,_),t(this,null,v,{kind:"method",name:"loadMore",static:!1,private:!1,access:{has:e=>"loadMore"in e,get:e=>e.loadMore},metadata:P},null,_),t(this,null,y,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:P},null,_),t(this,null,b,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:P},null,_),t(null,null,n,{kind:"field",name:"dividers",static:!1,private:!1,access:{has:e=>"dividers"in e,get:e=>e.dividers,set:(e,t)=>{e.dividers=t}},metadata:P},z,$),t(null,null,r,{kind:"field",name:"searchable",static:!1,private:!1,access:{has:e=>"searchable"in e,get:e=>e.searchable,set:(e,t)=>{e.searchable=t}},metadata:P},S,j),t(null,null,l,{kind:"field",name:"search",static:!1,private:!1,access:{has:e=>"search"in e,get:e=>e.search,set:(e,t)=>{e.search=t}},metadata:P},T,E),t(null,null,o,{kind:"field",name:"infinite",static:!1,private:!1,access:{has:e=>"infinite"in e,get:e=>e.infinite,set:(e,t)=>{e.infinite=t}},metadata:P},H,O),t(null,null,c,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:P},R,I),t(null,null,d,{kind:"field",name:"noResults",static:!1,private:!1,access:{has:e=>"noResults"in e,get:e=>e.noResults,set:(e,t)=>{e.noResults=t}},metadata:P},M,A),t(null,null,h,{kind:"field",name:"threshold",static:!1,private:!1,access:{has:e=>"threshold"in e,get:e=>e.threshold,set:(e,t)=>{e.threshold=t}},metadata:P},C,L),t(null,null,m,{kind:"field",name:"skeletonCount",static:!1,private:!1,access:{has:e=>"skeletonCount"in e,get:e=>e.skeletonCount,set:(e,t)=>{e.skeletonCount=t}},metadata:P},B,q),t(null,s={value:a},k,{kind:"class",name:a.name,metadata:P},null,x),a=s.value,P&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:P}),i(a,x)}init(){this.addEventListener("controller-attached",()=>{}),this.infinite&&queueMicrotask(()=>this.setupInfiniteScroll()),queueMicrotask(()=>this.applyListItemRoles());const e=this.shadowRoot?.querySelector("slot:not([name])");e?.addEventListener("slotchange",()=>this.applyListItemRoles())}applyListItemRoles(){const e=this.shadowRoot?.querySelector("slot:not([name])"),t=e?.assignedElements({flatten:!0})??[];for(const e of t)e.hasAttribute("role")||"LI"===e.tagName||e.setAttribute("role","listitem")}cleanup(){this.intersectionObserver&&this.intersectionObserver.disconnect()}setupInfiniteScroll(){const e=this.shadowRoot?.querySelector(".list__sentinel");if(!e)return;const t=this.getScrollParent();try{this.intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&!this.loading&&this.loadMore()})},{root:t,rootMargin:"100px",threshold:.01}),this.intersectionObserver.observe(e)}catch(e){return}t&&t.addEventListener("wheel",e=>{this.loading||e.deltaY<=0||requestAnimationFrame(()=>{const e=t.scrollTop;t.scrollHeight-e-t.clientHeight<50&&!this.loading&&this.loadMore()})},{passive:!0})}handleSearchInput(e){const t=e.target.value;this.search=t,clearTimeout(this.searchTimeout),this.searchTimeout=window.setTimeout(()=>{this.performSearch(t)},300)}async*performSearch(e){this.loading=!0;try{const t={query:e,list:this},i=await(yield t);return this.loading=!1,i}catch(e){console.error("Error searching list:",e),this.loading=!1}}async*loadMore(){if(!this.loading){this.loading=!0;try{const e={page:++this.page,list:this},t=await(yield e);return this.loading=!1,requestAnimationFrame(()=>{const e=this.getScrollParent();if(e){const t=e.scrollHeight>e.clientHeight,i=e.scrollTop;if(!t&&0===i){const t=this.shadowRoot?.querySelector(".list__sentinel");if(t){const i=t.getBoundingClientRect(),s=e.getBoundingClientRect();i.top<s.bottom&&!this.loading&&this.loadMore()}}}}),t}catch(e){console.error("Error loading more items:",e),this.loading=!1}}}getScrollParent(){let e=this.parentElement;for(;e;){const t=window.getComputedStyle(e).overflowY;if("auto"===t||"scroll"===t)return e;e=e.parentElement}return null}render(){const t=[];for(let i=0;i<this.skeletonCount;i++)t.push(e.html`<snice-skeleton height="60px" style="margin: 0.5rem 1rem;"></snice-skeleton>`);return e.html`
+    `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem);color:var(--snice-color-text-secondary,rgb(82 82 82));animation:snice-empty-in 360ms var(--snice-ease-out,ease) backwards}@keyframes snice-empty-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state--small{padding:var(--snice-spacing-xl,2rem) var(--snice-spacing-lg,1.5rem)}.empty-state--medium{padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem)}.empty-state--large{padding:var(--snice-spacing-3xl,4rem) var(--snice-spacing-2xl,2.5rem)}.empty-state__icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:var(--snice-spacing-lg,1.5rem);position:relative;width:calc(var(--snice-font-size-4xl,4rem) * 1.8);height:calc(var(--snice-font-size-4xl,4rem) * 1.8)}.empty-state__icon-wrapper::before{content:'';position:absolute;inset:0;border-radius:50%;border:1px dashed color-mix(in srgb,var(--snice-color-border,#ddd) 70%,transparent);animation:18s linear infinite snice-empty-halo}@keyframes snice-empty-halo{to{transform:rotate(360deg)}}.empty-state__icon{font-size:var(--snice-font-size-4xl, 4rem);opacity:.5;line-height:1}.empty-state__icon-wrapper ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-4xl, 4rem);opacity:.5;line-height:1}.empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-4xl,4rem);height:var(--snice-font-size-4xl,4rem)}.empty-state__icon-wrapper ::slotted(img){width:var(--snice-font-size-4xl,4rem);height:var(--snice-font-size-4xl,4rem);object-fit:contain}.empty-state--small .empty-state__icon-wrapper{margin-bottom:var(--snice-spacing-md,1rem);width:calc(var(--snice-font-size-3xl,3rem) * 1.8);height:calc(var(--snice-font-size-3xl,3rem) * 1.8)}.empty-state--small .empty-state__icon{font-size:var(--snice-font-size-3xl, 3rem)}.empty-state--small .empty-state__icon-wrapper ::slotted(*){font-size:var(--snice-font-size-3xl, 3rem)}.empty-state--small .empty-state__icon-wrapper ::slotted(img),.empty-state--small .empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-3xl,3rem);height:var(--snice-font-size-3xl,3rem)}.empty-state--large .empty-state__icon-wrapper{margin-bottom:var(--snice-spacing-xl,2rem);width:calc(var(--snice-font-size-5xl,5rem) * 1.8);height:calc(var(--snice-font-size-5xl,5rem) * 1.8)}.empty-state--large .empty-state__icon{font-size:var(--snice-font-size-5xl, 5rem)}.empty-state--large .empty-state__icon-wrapper ::slotted(*){font-size:var(--snice-font-size-5xl, 5rem)}.empty-state--large .empty-state__icon-wrapper ::slotted(img),.empty-state--large .empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-5xl,5rem);height:var(--snice-font-size-5xl,5rem)}.empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-lg, 1.25rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin:0 0 var(--snice-spacing-xs,.5rem) 0}.empty-state--small .empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-md, 1.125rem);margin-bottom:var(--snice-spacing-2xs,.375rem)}.empty-state--large .empty-state__title{font-family:var(--snice-font-family-display);font-size:var(--snice-heading-xl, 1.5rem);margin-bottom:var(--snice-spacing-sm,.75rem)}.empty-state__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));margin:0 0 var(--snice-spacing-lg,1.5rem) 0;max-width:32rem;line-height:var(--snice-line-height-normal, 1.5)}.empty-state--small .empty-state__description{font-size:var(--snice-font-size-xs, .8125rem);margin-bottom:var(--snice-spacing-md,1rem)}.empty-state--large .empty-state__description{font-size:var(--snice-font-size-md, 1rem);margin-bottom:var(--snice-spacing-xl,2rem)}.empty-state__action{display:inline-flex;align-items:center;justify-content:center;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text-inverse,rgb(250 250 250));background:var(--snice-color-primary,rgb(37 99 235));border:none;border-radius:var(--snice-border-radius-md,.375rem);text-decoration:none;cursor:pointer;transition:background var(--snice-transition-fast, 150ms)}.empty-state__action:hover{background:var(--snice-color-primary-hover,rgb(29 78 216))}.empty-state--small .empty-state__action{padding:var(--snice-spacing-2xs,.375rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .8125rem)}.empty-state--large .empty-state__action{padding:var(--snice-spacing-sm,.625rem) var(--snice-spacing-lg,1.25rem);font-size:var(--snice-font-size-md, 1rem)}.empty-state__extra ::slotted(*){margin-top:var(--snice-spacing-md,1rem)}"}`}handleActionClick(e){this.actionHref||e.preventDefault(),this.dispatchActionEvent()}dispatchActionEvent(){return{emptyState:this}}constructor(){super(...arguments),this.size=(i(this,v),i(this,y,"medium")),this.icon=(i(this,b),i(this,k,"📭")),this.title=(i(this,x),i(this,_,"No data")),this.description=(i(this,w),i(this,z,"")),this.actionText=(i(this,$),i(this,S,"")),this.actionHref=(i(this,j),i(this,T,"")),i(this,E)}})})();(()=>{let s,a,n,r,l,o,c,d,h,m,p,u,g,f,v,y,b,k=[e.element("snice-list")],x=[],_=HTMLElement,w=[],z=[],$=[],S=[],j=[],T=[],E=[],H=[],O=[],R=[],I=[],M=[],A=[],C=[],L=[],B=[],q=[];(class extends _{static{a=this}constructor(){super(...arguments),this.dividers=(i(this,w),i(this,z,!1)),this.searchable=(i(this,$),i(this,S,!1)),this.search=(i(this,j),i(this,T,"")),this.infinite=(i(this,E),i(this,H,!1)),this.loading=(i(this,O),i(this,R,!1)),this.noResults=(i(this,I),i(this,M,!1)),this.threshold=(i(this,A),i(this,C,.5)),this.skeletonCount=(i(this,L),i(this,B,5)),this.searchTimeout=i(this,q),this.page=0}static{const P="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;n=[e.property({type:Boolean})],r=[e.property({type:Boolean})],l=[e.property()],o=[e.property({type:Boolean})],c=[e.property({type:Boolean})],d=[e.property({type:Boolean})],h=[e.property({type:Number})],m=[e.property({type:Number})],p=[e.ready()],u=[e.dispose()],g=[e.on("input",{target:".list__search-input"})],f=[e.request("list/search")],v=[e.request("list/load-more")],y=[e.render()],b=[e.styles()],t(this,null,p,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:P},null,w),t(this,null,u,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:P},null,w),t(this,null,g,{kind:"method",name:"handleSearchInput",static:!1,private:!1,access:{has:e=>"handleSearchInput"in e,get:e=>e.handleSearchInput},metadata:P},null,w),t(this,null,f,{kind:"method",name:"performSearch",static:!1,private:!1,access:{has:e=>"performSearch"in e,get:e=>e.performSearch},metadata:P},null,w),t(this,null,v,{kind:"method",name:"loadMore",static:!1,private:!1,access:{has:e=>"loadMore"in e,get:e=>e.loadMore},metadata:P},null,w),t(this,null,y,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:P},null,w),t(this,null,b,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:P},null,w),t(null,null,n,{kind:"field",name:"dividers",static:!1,private:!1,access:{has:e=>"dividers"in e,get:e=>e.dividers,set:(e,t)=>{e.dividers=t}},metadata:P},z,$),t(null,null,r,{kind:"field",name:"searchable",static:!1,private:!1,access:{has:e=>"searchable"in e,get:e=>e.searchable,set:(e,t)=>{e.searchable=t}},metadata:P},S,j),t(null,null,l,{kind:"field",name:"search",static:!1,private:!1,access:{has:e=>"search"in e,get:e=>e.search,set:(e,t)=>{e.search=t}},metadata:P},T,E),t(null,null,o,{kind:"field",name:"infinite",static:!1,private:!1,access:{has:e=>"infinite"in e,get:e=>e.infinite,set:(e,t)=>{e.infinite=t}},metadata:P},H,O),t(null,null,c,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:P},R,I),t(null,null,d,{kind:"field",name:"noResults",static:!1,private:!1,access:{has:e=>"noResults"in e,get:e=>e.noResults,set:(e,t)=>{e.noResults=t}},metadata:P},M,A),t(null,null,h,{kind:"field",name:"threshold",static:!1,private:!1,access:{has:e=>"threshold"in e,get:e=>e.threshold,set:(e,t)=>{e.threshold=t}},metadata:P},C,L),t(null,null,m,{kind:"field",name:"skeletonCount",static:!1,private:!1,access:{has:e=>"skeletonCount"in e,get:e=>e.skeletonCount,set:(e,t)=>{e.skeletonCount=t}},metadata:P},B,q),t(null,s={value:a},k,{kind:"class",name:a.name,metadata:P},null,x),a=s.value,P&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:P}),i(a,x)}init(){this.addEventListener("controller-attached",()=>{}),this.infinite&&queueMicrotask(()=>this.setupInfiniteScroll()),queueMicrotask(()=>this.applyListItemRoles());const e=this.shadowRoot?.querySelector("slot:not([name])");e?.addEventListener("slotchange",()=>this.applyListItemRoles())}applyListItemRoles(){const e=this.shadowRoot?.querySelector("slot:not([name])"),t=e?.assignedElements({flatten:!0})??[];for(const e of t)e.hasAttribute("role")||"LI"===e.tagName||e.setAttribute("role","listitem")}cleanup(){this.intersectionObserver&&this.intersectionObserver.disconnect()}setupInfiniteScroll(){const e=this.shadowRoot?.querySelector(".list__sentinel");if(!e)return;const t=this.getScrollParent();try{this.intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&!this.loading&&this.loadMore()})},{root:t,rootMargin:"100px",threshold:.01}),this.intersectionObserver.observe(e)}catch(e){return}t&&t.addEventListener("wheel",e=>{this.loading||e.deltaY<=0||requestAnimationFrame(()=>{const e=t.scrollTop;t.scrollHeight-e-t.clientHeight<50&&!this.loading&&this.loadMore()})},{passive:!0})}handleSearchInput(e){const t=e.target.value;this.search=t,clearTimeout(this.searchTimeout),this.searchTimeout=window.setTimeout(()=>{this.performSearch(t)},300)}async*performSearch(e){this.loading=!0;try{const t={query:e,list:this},i=await(yield t);return this.loading=!1,i}catch(e){console.error("Error searching list:",e),this.loading=!1}}async*loadMore(){if(!this.loading){this.loading=!0;try{const e={page:++this.page,list:this},t=await(yield e);return this.loading=!1,requestAnimationFrame(()=>{const e=this.getScrollParent();if(e){const t=e.scrollHeight>e.clientHeight,i=e.scrollTop;if(!t&&0===i){const t=this.shadowRoot?.querySelector(".list__sentinel");if(t){const i=t.getBoundingClientRect(),s=e.getBoundingClientRect();i.top<s.bottom&&!this.loading&&this.loadMore()}}}}),t}catch(e){console.error("Error loading more items:",e),this.loading=!1}}}getScrollParent(){let e=this.parentElement;for(;e;){const t=window.getComputedStyle(e).overflowY;if("auto"===t||"scroll"===t)return e;e=e.parentElement}return null}render(){const t=[];for(let i=0;i<this.skeletonCount;i++)t.push(e.html`<snice-skeleton height="60px" style="margin: 0.5rem 1rem;"></snice-skeleton>`);return e.html`
       <div class="list" part="container" role="list">
         <if ${this.searchable}>
           <div class="list__search" part="search">
@@ -86,7 +86,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
         <slot name="after"></slot>
         <div class="list__sentinel" part="sentinel"></div>
       </div>
-    `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.list{background:var(--snice-color-surface-container-high,rgb(252 251 249));color:var(--snice-color-text,rgb(23 23 23))}:host([dividers]) ::slotted(snice-list-item){border-bottom:1px solid var(--snice-color-border,rgb(229 231 235))}:host([dividers]) ::slotted(snice-list-item:last-of-type){border-bottom:none}.list__search{display:flex;padding:var(--snice-spacing-md,1rem);border-bottom:1px solid var(--snice-color-border,rgb(229 231 235))}.list__search-input{flex:1;min-width:0;box-sizing:border-box;padding:var(--snice-spacing-sm,.75rem);border:1px solid var(--snice-color-border,rgb(209 213 219));border-radius:var(--snice-border-radius-sm,.25rem);font-size:var(--snice-font-size-md, 1rem);font-family:inherit;background:var(--snice-color-surface-container-lowest,rgb(248 247 245));color:var(--snice-color-text,rgb(23 23 23));transition:border-color var(--snice-transition-fast, 150ms) ease}.list__search-input:focus-visible{outline:0;border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color)}.list__loading{padding:var(--snice-spacing-md,1rem);text-align:center}.list__spinner{color:var(--snice-color-text-secondary,rgb(82 82 82));font-size:var(--snice-font-size-sm, .875rem)}.list__sentinel{height:1px;pointer-events:none}"}`}})})();(()=>{let s,a,n,r,l,o,c,d,h=[e.element("snice-list-item")],m=[],p=HTMLElement,u=[],g=[],f=[],v=[],y=[],b=[],k=[],x=[],w=[];(class extends p{static{a=this}static{const _="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[e.property()],r=[e.property()],l=[e.property({type:Boolean})],o=[e.property({type:Boolean})],c=[e.render()],d=[e.styles()],t(this,null,c,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:_},null,u),t(this,null,d,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:_},null,u),t(null,null,n,{kind:"field",name:"heading",static:!1,private:!1,access:{has:e=>"heading"in e,get:e=>e.heading,set:(e,t)=>{e.heading=t}},metadata:_},g,f),t(null,null,r,{kind:"field",name:"description",static:!1,private:!1,access:{has:e=>"description"in e,get:e=>e.description,set:(e,t)=>{e.description=t}},metadata:_},v,y),t(null,null,l,{kind:"field",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:_},b,k),t(null,null,o,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:_},x,w),t(null,s={value:a},h,{kind:"class",name:a.name,metadata:_},null,m),a=s.value,_&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:_}),i(a,m)}render(){const t=["list-item"];return this.selected&&t.push("list-item--selected"),this.disabled&&t.push("list-item--disabled"),e.html`
+    `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.list{background:var(--snice-color-surface-container-high,rgb(252 251 249));color:var(--snice-color-text,rgb(23 23 23))}:host([dividers]) ::slotted(snice-list-item){border-bottom:1px solid var(--snice-color-border,rgb(229 231 235))}:host([dividers]) ::slotted(snice-list-item:last-of-type){border-bottom:none}.list__search{display:flex;padding:var(--snice-spacing-md,1rem);border-bottom:1px solid var(--snice-color-border,rgb(229 231 235))}.list__search-input{flex:1;min-width:0;box-sizing:border-box;padding:var(--snice-spacing-sm,.75rem);border:1px solid var(--snice-color-border,rgb(209 213 219));border-radius:var(--snice-border-radius-sm,.25rem);font-size:var(--snice-font-size-md, 1rem);font-family:inherit;background:var(--snice-color-surface-container-lowest,rgb(248 247 245));color:var(--snice-color-text,rgb(23 23 23));transition:border-color var(--snice-transition-fast, 150ms) ease}.list__search-input:focus-visible{outline:0;border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color)}.list__loading{padding:var(--snice-spacing-md,1rem);text-align:center}.list__spinner{color:var(--snice-color-text-secondary,rgb(82 82 82));font-size:var(--snice-font-size-sm, .875rem)}.list__sentinel{height:1px;pointer-events:none}"}`}})})();(()=>{let s,a,n,r,l,o,c,d,h=[e.element("snice-list-item")],m=[],p=HTMLElement,u=[],g=[],f=[],v=[],y=[],b=[],k=[],x=[],_=[];(class extends p{static{a=this}static{const w="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[e.property()],r=[e.property()],l=[e.property({type:Boolean})],o=[e.property({type:Boolean})],c=[e.render()],d=[e.styles()],t(this,null,c,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:w},null,u),t(this,null,d,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:w},null,u),t(null,null,n,{kind:"field",name:"heading",static:!1,private:!1,access:{has:e=>"heading"in e,get:e=>e.heading,set:(e,t)=>{e.heading=t}},metadata:w},g,f),t(null,null,r,{kind:"field",name:"description",static:!1,private:!1,access:{has:e=>"description"in e,get:e=>e.description,set:(e,t)=>{e.description=t}},metadata:w},v,y),t(null,null,l,{kind:"field",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:w},b,k),t(null,null,o,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:w},x,_),t(null,s={value:a},h,{kind:"class",name:a.name,metadata:w},null,m),a=s.value,w&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:w}),i(a,m)}render(){const t=["list-item"];return this.selected&&t.push("list-item--selected"),this.disabled&&t.push("list-item--disabled"),e.html`
       <div class="${t.join(" ")}" role="listitem" aria-disabled="${this.disabled?"true":"false"}">
         <slot name="before"></slot>
         <div class="list-item__content">
@@ -100,5 +100,5 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
         </div>
         <slot name="after"></slot>
       </div>
-    `}styles(){return e.css`${":host{display:block;width:100%}case,default,if,when{display:contents}.list-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease;background:0 0;border:none;width:100%;box-sizing:border-box;text-align:left;color:var(--snice-color-text,rgb(23 23 23))}.list-item:hover{background-color:var(--snice-color-surface-hover,rgb(243 244 246))}.list-item--selected{background-color:var(--snice-color-primary-subtle,rgb(239 246 255))}.list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list-item__content{flex:1;min-width:0}.list-item__heading{font-family:var(--snice-font-family-display);font-weight:var(--snice-font-weight-medium,500);font-size:var(--snice-heading-sm, 1rem);line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text,rgb(23 23 23))}.list-item__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));line-height:var(--snice-line-height-normal, 1.5)}::slotted([slot=before]){flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem}::slotted([slot=after]){flex-shrink:0;font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}"}`}constructor(){super(...arguments),this.heading=(i(this,u),i(this,g,"")),this.description=(i(this,f),i(this,v,"")),this.selected=(i(this,y),i(this,b,!1)),this.disabled=(i(this,k),i(this,x,!1)),i(this,w)}})})()}(Snice);
+    `}styles(){return e.css`${":host{display:block;width:100%}case,default,if,when{display:contents}.list-item{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease;background:0 0;border:none;width:100%;box-sizing:border-box;text-align:left;color:var(--snice-color-text,rgb(23 23 23))}.list-item:hover{background-color:var(--snice-color-surface-hover,rgb(243 244 246))}.list-item--selected{background-color:var(--snice-color-primary-subtle,rgb(239 246 255))}.list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.list-item__content{flex:1;min-width:0}.list-item__heading{font-family:var(--snice-font-family-display);font-weight:var(--snice-font-weight-medium,500);font-size:var(--snice-heading-sm, 1rem);line-height:var(--snice-line-height-normal, 1.5);color:var(--snice-color-text,rgb(23 23 23))}.list-item__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));line-height:var(--snice-line-height-normal, 1.5)}::slotted([slot=before]){flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem}::slotted([slot=after]){flex-shrink:0;font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}"}`}constructor(){super(...arguments),this.heading=(i(this,u),i(this,g,"")),this.description=(i(this,f),i(this,v,"")),this.selected=(i(this,y),i(this,b,!1)),this.disabled=(i(this,k),i(this,x,!1)),i(this,_)}})})()}(Snice);
 //# sourceMappingURL=snice-list.min.js.map