snice 4.20.1 → 4.22.0

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

@@ -1,10 +1,10 @@
 /*!
- * snice v4.20.0
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (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,n,a){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,u=i.length-1;u>=0;u--){var p={};for(var g in s)p[g]="access"===g?{}:s[g];for(var g in s.access)p.access[g]=s.access[g];p.addInitializer=function(e){if(m)throw new TypeError("Cannot add initializers after decoration has completed");a.push(r(e||null))};var v=(0,i[u])("accessor"===o?{get:h.get,set:h.set}:h[c],p);if("accessor"===o){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(l=r(v.get))&&(h.get=l),(l=r(v.set))&&(h.set=l),(l=r(v.init))&&n.unshift(l)}else(l=r(v))&&("field"===o?n.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,n=0;n<t.length;n++)i=s?t[n].call(e,i):t[n].call(e);return s?i:void 0}"function"==typeof SuppressedError&&SuppressedError;(()=>{let s,n,a,r,l,o,c,d,h,m,u=[e.element("snice-skeleton")],p=[],g=HTMLElement,v=[],f=[],b=[],y=[],k=[],w=[],x=[],_=[],S=[],$=[],z=[],j=[],E=[];(class extends g{static{n=this}static{const O="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;a=[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:O},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:O},null,v),t(null,null,a,{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:O},f,b),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:O},y,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:O},w,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:O},_,S),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:O},$,z),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:O},j,E),t(null,s={value:n},u,{kind:"class",name:n.name,metadata:O},null,p),n=s.value,O&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:O}),i(n,p)}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 v=(0,i[p])("accessor"===o?{get:h.get,set:h.set}:h[c],u);if("accessor"===o){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(l=r(v.get))&&(h.get=l),(l=r(v.set))&&(h.set=l),(l=r(v.init))&&a.unshift(l)}else(l=r(v))&&("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,v=[],f=[],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,v),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,v),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},f,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,40 @@ 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-background-tertiary, rgb(241 241 241));--skeleton-highlight:var(--snice-color-background-secondary, 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,v),i(this,f,"text")),this.width=(i(this,b),i(this,y,"")),this.height=(i(this,k),i(this,w,"")),this.animation=(i(this,x),i(this,_,"wave")),this.count=(i(this,S),i(this,$,1)),this.spacing=(i(this,z),i(this,j,"8px")),i(this,E)}})})();(()=>{let s,n,a,r,l,o,c,d,h,m,u,p,g,v,f,b,y,k=[e.element("snice-list")],w=[],x=HTMLElement,_=[],S=[],$=[],z=[],j=[],E=[],O=[],T=[],I=[],M=[],R=[],B=[],C=[],q=[],H=[],P=[],L=[];(class extends x{static{n=this}constructor(){super(...arguments),this.dividers=(i(this,_),i(this,S,!1)),this.searchable=(i(this,$),i(this,z,!1)),this.search=(i(this,j),i(this,E,"")),this.infinite=(i(this,O),i(this,T,!1)),this.loading=(i(this,I),i(this,M,!1)),this.noResults=(i(this,R),i(this,B,!1)),this.threshold=(i(this,C),i(this,q,.5)),this.skeletonCount=(i(this,H),i(this,P,5)),this.searchTimeout=i(this,L),this.page=0}static{const A="function"==typeof Symbol&&Symbol.metadata?Object.create(x[Symbol.metadata]??null):void 0;a=[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})],u=[e.ready()],p=[e.dispose()],g=[e.on("input",{target:".list__search-input"})],v=[e.request("list/search")],f=[e.request("list/load-more")],b=[e.render()],y=[e.styles()],t(this,null,u,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:A},null,_),t(this,null,p,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:A},null,_),t(this,null,g,{kind:"method",name:"handleSearchInput",static:!1,private:!1,access:{has:e=>"handleSearchInput"in e,get:e=>e.handleSearchInput},metadata:A},null,_),t(this,null,v,{kind:"method",name:"performSearch",static:!1,private:!1,access:{has:e=>"performSearch"in e,get:e=>e.performSearch},metadata:A},null,_),t(this,null,f,{kind:"method",name:"loadMore",static:!1,private:!1,access:{has:e=>"loadMore"in e,get:e=>e.loadMore},metadata:A},null,_),t(this,null,b,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:A},null,_),t(this,null,y,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:A},null,_),t(null,null,a,{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:A},S,$),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:A},z,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:A},E,O),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:A},T,I),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:A},M,R),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:A},B,C),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:A},q,H),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:A},P,L),t(null,s={value:n},k,{kind:"class",name:n.name,metadata:A},null,w),n=s.value,A&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:A}),i(n,w)}init(){this.addEventListener("controller-attached",()=>{}),this.infinite&&requestAnimationFrame(()=>{this.setupInfiniteScroll()})}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;--skeleton-bg:var(--snice-color-background-tertiary, rgb(241 241 241));--skeleton-highlight:var(--snice-color-background-secondary, 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,v),i(this,f,"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,S,1)),this.spacing=(i(this,$),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=[],v=HTMLElement,f=[],y=[],b=[],k=[],x=[],_=[],w=[],z=[],S=[],$=[],j=[],T=[],E=[];(class extends v{static{a=this}static{const H="function"==typeof Symbol&&Symbol.metadata?Object.create(v[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,f),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,f),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,f),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,S),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},$,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">
+            ${function(t,i="icon"){if(!t)return e.html``;if(t.startsWith("img://")){const s=t.slice(6);return e.html`<img class="${i}" src="${s}" alt="" part="icon" />`}if(t.startsWith("text://")){const s=t.slice(7);return e.html`<span class="${i}" part="icon">${s}</span>`}return/^(https?:\/\/|\/|\.\/|\.\.\/|data:)/.test(t)||/^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)$/i.test(t)?e.html`<img class="${i}" src="${t}" alt="" part="icon" />`:e.html`<span class="${i}" part="icon">${t}</span>`}(this.icon,"empty-state__icon")}
+          </slot>
+        </div>
+        <h3 class="empty-state__title" part="title">${this.title}</h3>
+        <if ${this.description}>
+          <p class="empty-state__description" part="description">${this.description}</p>
+        </if>
+        <if ${this.actionText}>
+          <case ${this.actionHref?"link":"button"}>
+            <when value="link">
+              <a
+                href="${this.actionHref}"
+                class="empty-state__action"
+                part="action"
+                @click=${this.handleActionClick}
+              >${this.actionText}</a>
+            </when>
+            <when value="button">
+              <button
+                class="empty-state__action"
+                part="action"
+                type="button"
+                @click=${this.handleActionClick}
+              >${this.actionText}</button>
+            </when>
+          </case>
+        </if>
+        <slot></slot>
+      </div>
+    `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.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))}.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)}.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)}.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)}.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-size:var(--snice-font-size-xl, 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-size:var(--snice-font-size-lg, 1.125rem);margin-bottom:var(--snice-spacing-2xs,.375rem)}.empty-state--large .empty-state__title{font-size:var(--snice-font-size-2xl, 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-dark,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,f),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,S),i(this,$,"")),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,v,f,y,b,k=[e.element("snice-list")],x=[],_=HTMLElement,w=[],z=[],S=[],$=[],j=[],T=[],E=[],H=[],O=[],A=[],M=[],C=[],I=[],R=[],B=[],P=[],q=[];(class extends _{static{a=this}constructor(){super(...arguments),this.dividers=(i(this,w),i(this,z,!1)),this.searchable=(i(this,S),i(this,$,!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,A,!1)),this.noResults=(i(this,M),i(this,C,!1)),this.threshold=(i(this,I),i(this,R,.5)),this.skeletonCount=(i(this,B),i(this,P,5)),this.searchTimeout=i(this,q),this.page=0}static{const L="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"})],v=[e.request("list/search")],f=[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:L},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:L},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:L},null,w),t(this,null,v,{kind:"method",name:"performSearch",static:!1,private:!1,access:{has:e=>"performSearch"in e,get:e=>e.performSearch},metadata:L},null,w),t(this,null,f,{kind:"method",name:"loadMore",static:!1,private:!1,access:{has:e=>"loadMore"in e,get:e=>e.loadMore},metadata:L},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:L},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:L},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:L},z,S),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:L},$,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:L},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:L},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:L},A,M),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:L},C,I),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:L},R,B),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:L},P,q),t(null,s={value:a},k,{kind:"class",name:a.name,metadata:L},null,x),a=s.value,L&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:L}),i(a,x)}init(){this.addEventListener("controller-attached",()=>{}),this.infinite&&requestAnimationFrame(()=>{this.setupInfiniteScroll()})}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">
@@ -33,10 +66,13 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
         </if>
         <if ${this.noResults}>
           <slot name="no-results">
-            <div class="list__no-results" part="no-results">
-              <div class="list__no-results-icon">🔍</div>
-              <div class="list__no-results-title">No results found</div>
-              <div class="list__no-results-message">Try searching for something else</div>
+            <div style="padding: 2rem;">
+              <snice-empty-state 
+                icon="🔍" 
+                title="No results found" 
+                description="Try searching for something else"
+                size="medium">
+              </snice-empty-state>
             </div>
           </slot>
         </if>
@@ -50,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-background-element,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-background-input,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{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}.list__no-results{padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem);text-align:center;color:var(--snice-color-text-secondary,rgb(82 82 82))}.list__no-results-icon{font-size:var(--snice-font-size-3xl, 1.875rem);margin-bottom:var(--snice-spacing-sm,.75rem)}.list__no-results-title{font-weight:var(--snice-font-weight-medium,500);font-size:var(--snice-font-size-md, 1rem);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-xs,.5rem)}.list__no-results-message{font-size:var(--snice-font-size-sm, .875rem)}"}`}})})();(()=>{let s,n,a,r,l,o,c,d,h=[e.element("snice-list-item")],m=[],u=HTMLElement,p=[],g=[],v=[],f=[],b=[],y=[],k=[],w=[],x=[];(class extends u{static{n=this}static{const _="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;a=[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,p),t(this,null,d,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:_},null,p),t(null,null,a,{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,v),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:_},f,b),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:_},y,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:n},h,{kind:"class",name:n.name,metadata:_},null,m),n=s.value,_&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:_}),i(n,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-background-element,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-background-input,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{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=[],v=[],f=[],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,v),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},f,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(" ")}">
         <slot name="before"></slot>
         <div class="list-item__content">
@@ -64,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%;contain:layout style}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-background-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-weight:var(--snice-font-weight-medium,500);font-size:var(--snice-font-size-md, 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,p),i(this,g,"")),this.description=(i(this,v),i(this,f,"")),this.selected=(i(this,b),i(this,y,!1)),this.disabled=(i(this,k),i(this,w,!1)),i(this,x)}})})()}(Snice);
+    `}styles(){return e.css`${":host{display:block;width:100%;contain:layout style}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-background-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-weight:var(--snice-font-weight-medium,500);font-size:var(--snice-font-size-md, 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,v),i(this,f,"")),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