snice 2.5.4 → 3.2.0

package/dist/components/alert/snice-alert.js

@@ -1,7 +1,7 @@
 import { __runInitializers, __esDecorate } from 'tslib';
-import { element, property, query, part, watch, on, dispatch } from 'snice';
+import { element, property, query, render, styles, dispatch, html, css } from 'snice';
 
-var css = ":host {\n  display: block;\n  --alert-padding: 0.75rem 1rem; /* 12px 16px */\n  --alert-border-radius: 6px;\n  --alert-font-size: 0.875rem; /* 14px */\n  --alert-icon-size: 1.25rem; /* 20px */\n  --alert-border-width: 1px;\n}\n\n.alert {\n  display: flex;\n  align-items: flex-start;\n  padding: var(--alert-padding);\n  border-radius: var(--alert-border-radius);\n  font-size: var(--alert-font-size);\n  line-height: 1.5;\n  border: var(--alert-border-width) solid;\n  position: relative;\n  animation: slideIn 0.3s ease;\n}\n\n.alert--hidden {\n  display: none;\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideOut {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n}\n\n.alert--hiding {\n  animation: slideOut 0.3s ease forwards;\n}\n\n/* Variants */\n:host([variant=\"info\"]) .alert {\n  background: rgb(var(--snice-color-blue-50, 239 246 255));\n  border-color: rgb(var(--snice-color-blue-200, 191 219 254));\n  color: rgb(var(--snice-color-blue-900, 30 58 138));\n}\n\n:host([variant=\"success\"]) .alert {\n  background: rgb(var(--snice-color-green-50, 240 253 244));\n  border-color: rgb(var(--snice-color-green-200, 187 247 208));\n  color: rgb(var(--snice-color-green-900, 20 83 45));\n}\n\n:host([variant=\"warning\"]) .alert {\n  background: rgb(var(--snice-color-yellow-50, 254 252 232));\n  border-color: rgb(var(--snice-color-yellow-200, 254 240 138));\n  color: rgb(var(--snice-color-yellow-900, 113 63 18));\n}\n\n:host([variant=\"error\"]) .alert {\n  background: rgb(var(--snice-color-red-50, 254 242 242));\n  border-color: rgb(var(--snice-color-red-200, 254 202 202));\n  color: rgb(var(--snice-color-red-900, 127 29 29));\n}\n\n/* Icon */\n.alert-icon {\n  flex-shrink: 0;\n  width: var(--alert-icon-size);\n  height: var(--alert-icon-size);\n  margin-right: 0.75rem; /* 12px */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.alert-icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n/* Default icons */\n:host([variant=\"info\"]) .alert-icon--default::before {\n  content: \"ℹ\";\n  font-size: 1.125rem; /* 18px */\n  font-weight: bold;\n}\n\n:host([variant=\"success\"]) .alert-icon--default::before {\n  content: \"✓\";\n  font-size: 1rem; /* 16px */\n  font-weight: bold;\n}\n\n:host([variant=\"warning\"]) .alert-icon--default::before {\n  content: \"⚠\";\n  font-size: 1.125rem; /* 18px */\n}\n\n:host([variant=\"error\"]) .alert-icon--default::before {\n  content: \"✕\";\n  font-size: 1rem; /* 16px */\n  font-weight: bold;\n}\n\n/* Content */\n.alert-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.alert-title {\n  font-weight: 600;\n  margin-bottom: 0.25rem; /* 4px */\n}\n\n.alert-title:empty {\n  display: none;\n}\n\n.alert-description {\n  color: inherit;\n  opacity: 0.9;\n}\n\n/* Dismiss button */\n.alert-dismiss {\n  flex-shrink: 0;\n  margin-left: 0.75rem; /* 12px */\n  margin-right: -0.25rem; /* -4px */\n  padding: 0.25rem; /* 4px */\n  background: none;\n  border: none;\n  cursor: pointer;\n  opacity: 0.6;\n  transition: opacity 0.2s ease;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: inherit;\n}\n\n.alert-dismiss:hover {\n  opacity: 1;\n}\n\n.alert-dismiss:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px; /* Keep px for crisp outline */\n}\n\n.alert-dismiss svg {\n  width: 1rem; /* 16px */\n  height: 1rem; /* 16px */\n}\n\n/* Sizes */\n:host([size=\"small\"]) {\n  --alert-padding: 0.5rem 0.75rem; /* 8px 12px */\n  --alert-font-size: 0.75rem; /* 12px */\n  --alert-icon-size: 1rem; /* 16px */\n  --alert-border-radius: 4px;\n}\n\n:host([size=\"large\"]) {\n  --alert-padding: 1rem 1.25rem; /* 16px 20px */\n  --alert-font-size: 1rem; /* 16px */\n  --alert-icon-size: 1.5rem; /* 24px */\n  --alert-border-radius: 8px;\n}\n\n/* Accessibility */\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}";
+var cssContent = ":host{display:block;--alert-padding:0.75rem 1rem;--alert-border-radius:6px;--alert-font-size:0.875rem;--alert-icon-size:1.25rem;--alert-border-width:1px}.alert{display:flex;align-items:flex-start;padding:var(--alert-padding);border-radius:var(--alert-border-radius);font-size:var(--alert-font-size);line-height:1.5;border:var(--alert-border-width) solid;position:relative;animation:.3s slideIn}.alert--hidden{display:none}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.alert--hiding{animation:.3s forwards slideOut}:host([variant=info]) .alert{background:rgb(var(--snice-color-blue-50,239 246 255));border-color:rgb(var(--snice-color-blue-200,191 219 254));color:rgb(var(--snice-color-blue-900,30 58 138))}:host([variant=success]) .alert{background:rgb(var(--snice-color-green-50,240 253 244));border-color:rgb(var(--snice-color-green-200,187 247 208));color:rgb(var(--snice-color-green-900,20 83 45))}:host([variant=warning]) .alert{background:rgb(var(--snice-color-yellow-50,254 252 232));border-color:rgb(var(--snice-color-yellow-200,254 240 138));color:rgb(var(--snice-color-yellow-900,113 63 18))}:host([variant=error]) .alert{background:rgb(var(--snice-color-red-50,254 242 242));border-color:rgb(var(--snice-color-red-200,254 202 202));color:rgb(var(--snice-color-red-900,127 29 29))}.alert-icon{flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-right:.75rem;display:flex;align-items:center;justify-content:center}.alert-icon svg{width:100%;height:100%}:host([variant=info]) .alert-icon--default::before{content:\"ℹ\";font-size:1.125rem;font-weight:700}:host([variant=success]) .alert-icon--default::before{content:\"✓\";font-size:1rem;font-weight:700}:host([variant=warning]) .alert-icon--default::before{content:\"⚠\";font-size:1.125rem}:host([variant=error]) .alert-icon--default::before{content:\"✕\";font-size:1rem;font-weight:700}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-title:empty{display:none}.alert-description{color:inherit;opacity:.9}.alert-dismiss{flex-shrink:0;margin-left:.75rem;margin-right:-.25rem;padding:.25rem;background:0 0;border:none;cursor:pointer;opacity:.6;transition:opacity .2s;border-radius:4px;display:flex;align-items:center;justify-content:center;color:inherit}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:currentColor solid 2px;outline-offset:2px}.alert-dismiss svg{width:1rem;height:1rem}:host([size=small]){--alert-padding:0.5rem 0.75rem;--alert-font-size:0.75rem;--alert-icon-size:1rem;--alert-border-radius:4px}:host([size=large]){--alert-padding:1rem 1.25rem;--alert-font-size:1rem;--alert-icon-size:1.5rem;--alert-border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}";
 
 let SniceAlert = (() => {
     let _classDecorators = [element('snice-alert')];
@@ -28,12 +28,9 @@ let SniceAlert = (() => {
     let _alertElement_decorators;
     let _alertElement_initializers = [];
     let _alertElement_extraInitializers = [];
-    let _renderIconSection_decorators;
-    let _renderTitleSection_decorators;
-    let _renderDescriptionSection_decorators;
-    let _renderDismissSection_decorators;
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
     let _handleDismiss_decorators;
-    let _handleAnimationEnd_decorators;
     let _dispatchAlertHidden_decorators;
     let _dispatchAlertShown_decorators;
     (class extends _classSuper {
@@ -56,20 +53,14 @@ let SniceAlert = (() => {
             _dismissible_decorators = [property({ type: Boolean, })];
             _icon_decorators = [property({})];
             _alertElement_decorators = [query('.alert')];
-            _renderIconSection_decorators = [part('icon-section')];
-            _renderTitleSection_decorators = [watch('title'), part('title-section')];
-            _renderDescriptionSection_decorators = [part('description-section')];
-            _renderDismissSection_decorators = [watch('dismissible'), part('dismiss-section')];
-            _handleDismiss_decorators = [on('click', '.alert-dismiss'), dispatch('alert-dismiss')];
-            _handleAnimationEnd_decorators = [on('animationend', '.alert')];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            _handleDismiss_decorators = [dispatch('alert-dismiss')];
             _dispatchAlertHidden_decorators = [dispatch('alert-hidden')];
             _dispatchAlertShown_decorators = [dispatch('alert-shown')];
-            __esDecorate(this, null, _renderIconSection_decorators, { kind: "method", name: "renderIconSection", static: false, private: false, access: { has: obj => "renderIconSection" in obj, get: obj => obj.renderIconSection }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _renderTitleSection_decorators, { kind: "method", name: "renderTitleSection", static: false, private: false, access: { has: obj => "renderTitleSection" in obj, get: obj => obj.renderTitleSection }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _renderDescriptionSection_decorators, { kind: "method", name: "renderDescriptionSection", static: false, private: false, access: { has: obj => "renderDescriptionSection" in obj, get: obj => obj.renderDescriptionSection }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _renderDismissSection_decorators, { kind: "method", name: "renderDismissSection", static: false, private: false, access: { has: obj => "renderDismissSection" in obj, get: obj => obj.renderDismissSection }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _handleDismiss_decorators, { kind: "method", name: "handleDismiss", static: false, private: false, access: { has: obj => "handleDismiss" in obj, get: obj => obj.handleDismiss }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleAnimationEnd_decorators, { kind: "method", name: "handleAnimationEnd", static: false, private: false, access: { has: obj => "handleAnimationEnd" in obj, get: obj => obj.handleAnimationEnd }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _dispatchAlertHidden_decorators, { kind: "method", name: "dispatchAlertHidden", static: false, private: false, access: { has: obj => "dispatchAlertHidden" in obj, get: obj => obj.dispatchAlertHidden }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _dispatchAlertShown_decorators, { kind: "method", name: "dispatchAlertShown", static: false, private: false, access: { has: obj => "dispatchAlertShown" in obj, get: obj => obj.dispatchAlertShown }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _variant_decorators, { kind: "field", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
@@ -83,49 +74,43 @@ let SniceAlert = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        html() {
-            return /*html*/ `
-      <div class="alert ${this.isHidden ? 'alert--hidden' : ''}" role="alert" aria-live="polite">
-        <div part="icon-section"></div>
+        renderContent() {
+            const hasIcon = this.icon ? this.icon !== 'none' : this.shouldShowDefaultIcon();
+            const classes = [
+                'alert',
+                `alert--${this.variant}`,
+                `alert--${this.size}`,
+                this.isHidden ? 'alert--hidden' : ''
+            ].filter(Boolean).join(' ');
+            const showDefaultIcon = !this.icon || this.icon === 'none';
+            const iconClasses = showDefaultIcon ? 'alert-icon alert-icon--default' : 'alert-icon';
+            return html /*html*/ `
+      <div class="${classes}" role="alert" aria-live="polite" @animationend=${this.handleAnimationEnd}>
+        <if value="${hasIcon}">
+          <div class="${iconClasses}">
+            ${this.icon || ''}
+          </div>
+        </if>
         <div class="alert-content">
-          <div part="title-section"></div>
-          <div part="description-section"></div>
+          <if value="${this.title}">
+            <div class="alert-title">${this.title}</div>
+          </if>
+          <div class="alert-description">
+            <slot></slot>
+          </div>
         </div>
-        <div part="dismiss-section"></div>
+        <if value="${this.dismissible}">
+          <button class="alert-dismiss" type="button" aria-label="Dismiss alert" @click=${this.handleDismiss}>
+            <svg viewBox="0 0 24 24" fill="currentColor">
+              <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"/>
+            </svg>
+          </button>
+        </if>
       </div>
     `;
         }
-        renderIconSection() {
-            const hasIcon = this.icon || this.shouldShowDefaultIcon();
-            return hasIcon ? /*html*/ `
-      <div class="alert-icon ${!this.icon ? 'alert-icon--default' : ''}">
-        ${this.icon || ''}
-      </div>
-    ` : '';
-        }
-        renderTitleSection() {
-            return this.title ? /*html*/ `
-      <div class="alert-title">${this.title}</div>
-    ` : '';
-        }
-        renderDescriptionSection() {
-            return /*html*/ `
-      <div class="alert-description">
-        <slot></slot>
-      </div>
-    `;
-        }
-        renderDismissSection() {
-            return this.dismissible ? /*html*/ `
-      <button class="alert-dismiss" type="button" aria-label="Dismiss alert">
-        <svg viewBox="0 0 24 24" fill="currentColor">
-          <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"/>
-        </svg>
-      </button>
-    ` : '';
-        }
-        css() {
-            return css;
+        componentStyles() {
+            return css /*css*/ `${cssContent}`;
         }
         shouldShowDefaultIcon() {
             // Show default icons for variants unless explicitly disabled

package/dist/components/alert/snice-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-alert.js","sources":["../../../components/alert/snice-alert.css?inline","../../../../components/alert/snice-alert.ts"],"sourcesContent":["export default \":host {\\n  display: block;\\n  --alert-padding: 0.75rem 1rem; /* 12px 16px */\\n  --alert-border-radius: 6px;\\n  --alert-font-size: 0.875rem; /* 14px */\\n  --alert-icon-size: 1.25rem; /* 20px */\\n  --alert-border-width: 1px;\\n}\\n\\n.alert {\\n  display: flex;\\n  align-items: flex-start;\\n  padding: var(--alert-padding);\\n  border-radius: var(--alert-border-radius);\\n  font-size: var(--alert-font-size);\\n  line-height: 1.5;\\n  border: var(--alert-border-width) solid;\\n  position: relative;\\n  animation: slideIn 0.3s ease;\\n}\\n\\n.alert--hidden {\\n  display: none;\\n}\\n\\n@keyframes slideIn {\\n  from {\\n    opacity: 0;\\n    transform: translateY(-10px);\\n  }\\n  to {\\n    opacity: 1;\\n    transform: translateY(0);\\n  }\\n}\\n\\n@keyframes slideOut {\\n  from {\\n    opacity: 1;\\n    transform: translateY(0);\\n  }\\n  to {\\n    opacity: 0;\\n    transform: translateY(-10px);\\n  }\\n}\\n\\n.alert--hiding {\\n  animation: slideOut 0.3s ease forwards;\\n}\\n\\n/* Variants */\\n:host([variant=\\\"info\\\"]) .alert {\\n  background: rgb(var(--snice-color-blue-50, 239 246 255));\\n  border-color: rgb(var(--snice-color-blue-200, 191 219 254));\\n  color: rgb(var(--snice-color-blue-900, 30 58 138));\\n}\\n\\n:host([variant=\\\"success\\\"]) .alert {\\n  background: rgb(var(--snice-color-green-50, 240 253 244));\\n  border-color: rgb(var(--snice-color-green-200, 187 247 208));\\n  color: rgb(var(--snice-color-green-900, 20 83 45));\\n}\\n\\n:host([variant=\\\"warning\\\"]) .alert {\\n  background: rgb(var(--snice-color-yellow-50, 254 252 232));\\n  border-color: rgb(var(--snice-color-yellow-200, 254 240 138));\\n  color: rgb(var(--snice-color-yellow-900, 113 63 18));\\n}\\n\\n:host([variant=\\\"error\\\"]) .alert {\\n  background: rgb(var(--snice-color-red-50, 254 242 242));\\n  border-color: rgb(var(--snice-color-red-200, 254 202 202));\\n  color: rgb(var(--snice-color-red-900, 127 29 29));\\n}\\n\\n/* Icon */\\n.alert-icon {\\n  flex-shrink: 0;\\n  width: var(--alert-icon-size);\\n  height: var(--alert-icon-size);\\n  margin-right: 0.75rem; /* 12px */\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n\\n.alert-icon svg {\\n  width: 100%;\\n  height: 100%;\\n}\\n\\n/* Default icons */\\n:host([variant=\\\"info\\\"]) .alert-icon--default::before {\\n  content: \\\"ℹ\\\";\\n  font-size: 1.125rem; /* 18px */\\n  font-weight: bold;\\n}\\n\\n:host([variant=\\\"success\\\"]) .alert-icon--default::before {\\n  content: \\\"✓\\\";\\n  font-size: 1rem; /* 16px */\\n  font-weight: bold;\\n}\\n\\n:host([variant=\\\"warning\\\"]) .alert-icon--default::before {\\n  content: \\\"⚠\\\";\\n  font-size: 1.125rem; /* 18px */\\n}\\n\\n:host([variant=\\\"error\\\"]) .alert-icon--default::before {\\n  content: \\\"✕\\\";\\n  font-size: 1rem; /* 16px */\\n  font-weight: bold;\\n}\\n\\n/* Content */\\n.alert-content {\\n  flex: 1;\\n  min-width: 0;\\n}\\n\\n.alert-title {\\n  font-weight: 600;\\n  margin-bottom: 0.25rem; /* 4px */\\n}\\n\\n.alert-title:empty {\\n  display: none;\\n}\\n\\n.alert-description {\\n  color: inherit;\\n  opacity: 0.9;\\n}\\n\\n/* Dismiss button */\\n.alert-dismiss {\\n  flex-shrink: 0;\\n  margin-left: 0.75rem; /* 12px */\\n  margin-right: -0.25rem; /* -4px */\\n  padding: 0.25rem; /* 4px */\\n  background: none;\\n  border: none;\\n  cursor: pointer;\\n  opacity: 0.6;\\n  transition: opacity 0.2s ease;\\n  border-radius: 4px;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  color: inherit;\\n}\\n\\n.alert-dismiss:hover {\\n  opacity: 1;\\n}\\n\\n.alert-dismiss:focus-visible {\\n  outline: 2px solid currentColor;\\n  outline-offset: 2px; /* Keep px for crisp outline */\\n}\\n\\n.alert-dismiss svg {\\n  width: 1rem; /* 16px */\\n  height: 1rem; /* 16px */\\n}\\n\\n/* Sizes */\\n:host([size=\\\"small\\\"]) {\\n  --alert-padding: 0.5rem 0.75rem; /* 8px 12px */\\n  --alert-font-size: 0.75rem; /* 12px */\\n  --alert-icon-size: 1rem; /* 16px */\\n  --alert-border-radius: 4px;\\n}\\n\\n:host([size=\\\"large\\\"]) {\\n  --alert-padding: 1rem 1.25rem; /* 16px 20px */\\n  --alert-font-size: 1rem; /* 16px */\\n  --alert-icon-size: 1.5rem; /* 24px */\\n  --alert-border-radius: 8px;\\n}\\n\\n/* Accessibility */\\n.sr-only {\\n  position: absolute;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  margin: -1px;\\n  overflow: hidden;\\n  clip: rect(0, 0, 0, 0);\\n  white-space: nowrap;\\n  border: 0;\\n}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-alert.js","sources":["../../../components/alert/snice-alert.css?inline","../../../../components/alert/snice-alert.ts"],"sourcesContent":["export default \":host{display:block;--alert-padding:0.75rem 1rem;--alert-border-radius:6px;--alert-font-size:0.875rem;--alert-icon-size:1.25rem;--alert-border-width:1px}.alert{display:flex;align-items:flex-start;padding:var(--alert-padding);border-radius:var(--alert-border-radius);font-size:var(--alert-font-size);line-height:1.5;border:var(--alert-border-width) solid;position:relative;animation:.3s slideIn}.alert--hidden{display:none}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.alert--hiding{animation:.3s forwards slideOut}:host([variant=info]) .alert{background:rgb(var(--snice-color-blue-50,239 246 255));border-color:rgb(var(--snice-color-blue-200,191 219 254));color:rgb(var(--snice-color-blue-900,30 58 138))}:host([variant=success]) .alert{background:rgb(var(--snice-color-green-50,240 253 244));border-color:rgb(var(--snice-color-green-200,187 247 208));color:rgb(var(--snice-color-green-900,20 83 45))}:host([variant=warning]) .alert{background:rgb(var(--snice-color-yellow-50,254 252 232));border-color:rgb(var(--snice-color-yellow-200,254 240 138));color:rgb(var(--snice-color-yellow-900,113 63 18))}:host([variant=error]) .alert{background:rgb(var(--snice-color-red-50,254 242 242));border-color:rgb(var(--snice-color-red-200,254 202 202));color:rgb(var(--snice-color-red-900,127 29 29))}.alert-icon{flex-shrink:0;width:var(--alert-icon-size);height:var(--alert-icon-size);margin-right:.75rem;display:flex;align-items:center;justify-content:center}.alert-icon svg{width:100%;height:100%}:host([variant=info]) .alert-icon--default::before{content:\\\"ℹ\\\";font-size:1.125rem;font-weight:700}:host([variant=success]) .alert-icon--default::before{content:\\\"✓\\\";font-size:1rem;font-weight:700}:host([variant=warning]) .alert-icon--default::before{content:\\\"⚠\\\";font-size:1.125rem}:host([variant=error]) .alert-icon--default::before{content:\\\"✕\\\";font-size:1rem;font-weight:700}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-title:empty{display:none}.alert-description{color:inherit;opacity:.9}.alert-dismiss{flex-shrink:0;margin-left:.75rem;margin-right:-.25rem;padding:.25rem;background:0 0;border:none;cursor:pointer;opacity:.6;transition:opacity .2s;border-radius:4px;display:flex;align-items:center;justify-content:center;color:inherit}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:currentColor solid 2px;outline-offset:2px}.alert-dismiss svg{width:1rem;height:1rem}:host([size=small]){--alert-padding:0.5rem 0.75rem;--alert-font-size:0.75rem;--alert-icon-size:1rem;--alert-border-radius:4px}:host([size=large]){--alert-padding:1rem 1.25rem;--alert-font-size:1rem;--alert-icon-size:1.5rem;--alert-border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\";",null],"names":[],"mappings":"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"}

package/dist/components/avatar/snice-avatar.d.ts

@@ -10,12 +10,8 @@ export declare class SniceAvatar extends HTMLElement implements SniceAvatarEleme
     imageElement?: HTMLImageElement;
     fallbackElement?: HTMLElement;
     private imageError;
-    html(): string;
-    renderImageSection(): string;
-    renderFallbackSection(): string;
-    css(): string;
-    init(): void;
-    private setupImageHandlers;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
     handleImageLoad(): void;
     handleImageError(): void;
     getInitials(name: string): string;

package/dist/components/avatar/snice-avatar.js

@@ -1,7 +1,7 @@
-import { __runInitializers, __esDecorate } from 'tslib';
-import { element, property, query, watch, part, ready, on } from 'snice';
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, query, render, styles, html, css } from 'snice';
 
-var css = ":host {\n  display: inline-block;\n  --avatar-size: 2.5rem; /* 40px */\n  --avatar-bg: #6b7280;\n  --avatar-color: #ffffff;\n}\n\n.avatar {\n  position: relative;\n  width: var(--avatar-size);\n  height: var(--avatar-size);\n  overflow: hidden;\n  background: var(--avatar-bg);\n  color: var(--avatar-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 600;\n  user-select: none;\n}\n\n/* Shapes */\n:host([shape=\"circle\"]) .avatar {\n  border-radius: 50%;\n}\n\n:host([shape=\"square\"]) .avatar {\n  border-radius: 0;\n}\n\n:host([shape=\"rounded\"]) .avatar {\n  border-radius: 8px;\n}\n\n/* Sizes */\n:host([size=\"xs\"]) {\n  --avatar-size: 1.5rem; /* 24px */\n  font-size: 0.625rem; /* 10px */\n}\n\n:host([size=\"small\"]) {\n  --avatar-size: 2rem; /* 32px */\n  font-size: 0.75rem; /* 12px */\n}\n\n:host([size=\"medium\"]) {\n  --avatar-size: 2.5rem; /* 40px */\n  font-size: 0.875rem; /* 14px */\n}\n\n:host([size=\"large\"]) {\n  --avatar-size: 3rem; /* 48px */\n  font-size: 1rem; /* 16px */\n}\n\n:host([size=\"xl\"]) {\n  --avatar-size: 4rem; /* 64px */\n  font-size: 1.25rem; /* 20px */\n}\n\n:host([size=\"xxl\"]) {\n  --avatar-size: 6rem; /* 96px */\n  font-size: 2rem; /* 32px */\n}\n\n/* Image */\n.avatar-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.avatar-image--error {\n  display: none;\n}\n\n/* Fallback */\n.avatar-fallback {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.2s ease;\n}\n\n.avatar-fallback--visible {\n  opacity: 1;\n  visibility: visible;\n}\n\n.avatar-icon {\n  width: 60%;\n  height: 60%;\n  opacity: 0.9;\n}\n\n/* Avatar color classes for fallback backgrounds */\n.avatar--red { background: rgb(var(--avatar-color-red, 239 68 68)); }\n.avatar--orange { background: rgb(var(--avatar-color-orange, 251 146 60)); }\n.avatar--yellow { background: rgb(var(--avatar-color-yellow, 234 179 8)); }\n.avatar--lime { background: rgb(var(--avatar-color-lime, 163 230 53)); }\n.avatar--green { background: rgb(var(--avatar-color-green, 34 197 94)); }\n.avatar--teal { background: rgb(var(--avatar-color-teal, 20 184 166)); }\n.avatar--cyan { background: rgb(var(--avatar-color-cyan, 6 182 212)); }\n.avatar--sky { background: rgb(var(--avatar-color-sky, 14 165 233)); }\n.avatar--blue { background: rgb(var(--avatar-color-blue, 59 130 246)); }\n.avatar--indigo { background: rgb(var(--avatar-color-indigo, 99 102 241)); }\n.avatar--violet { background: rgb(var(--avatar-color-violet, 139 92 246)); }\n.avatar--purple { background: rgb(var(--avatar-color-purple, 168 85 247)); }\n.avatar--fuchsia { background: rgb(var(--avatar-color-fuchsia, 217 70 239)); }\n.avatar--pink { background: rgb(var(--avatar-color-pink, 236 72 153)); }\n.avatar--rose { background: rgb(var(--avatar-color-rose, 244 63 94)); }\n\n/* Group avatar support */\n:host(.avatar-group-item) {\n  margin-left: -0.5rem; /* -8px */\n  border: 2px solid white; /* Keep px for crisp borders */\n  border-radius: 50%;\n}\n\n:host(.avatar-group-item:first-child) {\n  margin-left: 0;\n}\n\n:host(.avatar-group-item) .avatar {\n  border: 2px solid white;\n}";
+var cssContent = ":host{display:inline-block;--avatar-size:2.5rem;--avatar-bg:#6b7280;--avatar-color:#ffffff}case,default,if,when{display:contents}.avatar{position:relative;width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;background:var(--avatar-bg);color:var(--avatar-color);display:flex;align-items:center;justify-content:center;font-weight:600;user-select:none}:host([shape=circle]) .avatar{border-radius:50%}:host([shape=square]) .avatar{border-radius:0}:host([shape=rounded]) .avatar{border-radius:8px}:host([size=xs]){--avatar-size:1.5rem;font-size:.625rem}:host([size=small]){--avatar-size:2rem;font-size:.75rem}:host([size=medium]){--avatar-size:2.5rem;font-size:.875rem}:host([size=large]){--avatar-size:3rem;font-size:1rem}:host([size=xl]){--avatar-size:4rem;font-size:1.25rem}:host([size=xxl]){--avatar-size:6rem;font-size:2rem}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-image--error{display:none}.avatar-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s}.avatar-fallback--visible{opacity:1;visibility:visible}.avatar-icon{width:60%;height:60%;opacity:.9;display:block}.avatar--red{background:rgb(var(--avatar-color-red,239 68 68))}.avatar--orange{background:rgb(var(--avatar-color-orange,251 146 60))}.avatar--yellow{background:rgb(var(--avatar-color-yellow,234 179 8))}.avatar--lime{background:rgb(var(--avatar-color-lime,163 230 53))}.avatar--green{background:rgb(var(--avatar-color-green,34 197 94))}.avatar--teal{background:rgb(var(--avatar-color-teal,20 184 166))}.avatar--cyan{background:rgb(var(--avatar-color-cyan,6 182 212))}.avatar--sky{background:rgb(var(--avatar-color-sky,14 165 233))}.avatar--blue{background:rgb(var(--avatar-color-blue,59 130 246))}.avatar--indigo{background:rgb(var(--avatar-color-indigo,99 102 241))}.avatar--violet{background:rgb(var(--avatar-color-violet,139 92 246))}.avatar--purple{background:rgb(var(--avatar-color-purple,168 85 247))}.avatar--fuchsia{background:rgb(var(--avatar-color-fuchsia,217 70 239))}.avatar--pink{background:rgb(var(--avatar-color-pink,236 72 153))}.avatar--rose{background:rgb(var(--avatar-color-rose,244 63 94))}:host(.avatar-group-item){margin-left:-.5rem;border:2px solid #fff;border-radius:50%}:host(.avatar-group-item:first-child){margin-left:0}:host(.avatar-group-item) .avatar{border:2px solid #fff}";
 
 let SniceAvatar = (() => {
     let _classDecorators = [element('snice-avatar')];
@@ -37,26 +37,13 @@ let SniceAvatar = (() => {
     let _fallbackElement_decorators;
     let _fallbackElement_initializers = [];
     let _fallbackElement_extraInitializers = [];
-    let _renderImageSection_decorators;
-    let _renderFallbackSection_decorators;
-    let _init_decorators;
-    let _handleImageLoad_decorators;
-    let _handleImageError_decorators;
+    let _imageError_decorators;
+    let _imageError_initializers = [];
+    let _imageError_extraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
     (class extends _classSuper {
         static { _classThis = this; }
-        constructor() {
-            super(...arguments);
-            this.src = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _src_initializers, ''));
-            this.alt = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _alt_initializers, ''));
-            this.name = (__runInitializers(this, _alt_extraInitializers), __runInitializers(this, _name_initializers, ''));
-            this.size = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
-            this.shape = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _shape_initializers, 'circle'));
-            this.fallbackColor = (__runInitializers(this, _shape_extraInitializers), __runInitializers(this, _fallbackColor_initializers, '#ffffff'));
-            this.fallbackBackground = (__runInitializers(this, _fallbackColor_extraInitializers), __runInitializers(this, _fallbackBackground_initializers, ''));
-            this.imageElement = (__runInitializers(this, _fallbackBackground_extraInitializers), __runInitializers(this, _imageElement_initializers, void 0));
-            this.fallbackElement = (__runInitializers(this, _imageElement_extraInitializers), __runInitializers(this, _fallbackElement_initializers, void 0));
-            this.imageError = (__runInitializers(this, _fallbackElement_extraInitializers), false);
-        }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _src_decorators = [property({})];
@@ -68,16 +55,11 @@ let SniceAvatar = (() => {
             _fallbackBackground_decorators = [property({ attribute: 'fallback-background', })];
             _imageElement_decorators = [query('.avatar-image')];
             _fallbackElement_decorators = [query('.avatar-fallback')];
-            _renderImageSection_decorators = [watch('src'), part('image-section')];
-            _renderFallbackSection_decorators = [watch('name'), part('fallback-section')];
-            _init_decorators = [ready()];
-            _handleImageLoad_decorators = [on('load', '.avatar-image')];
-            _handleImageError_decorators = [on('error', '.avatar-image')];
-            __esDecorate(this, null, _renderImageSection_decorators, { kind: "method", name: "renderImageSection", static: false, private: false, access: { has: obj => "renderImageSection" in obj, get: obj => obj.renderImageSection }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _renderFallbackSection_decorators, { kind: "method", name: "renderFallbackSection", static: false, private: false, access: { has: obj => "renderFallbackSection" in obj, get: obj => obj.renderFallbackSection }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleImageLoad_decorators, { kind: "method", name: "handleImageLoad", static: false, private: false, access: { has: obj => "handleImageLoad" in obj, get: obj => obj.handleImageLoad }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleImageError_decorators, { kind: "method", name: "handleImageError", static: false, private: false, access: { has: obj => "handleImageError" in obj, get: obj => obj.handleImageError }, metadata: _metadata }, null, _instanceExtraInitializers);
+            _imageError_decorators = [property({ type: Boolean, attribute: false })];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _src_decorators, { kind: "field", name: "src", static: false, private: false, access: { has: obj => "src" in obj, get: obj => obj.src, set: (obj, value) => { obj.src = value; } }, metadata: _metadata }, _src_initializers, _src_extraInitializers);
             __esDecorate(null, null, _alt_decorators, { kind: "field", name: "alt", static: false, private: false, access: { has: obj => "alt" in obj, get: obj => obj.alt, set: (obj, value) => { obj.alt = value; } }, metadata: _metadata }, _alt_initializers, _alt_extraInitializers);
             __esDecorate(null, null, _name_decorators, { kind: "field", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
@@ -87,67 +69,64 @@ let SniceAvatar = (() => {
             __esDecorate(null, null, _fallbackBackground_decorators, { kind: "field", name: "fallbackBackground", static: false, private: false, access: { has: obj => "fallbackBackground" in obj, get: obj => obj.fallbackBackground, set: (obj, value) => { obj.fallbackBackground = value; } }, metadata: _metadata }, _fallbackBackground_initializers, _fallbackBackground_extraInitializers);
             __esDecorate(null, null, _imageElement_decorators, { kind: "field", name: "imageElement", static: false, private: false, access: { has: obj => "imageElement" in obj, get: obj => obj.imageElement, set: (obj, value) => { obj.imageElement = value; } }, metadata: _metadata }, _imageElement_initializers, _imageElement_extraInitializers);
             __esDecorate(null, null, _fallbackElement_decorators, { kind: "field", name: "fallbackElement", static: false, private: false, access: { has: obj => "fallbackElement" in obj, get: obj => obj.fallbackElement, set: (obj, value) => { obj.fallbackElement = value; } }, metadata: _metadata }, _fallbackElement_initializers, _fallbackElement_extraInitializers);
+            __esDecorate(null, null, _imageError_decorators, { kind: "field", name: "imageError", static: false, private: false, access: { has: obj => "imageError" in obj, get: obj => obj.imageError, set: (obj, value) => { obj.imageError = value; } }, metadata: _metadata }, _imageError_initializers, _imageError_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        html() {
+        renderContent() {
             const colorClass = this.fallbackBackground ? '' : this.getColorClass(this.name);
-            const bgStyle = this.fallbackBackground ? `style="--avatar-bg: ${this.fallbackBackground}; --avatar-color: ${this.fallbackColor}"` : '';
-            return /*html*/ `
-      <div class="avatar ${colorClass}" ${bgStyle}>
-        <div part="image-section"></div>
-        <div part="fallback-section"></div>
-      </div>
-    `;
-        }
-        renderImageSection() {
-            return this.src ? /*html*/ `
-      <img class="avatar-image ${this.imageError ? 'avatar-image--error' : ''}" 
-           src="${this.src}" 
-           alt="${this.alt || this.name}"
-           loading="lazy">
-    ` : '';
-        }
-        renderFallbackSection() {
+            const bgStyle = this.fallbackBackground ? `--avatar-bg: ${this.fallbackBackground}; --avatar-color: ${this.fallbackColor}` : '';
             const initials = this.getInitials(this.name);
-            return /*html*/ `
-      <div class="avatar-fallback ${!this.src || this.imageError ? 'avatar-fallback--visible' : ''}">
-        ${initials || this.renderIcon()}
+            const avatarClasses = ['avatar', colorClass].filter(Boolean).join(' ');
+            const imageClasses = ['avatar-image', this.imageError ? 'avatar-image--error' : ''].filter(Boolean).join(' ');
+            const fallbackClasses = ['avatar-fallback', !this.src || this.imageError ? 'avatar-fallback--visible' : ''].filter(Boolean).join(' ');
+            return html /*html*/ `
+      <div class="${avatarClasses}" style="${bgStyle}">
+        <if ${this.src}>
+          <img class="${imageClasses}"
+               src="${this.src}"
+               alt="${this.alt || this.name}"
+               loading="lazy"
+               @load=${this.handleImageLoad}
+               @error=${this.handleImageError}>
+        </if>
+        <div class="${fallbackClasses}">
+          <case ${initials}>
+            <when value="">
+              <svg class="avatar-icon" viewBox="0 0 24 24" fill="currentColor">
+                <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
+              </svg>
+            </when>
+            <default>
+              ${initials}
+            </default>
+          </case>
+        </div>
       </div>
     `;
         }
-        css() {
-            return css;
-        }
-        init() {
-            this.setupImageHandlers();
-        }
-        setupImageHandlers() {
-            if (this.imageElement) {
-                this.imageElement.addEventListener('load', this.handleImageLoad.bind(this));
-                this.imageElement.addEventListener('error', this.handleImageError.bind(this));
-            }
+        componentStyles() {
+            return css /*css*/ `${cssContent}`;
         }
         handleImageLoad() {
             this.imageError = false;
-            this.renderImageSection();
-            this.renderFallbackSection();
         }
         handleImageError() {
             this.imageError = true;
-            this.renderImageSection();
-            this.renderFallbackSection();
         }
         getInitials(name) {
             if (!name)
                 return '';
-            const words = name.trim().split(/\s+/);
+            const words = name.trim().split(/\s+/).filter(w => w.length > 0);
+            if (words.length === 0)
+                return '';
             if (words.length === 1) {
-                return words[0].substring(0, 2).toUpperCase();
+                return words[0][0].toUpperCase();
             }
-            return (words[0][0] + words[words.length - 1][0]).toUpperCase();
+            // Use first and second word (not first and last)
+            return (words[0][0] + words[1][0]).toUpperCase();
         }
         getColorClass(name) {
             if (!name)
@@ -166,12 +145,26 @@ let SniceAvatar = (() => {
             return `avatar--${colors[colorIndex]}`;
         }
         renderIcon() {
-            return /*html*/ `
+            return html `
       <svg class="avatar-icon" viewBox="0 0 24 24" fill="currentColor">
         <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
       </svg>
     `;
         }
+        constructor() {
+            super(...arguments);
+            this.src = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _src_initializers, ''));
+            this.alt = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _alt_initializers, ''));
+            this.name = (__runInitializers(this, _alt_extraInitializers), __runInitializers(this, _name_initializers, ''));
+            this.size = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
+            this.shape = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _shape_initializers, 'circle'));
+            this.fallbackColor = (__runInitializers(this, _shape_extraInitializers), __runInitializers(this, _fallbackColor_initializers, '#ffffff'));
+            this.fallbackBackground = (__runInitializers(this, _fallbackColor_extraInitializers), __runInitializers(this, _fallbackBackground_initializers, ''));
+            this.imageElement = (__runInitializers(this, _fallbackBackground_extraInitializers), __runInitializers(this, _imageElement_initializers, void 0));
+            this.fallbackElement = (__runInitializers(this, _imageElement_extraInitializers), __runInitializers(this, _fallbackElement_initializers, void 0));
+            this.imageError = (__runInitializers(this, _fallbackElement_extraInitializers), __runInitializers(this, _imageError_initializers, false));
+            __runInitializers(this, _imageError_extraInitializers);
+        }
     });
     return _classThis;
 })();

package/dist/components/avatar/snice-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-avatar.js","sources":["../../../components/avatar/snice-avatar.css?inline","../../../../components/avatar/snice-avatar.ts"],"sourcesContent":["export default \":host {\\n  display: inline-block;\\n  --avatar-size: 2.5rem; /* 40px */\\n  --avatar-bg: #6b7280;\\n  --avatar-color: #ffffff;\\n}\\n\\n.avatar {\\n  position: relative;\\n  width: var(--avatar-size);\\n  height: var(--avatar-size);\\n  overflow: hidden;\\n  background: var(--avatar-bg);\\n  color: var(--avatar-color);\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  font-weight: 600;\\n  user-select: none;\\n}\\n\\n/* Shapes */\\n:host([shape=\\\"circle\\\"]) .avatar {\\n  border-radius: 50%;\\n}\\n\\n:host([shape=\\\"square\\\"]) .avatar {\\n  border-radius: 0;\\n}\\n\\n:host([shape=\\\"rounded\\\"]) .avatar {\\n  border-radius: 8px;\\n}\\n\\n/* Sizes */\\n:host([size=\\\"xs\\\"]) {\\n  --avatar-size: 1.5rem; /* 24px */\\n  font-size: 0.625rem; /* 10px */\\n}\\n\\n:host([size=\\\"small\\\"]) {\\n  --avatar-size: 2rem; /* 32px */\\n  font-size: 0.75rem; /* 12px */\\n}\\n\\n:host([size=\\\"medium\\\"]) {\\n  --avatar-size: 2.5rem; /* 40px */\\n  font-size: 0.875rem; /* 14px */\\n}\\n\\n:host([size=\\\"large\\\"]) {\\n  --avatar-size: 3rem; /* 48px */\\n  font-size: 1rem; /* 16px */\\n}\\n\\n:host([size=\\\"xl\\\"]) {\\n  --avatar-size: 4rem; /* 64px */\\n  font-size: 1.25rem; /* 20px */\\n}\\n\\n:host([size=\\\"xxl\\\"]) {\\n  --avatar-size: 6rem; /* 96px */\\n  font-size: 2rem; /* 32px */\\n}\\n\\n/* Image */\\n.avatar-image {\\n  width: 100%;\\n  height: 100%;\\n  object-fit: cover;\\n  display: block;\\n}\\n\\n.avatar-image--error {\\n  display: none;\\n}\\n\\n/* Fallback */\\n.avatar-fallback {\\n  position: absolute;\\n  inset: 0;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  opacity: 0;\\n  visibility: hidden;\\n  transition: opacity 0.2s ease;\\n}\\n\\n.avatar-fallback--visible {\\n  opacity: 1;\\n  visibility: visible;\\n}\\n\\n.avatar-icon {\\n  width: 60%;\\n  height: 60%;\\n  opacity: 0.9;\\n}\\n\\n/* Avatar color classes for fallback backgrounds */\\n.avatar--red { background: rgb(var(--avatar-color-red, 239 68 68)); }\\n.avatar--orange { background: rgb(var(--avatar-color-orange, 251 146 60)); }\\n.avatar--yellow { background: rgb(var(--avatar-color-yellow, 234 179 8)); }\\n.avatar--lime { background: rgb(var(--avatar-color-lime, 163 230 53)); }\\n.avatar--green { background: rgb(var(--avatar-color-green, 34 197 94)); }\\n.avatar--teal { background: rgb(var(--avatar-color-teal, 20 184 166)); }\\n.avatar--cyan { background: rgb(var(--avatar-color-cyan, 6 182 212)); }\\n.avatar--sky { background: rgb(var(--avatar-color-sky, 14 165 233)); }\\n.avatar--blue { background: rgb(var(--avatar-color-blue, 59 130 246)); }\\n.avatar--indigo { background: rgb(var(--avatar-color-indigo, 99 102 241)); }\\n.avatar--violet { background: rgb(var(--avatar-color-violet, 139 92 246)); }\\n.avatar--purple { background: rgb(var(--avatar-color-purple, 168 85 247)); }\\n.avatar--fuchsia { background: rgb(var(--avatar-color-fuchsia, 217 70 239)); }\\n.avatar--pink { background: rgb(var(--avatar-color-pink, 236 72 153)); }\\n.avatar--rose { background: rgb(var(--avatar-color-rose, 244 63 94)); }\\n\\n/* Group avatar support */\\n:host(.avatar-group-item) {\\n  margin-left: -0.5rem; /* -8px */\\n  border: 2px solid white; /* Keep px for crisp borders */\\n  border-radius: 50%;\\n}\\n\\n:host(.avatar-group-item:first-child) {\\n  margin-left: 0;\\n}\\n\\n:host(.avatar-group-item) .avatar {\\n  border: 2px solid white;\\n}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-avatar.js","sources":["../../../components/avatar/snice-avatar.css?inline","../../../../components/avatar/snice-avatar.ts"],"sourcesContent":["export default \":host{display:inline-block;--avatar-size:2.5rem;--avatar-bg:#6b7280;--avatar-color:#ffffff}case,default,if,when{display:contents}.avatar{position:relative;width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;background:var(--avatar-bg);color:var(--avatar-color);display:flex;align-items:center;justify-content:center;font-weight:600;user-select:none}:host([shape=circle]) .avatar{border-radius:50%}:host([shape=square]) .avatar{border-radius:0}:host([shape=rounded]) .avatar{border-radius:8px}:host([size=xs]){--avatar-size:1.5rem;font-size:.625rem}:host([size=small]){--avatar-size:2rem;font-size:.75rem}:host([size=medium]){--avatar-size:2.5rem;font-size:.875rem}:host([size=large]){--avatar-size:3rem;font-size:1rem}:host([size=xl]){--avatar-size:4rem;font-size:1.25rem}:host([size=xxl]){--avatar-size:6rem;font-size:2rem}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-image--error{display:none}.avatar-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s}.avatar-fallback--visible{opacity:1;visibility:visible}.avatar-icon{width:60%;height:60%;opacity:.9;display:block}.avatar--red{background:rgb(var(--avatar-color-red,239 68 68))}.avatar--orange{background:rgb(var(--avatar-color-orange,251 146 60))}.avatar--yellow{background:rgb(var(--avatar-color-yellow,234 179 8))}.avatar--lime{background:rgb(var(--avatar-color-lime,163 230 53))}.avatar--green{background:rgb(var(--avatar-color-green,34 197 94))}.avatar--teal{background:rgb(var(--avatar-color-teal,20 184 166))}.avatar--cyan{background:rgb(var(--avatar-color-cyan,6 182 212))}.avatar--sky{background:rgb(var(--avatar-color-sky,14 165 233))}.avatar--blue{background:rgb(var(--avatar-color-blue,59 130 246))}.avatar--indigo{background:rgb(var(--avatar-color-indigo,99 102 241))}.avatar--violet{background:rgb(var(--avatar-color-violet,139 92 246))}.avatar--purple{background:rgb(var(--avatar-color-purple,168 85 247))}.avatar--fuchsia{background:rgb(var(--avatar-color-fuchsia,217 70 239))}.avatar--pink{background:rgb(var(--avatar-color-pink,236 72 153))}.avatar--rose{background:rgb(var(--avatar-color-rose,244 63 94))}:host(.avatar-group-item){margin-left:-.5rem;border:2px solid #fff;border-radius:50%}:host(.avatar-group-item:first-child){margin-left:0}:host(.avatar-group-item) .avatar{border:2px solid #fff}\";",null],"names":[],"mappings":"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"}

package/dist/components/badge/snice-badge.d.ts

@@ -11,9 +11,8 @@ export declare class SniceBadge extends HTMLElement implements SniceBadgeElement
     pulse: boolean;
     offset: number;
     badgeElement?: HTMLElement;
-    html(): string;
-    renderBadgeSection(): string;
-    css(): string;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
     private getDisplayContent;
     private shouldShowBadge;
     init(): void;