snice 2.5.4 → 3.2.0

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

@@ -1,7 +1,7 @@
 import { __esDecorate, __runInitializers } from 'tslib';
-import { element, property, query, watch, part, ready } from 'snice';
+import { element, property, query, render, styles, ready, watch, html, css } from 'snice';
 
-var css = ":host {\n  display: inline-block;\n  --badge-offset: 0px;\n}\n\n.badge-wrapper {\n  position: relative;\n  display: inline-block;\n  width: fit-content;\n  height: fit-content;\n}\n\n.badge {\n  position: absolute;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 1.25rem; /* 20px */\n  height: 1.25rem; /* 20px */\n  padding: 0 0.375rem; /* 0 6px */\n  border-radius: 10px;\n  font-size: 0.75rem; /* 12px */\n  font-weight: 600;\n  line-height: 1;\n  white-space: nowrap;\n  z-index: 1;\n  transition: opacity 0.2s ease;\n  box-shadow: var(--snice-shadow-sm);\n  border: 2px solid rgba(255, 255, 255, 0.9);\n  box-sizing: border-box;\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.3);\n}\n\n.badge--dot {\n  min-width: 0.5rem; /* 8px */\n  height: 0.5rem; /* 8px */\n  padding: 0;\n  border-radius: 50%;\n  border: none;\n}\n\n/* Sizes */\n:host([size=\"small\"]) .badge {\n  min-width: 1rem; /* 16px */\n  height: 1rem; /* 16px */\n  padding: 0 0.25rem; /* 0 4px */\n  font-size: 0.625rem; /* 10px */\n}\n\n:host([size=\"small\"]) .badge--dot {\n  min-width: 0.375rem; /* 6px */\n  height: 0.375rem; /* 6px */\n}\n\n:host([size=\"large\"]) .badge {\n  min-width: 1.5rem; /* 24px */\n  height: 1.5rem; /* 24px */\n  padding: 0 0.5rem; /* 0 8px */\n  font-size: 0.875rem; /* 14px */\n}\n\n:host([size=\"large\"]) .badge--dot {\n  min-width: 0.625rem; /* 10px */\n  height: 0.625rem; /* 10px */\n}\n\n/* Pulse animation */\n.badge--pulse {\n  animation: pulse 2s infinite;\n}\n\n.badge--pulse.badge--dot::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  background: inherit;\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n\n@keyframes pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.8;\n  }\n}\n\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n/* Positions */\n:host([position=\"top-right\"]) .badge,\n:host(:not([position])) .badge {\n  top: var(--badge-offset);\n  right: var(--badge-offset);\n  transform: translate(50%, -50%);\n}\n\n:host([position=\"top-left\"]) .badge {\n  top: var(--badge-offset);\n  left: var(--badge-offset);\n  transform: translate(-50%, -50%);\n}\n\n:host([position=\"bottom-right\"]) .badge {\n  bottom: var(--badge-offset);\n  right: var(--badge-offset);\n  transform: translate(50%, 50%);\n}\n\n:host([position=\"bottom-left\"]) .badge {\n  bottom: var(--badge-offset);\n  left: var(--badge-offset);\n  transform: translate(-50%, 50%);\n}\n\n/* Inline mode */\n:host([inline]) .badge {\n  position: static;\n  transform: none;\n  margin-left: 0.5rem; /* 8px */\n  vertical-align: middle;\n}\n\n/* Variants - using standard colors with emphasized borders */\n:host([variant=\"default\"]) .badge,\n:host(:not([variant])) .badge {\n  background: rgb(var(--snice-color-gray-600));\n  color: white;\n}\n\n:host([variant=\"primary\"]) .badge {\n  background: rgb(var(--snice-color-blue-600));\n  color: white;\n}\n\n:host([variant=\"success\"]) .badge {\n  background: rgb(var(--snice-color-green-600));\n  color: white;\n}\n\n:host([variant=\"warning\"]) .badge {\n  background: rgb(var(--snice-color-yellow-600));\n  color: white;\n}\n\n:host([variant=\"error\"]) .badge {\n  background: rgb(var(--snice-color-red-600));\n  color: white;\n}\n\n:host([variant=\"info\"]) .badge {\n  background: rgb(var(--snice-color-blue-600));\n  color: white;\n}";
+var cssContent = ":host{display:inline-block;--badge-offset:0px}.badge-wrapper{position:relative;display:inline-block;width:fit-content;height:fit-content}.badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:10px;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap;z-index:1;transition:opacity .2s;box-shadow:var(--snice-shadow-sm);border:2px solid rgba(255,255,255,.9);box-sizing:border-box;text-shadow:0 0 2px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.3)}.badge--dot{min-width:.5rem;height:.5rem;padding:0;border-radius:50%;border:none}:host([size=small]) .badge{min-width:1rem;height:1rem;padding:0 .25rem;font-size:.625rem}:host([size=small]) .badge--dot{min-width:.375rem;height:.375rem}:host([size=large]) .badge{min-width:1.5rem;height:1.5rem;padding:0 .5rem;font-size:.875rem}:host([size=large]) .badge--dot{min-width:.625rem;height:.625rem}.badge--pulse{animation:2s infinite pulse}.badge--pulse.badge--dot::before{content:'';position:absolute;inset:0;border-radius:50%;background:inherit;animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}:host(:not([position])) .badge,:host([position=top-right]) .badge{top:var(--badge-offset);right:var(--badge-offset);transform:translate(50%,-50%)}:host([position=top-left]) .badge{top:var(--badge-offset);left:var(--badge-offset);transform:translate(-50%,-50%)}:host([position=bottom-right]) .badge{bottom:var(--badge-offset);right:var(--badge-offset);transform:translate(50%,50%)}:host([position=bottom-left]) .badge{bottom:var(--badge-offset);left:var(--badge-offset);transform:translate(-50%,50%)}:host([inline]) .badge{position:static;transform:none;margin-left:.5rem;vertical-align:middle}:host(:not([variant])) .badge,:host([variant=default]) .badge{background:rgb(var(--snice-color-gray-600));color:#fff}:host([variant=primary]) .badge{background:rgb(var(--snice-color-blue-600));color:#fff}:host([variant=success]) .badge{background:rgb(var(--snice-color-green-600));color:#fff}:host([variant=warning]) .badge{background:rgb(var(--snice-color-yellow-600));color:#fff}:host([variant=error]) .badge{background:rgb(var(--snice-color-red-600));color:#fff}:host([variant=info]) .badge{background:rgb(var(--snice-color-blue-600));color:#fff}";
 
 let SniceBadge = (() => {
     let _classDecorators = [element('snice-badge')];
@@ -43,7 +43,8 @@ let SniceBadge = (() => {
     let _badgeElement_decorators;
     let _badgeElement_initializers = [];
     let _badgeElement_extraInitializers = [];
-    let _renderBadgeSection_decorators;
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
     let _init_decorators;
     let _updateOffset_decorators;
     (class extends _classSuper {
@@ -61,10 +62,12 @@ let SniceBadge = (() => {
             _pulse_decorators = [property({ type: Boolean, })];
             _offset_decorators = [property({ type: Number, })];
             _badgeElement_decorators = [query('.badge')];
-            _renderBadgeSection_decorators = [watch('content', 'count', 'max', 'dot', 'pulse'), part('badge-section')];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
             _init_decorators = [ready()];
             _updateOffset_decorators = [watch('offset')];
-            __esDecorate(this, null, _renderBadgeSection_decorators, { kind: "method", name: "renderBadgeSection", static: false, private: false, access: { has: obj => "renderBadgeSection" in obj, get: obj => obj.renderBadgeSection }, 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, _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, _updateOffset_decorators, { kind: "method", name: "updateOffset", static: false, private: false, access: { has: obj => "updateOffset" in obj, get: obj => obj.updateOffset }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _content_decorators, { kind: "field", name: "content", static: false, private: false, access: { has: obj => "content" in obj, get: obj => obj.content, set: (obj, value) => { obj.content = value; } }, metadata: _metadata }, _content_initializers, _content_extraInitializers);
@@ -83,29 +86,25 @@ let SniceBadge = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        html() {
-            return /*html*/ `
+        renderContent() {
+            const displayContent = this.getDisplayContent();
+            const showBadge = this.shouldShowBadge();
+            const badgeClasses = `badge${this.dot ? ' badge--dot' : ''}${this.pulse ? ' badge--pulse' : ''}`;
+            return html `
       <div class="badge-wrapper">
         <slot></slot>
-        <div part="badge-section"></div>
+        <if ${showBadge}>
+          <span class="${badgeClasses}"
+                aria-label="${displayContent}"
+                role="status">
+            <if ${!this.dot}>${displayContent}</if>
+          </span>
+        </if>
       </div>
     `;
         }
-        renderBadgeSection() {
-            const displayContent = this.getDisplayContent();
-            const showBadge = this.shouldShowBadge();
-            if (!showBadge)
-                return '';
-            return /*html*/ `
-      <span class="badge ${this.dot ? 'badge--dot' : ''} ${this.pulse ? 'badge--pulse' : ''}" 
-            aria-label="${displayContent}"
-            role="status">
-        ${!this.dot ? displayContent : ''}
-      </span>
-    `;
-        }
-        css() {
-            return css;
+        componentStyles() {
+            return css `${cssContent}`;
         }
         getDisplayContent() {
             if (this.dot)

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

@@ -1 +1 @@
-{"version":3,"file":"snice-badge.js","sources":["../../../components/badge/snice-badge.css?inline","../../../../components/badge/snice-badge.ts"],"sourcesContent":["export default \":host {\\n  display: inline-block;\\n  --badge-offset: 0px;\\n}\\n\\n.badge-wrapper {\\n  position: relative;\\n  display: inline-block;\\n  width: fit-content;\\n  height: fit-content;\\n}\\n\\n.badge {\\n  position: absolute;\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  min-width: 1.25rem; /* 20px */\\n  height: 1.25rem; /* 20px */\\n  padding: 0 0.375rem; /* 0 6px */\\n  border-radius: 10px;\\n  font-size: 0.75rem; /* 12px */\\n  font-weight: 600;\\n  line-height: 1;\\n  white-space: nowrap;\\n  z-index: 1;\\n  transition: opacity 0.2s ease;\\n  box-shadow: var(--snice-shadow-sm);\\n  border: 2px solid rgba(255, 255, 255, 0.9);\\n  box-sizing: border-box;\\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.3);\\n}\\n\\n.badge--dot {\\n  min-width: 0.5rem; /* 8px */\\n  height: 0.5rem; /* 8px */\\n  padding: 0;\\n  border-radius: 50%;\\n  border: none;\\n}\\n\\n/* Sizes */\\n:host([size=\\\"small\\\"]) .badge {\\n  min-width: 1rem; /* 16px */\\n  height: 1rem; /* 16px */\\n  padding: 0 0.25rem; /* 0 4px */\\n  font-size: 0.625rem; /* 10px */\\n}\\n\\n:host([size=\\\"small\\\"]) .badge--dot {\\n  min-width: 0.375rem; /* 6px */\\n  height: 0.375rem; /* 6px */\\n}\\n\\n:host([size=\\\"large\\\"]) .badge {\\n  min-width: 1.5rem; /* 24px */\\n  height: 1.5rem; /* 24px */\\n  padding: 0 0.5rem; /* 0 8px */\\n  font-size: 0.875rem; /* 14px */\\n}\\n\\n:host([size=\\\"large\\\"]) .badge--dot {\\n  min-width: 0.625rem; /* 10px */\\n  height: 0.625rem; /* 10px */\\n}\\n\\n/* Pulse animation */\\n.badge--pulse {\\n  animation: pulse 2s infinite;\\n}\\n\\n.badge--pulse.badge--dot::before {\\n  content: '';\\n  position: absolute;\\n  inset: 0;\\n  border-radius: 50%;\\n  background: inherit;\\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\\n}\\n\\n@keyframes pulse {\\n  0%, 100% {\\n    opacity: 1;\\n  }\\n  50% {\\n    opacity: 0.8;\\n  }\\n}\\n\\n@keyframes ping {\\n  75%, 100% {\\n    transform: scale(2);\\n    opacity: 0;\\n  }\\n}\\n\\n/* Positions */\\n:host([position=\\\"top-right\\\"]) .badge,\\n:host(:not([position])) .badge {\\n  top: var(--badge-offset);\\n  right: var(--badge-offset);\\n  transform: translate(50%, -50%);\\n}\\n\\n:host([position=\\\"top-left\\\"]) .badge {\\n  top: var(--badge-offset);\\n  left: var(--badge-offset);\\n  transform: translate(-50%, -50%);\\n}\\n\\n:host([position=\\\"bottom-right\\\"]) .badge {\\n  bottom: var(--badge-offset);\\n  right: var(--badge-offset);\\n  transform: translate(50%, 50%);\\n}\\n\\n:host([position=\\\"bottom-left\\\"]) .badge {\\n  bottom: var(--badge-offset);\\n  left: var(--badge-offset);\\n  transform: translate(-50%, 50%);\\n}\\n\\n/* Inline mode */\\n:host([inline]) .badge {\\n  position: static;\\n  transform: none;\\n  margin-left: 0.5rem; /* 8px */\\n  vertical-align: middle;\\n}\\n\\n/* Variants - using standard colors with emphasized borders */\\n:host([variant=\\\"default\\\"]) .badge,\\n:host(:not([variant])) .badge {\\n  background: rgb(var(--snice-color-gray-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"primary\\\"]) .badge {\\n  background: rgb(var(--snice-color-blue-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"success\\\"]) .badge {\\n  background: rgb(var(--snice-color-green-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"warning\\\"]) .badge {\\n  background: rgb(var(--snice-color-yellow-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"error\\\"]) .badge {\\n  background: rgb(var(--snice-color-red-600));\\n  color: white;\\n}\\n\\n:host([variant=\\\"info\\\"]) .badge {\\n  background: rgb(var(--snice-color-blue-600));\\n  color: white;\\n}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-badge.js","sources":["../../../components/badge/snice-badge.css?inline","../../../../components/badge/snice-badge.ts"],"sourcesContent":["export default \":host{display:inline-block;--badge-offset:0px}.badge-wrapper{position:relative;display:inline-block;width:fit-content;height:fit-content}.badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:10px;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap;z-index:1;transition:opacity .2s;box-shadow:var(--snice-shadow-sm);border:2px solid rgba(255,255,255,.9);box-sizing:border-box;text-shadow:0 0 2px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.3)}.badge--dot{min-width:.5rem;height:.5rem;padding:0;border-radius:50%;border:none}:host([size=small]) .badge{min-width:1rem;height:1rem;padding:0 .25rem;font-size:.625rem}:host([size=small]) .badge--dot{min-width:.375rem;height:.375rem}:host([size=large]) .badge{min-width:1.5rem;height:1.5rem;padding:0 .5rem;font-size:.875rem}:host([size=large]) .badge--dot{min-width:.625rem;height:.625rem}.badge--pulse{animation:2s infinite pulse}.badge--pulse.badge--dot::before{content:'';position:absolute;inset:0;border-radius:50%;background:inherit;animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}:host(:not([position])) .badge,:host([position=top-right]) .badge{top:var(--badge-offset);right:var(--badge-offset);transform:translate(50%,-50%)}:host([position=top-left]) .badge{top:var(--badge-offset);left:var(--badge-offset);transform:translate(-50%,-50%)}:host([position=bottom-right]) .badge{bottom:var(--badge-offset);right:var(--badge-offset);transform:translate(50%,50%)}:host([position=bottom-left]) .badge{bottom:var(--badge-offset);left:var(--badge-offset);transform:translate(-50%,50%)}:host([inline]) .badge{position:static;transform:none;margin-left:.5rem;vertical-align:middle}:host(:not([variant])) .badge,:host([variant=default]) .badge{background:rgb(var(--snice-color-gray-600));color:#fff}:host([variant=primary]) .badge{background:rgb(var(--snice-color-blue-600));color:#fff}:host([variant=success]) .badge{background:rgb(var(--snice-color-green-600));color:#fff}:host([variant=warning]) .badge{background:rgb(var(--snice-color-yellow-600));color:#fff}:host([variant=error]) .badge{background:rgb(var(--snice-color-red-600));color:#fff}:host([variant=info]) .badge{background:rgb(var(--snice-color-blue-600));color:#fff}\";",null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+import type { BannerVariant, BannerPosition, SniceBannerElement } from './snice-banner.types';
+export declare class SniceBanner extends HTMLElement implements SniceBannerElement {
+    variant: BannerVariant;
+    position: BannerPosition;
+    message: string;
+    dismissible: boolean;
+    icon: string;
+    actionText: string;
+    open: boolean;
+    updateOpenAttribute(): void;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
+    private handleActionClick;
+    private handleClose;
+    handleOpenChange(): void;
+    private dispatchOpenEvent;
+    private dispatchCloseEvent;
+    private dispatchActionEvent;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+}

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

@@ -0,0 +1,180 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, watch, render, styles, dispatch, html, css } from 'snice';
+
+var cssContent = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;position:fixed;top:0;left:0;right:0;z-index:var(--snice-z-index-modal,1000);transform:translateY(-100%);transition:transform var(--snice-transition-medium, 250ms) ease;pointer-events:none}:host([position=top]){top:0}:host([position=bottom]){top:auto;bottom:0;transform:translateY(100%)}:host([open]){transform:translateY(0);pointer-events:auto}.banner{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem);box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1))}.banner--info{background:var(--snice-color-info-light,rgb(239 246 255));border-bottom:2px solid var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-info-dark,rgb(30 64 175))}.banner--success{background:var(--snice-color-success-light,rgb(240 253 244));border-bottom:2px solid var(--snice-color-success,rgb(22 163 74));color:var(--snice-color-success-dark,rgb(22 101 52))}.banner--warning{background:var(--snice-color-warning-light,rgb(255 251 235));border-bottom:2px solid var(--snice-color-warning,rgb(245 158 11));color:var(--snice-color-warning-dark,rgb(146 64 14))}.banner--error{background:var(--snice-color-danger-light,rgb(254 242 242));border-bottom:2px solid var(--snice-color-danger,rgb(220 38 38));color:var(--snice-color-danger-dark,rgb(153 27 27))}:host([position=bottom]) .banner{border-bottom:none;border-top:2px solid}:host([position=bottom]) .banner--info{border-top-color:var(--snice-color-primary,rgb(37 99 235))}:host([position=bottom]) .banner--success{border-top-color:var(--snice-color-success,rgb(22 163 74))}:host([position=bottom]) .banner--warning{border-top-color:var(--snice-color-warning,rgb(245 158 11))}:host([position=bottom]) .banner--error{border-top-color:var(--snice-color-danger,rgb(220 38 38))}.banner__icon{font-size:var(--snice-font-size-xl, 1.25rem);flex-shrink:0}.banner__message{flex:1;font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500)}.banner__action{padding:var(--snice-spacing-2xs,.375rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);background:0 0;border:1px solid currentColor;border-radius:var(--snice-border-radius-sm,.25rem);color:inherit;cursor:pointer;transition:all var(--snice-transition-fast, 150ms);flex-shrink:0}.banner__action:hover{background:rgb(0 0 0 / .05)}.banner__close{padding:var(--snice-spacing-2xs,.25rem);background:0 0;border:none;color:inherit;cursor:pointer;font-size:var(--snice-font-size-xl, 1.25rem);line-height:1;opacity:.6;transition:opacity var(--snice-transition-fast, 150ms);flex-shrink:0}.banner__close:hover{opacity:1}.banner__slot{display:contents}";
+
+let SniceBanner = (() => {
+    let _classDecorators = [element('snice-banner')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    let _position_decorators;
+    let _position_initializers = [];
+    let _position_extraInitializers = [];
+    let _message_decorators;
+    let _message_initializers = [];
+    let _message_extraInitializers = [];
+    let _dismissible_decorators;
+    let _dismissible_initializers = [];
+    let _dismissible_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _actionText_decorators;
+    let _actionText_initializers = [];
+    let _actionText_extraInitializers = [];
+    let _open_decorators;
+    let _open_initializers = [];
+    let _open_extraInitializers = [];
+    let _updateOpenAttribute_decorators;
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
+    let _handleOpenChange_decorators;
+    let _dispatchOpenEvent_decorators;
+    let _dispatchCloseEvent_decorators;
+    let _dispatchActionEvent_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _variant_decorators = [property({})];
+            _position_decorators = [property({})];
+            _message_decorators = [property({})];
+            _dismissible_decorators = [property({ type: Boolean, })];
+            _icon_decorators = [property({})];
+            _actionText_decorators = [property({ attribute: 'action-text', })];
+            _open_decorators = [property({ type: Boolean })];
+            _updateOpenAttribute_decorators = [watch('open')];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            _handleOpenChange_decorators = [watch('open')];
+            _dispatchOpenEvent_decorators = [dispatch('@snice/banner-open', { bubbles: true, composed: true })];
+            _dispatchCloseEvent_decorators = [dispatch('@snice/banner-close', { bubbles: true, composed: true })];
+            _dispatchActionEvent_decorators = [dispatch('@snice/banner-action', { bubbles: true, composed: true })];
+            __esDecorate(this, null, _updateOpenAttribute_decorators, { kind: "method", name: "updateOpenAttribute", static: false, private: false, access: { has: obj => "updateOpenAttribute" in obj, get: obj => obj.updateOpenAttribute }, 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, _handleOpenChange_decorators, { kind: "method", name: "handleOpenChange", static: false, private: false, access: { has: obj => "handleOpenChange" in obj, get: obj => obj.handleOpenChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchOpenEvent_decorators, { kind: "method", name: "dispatchOpenEvent", static: false, private: false, access: { has: obj => "dispatchOpenEvent" in obj, get: obj => obj.dispatchOpenEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchCloseEvent_decorators, { kind: "method", name: "dispatchCloseEvent", static: false, private: false, access: { has: obj => "dispatchCloseEvent" in obj, get: obj => obj.dispatchCloseEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _dispatchActionEvent_decorators, { kind: "method", name: "dispatchActionEvent", static: false, private: false, access: { has: obj => "dispatchActionEvent" in obj, get: obj => obj.dispatchActionEvent }, 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);
+            __esDecorate(null, null, _position_decorators, { kind: "field", name: "position", static: false, private: false, access: { has: obj => "position" in obj, get: obj => obj.position, set: (obj, value) => { obj.position = value; } }, metadata: _metadata }, _position_initializers, _position_extraInitializers);
+            __esDecorate(null, null, _message_decorators, { kind: "field", name: "message", static: false, private: false, access: { has: obj => "message" in obj, get: obj => obj.message, set: (obj, value) => { obj.message = value; } }, metadata: _metadata }, _message_initializers, _message_extraInitializers);
+            __esDecorate(null, null, _dismissible_decorators, { kind: "field", name: "dismissible", static: false, private: false, access: { has: obj => "dismissible" in obj, get: obj => obj.dismissible, set: (obj, value) => { obj.dismissible = value; } }, metadata: _metadata }, _dismissible_initializers, _dismissible_extraInitializers);
+            __esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
+            __esDecorate(null, null, _actionText_decorators, { kind: "field", name: "actionText", static: false, private: false, access: { has: obj => "actionText" in obj, get: obj => obj.actionText, set: (obj, value) => { obj.actionText = value; } }, metadata: _metadata }, _actionText_initializers, _actionText_extraInitializers);
+            __esDecorate(null, null, _open_decorators, { kind: "field", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_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);
+        }
+        updateOpenAttribute() {
+            if (this.open) {
+                this.setAttribute('open', '');
+            }
+            else {
+                this.removeAttribute('open');
+            }
+        }
+        renderContent() {
+            const bannerClasses = ['banner', `banner--${this.variant}`].filter(Boolean).join(' ');
+            const defaultIcons = {
+                info: 'ℹ️',
+                success: '✅',
+                warning: '⚠️',
+                error: '❌'
+            };
+            const displayIcon = this.icon || defaultIcons[this.variant];
+            return html /*html*/ `
+      <div class="${bannerClasses}" role="alert" part="banner">
+        <if ${displayIcon}>
+          <span class="banner__icon" part="icon">${displayIcon}</span>
+        </if>
+
+        <span class="banner__message" part="message">${this.message}</span>
+
+        <div class="banner__slot">
+          <slot></slot>
+        </div>
+
+        <if ${this.actionText}>
+          <button
+            class="banner__action"
+            part="action"
+            type="button"
+            @click=${this.handleActionClick}
+          >${this.actionText}</button>
+        </if>
+
+        <if ${this.dismissible}>
+          <button
+            class="banner__close"
+            part="close"
+            type="button"
+            aria-label="Close"
+            @click=${this.handleClose}
+          >✕</button>
+        </if>
+      </div>
+    `;
+        }
+        componentStyles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        handleActionClick(e) {
+            this.dispatchActionEvent();
+        }
+        handleClose() {
+            this.hide();
+        }
+        handleOpenChange() {
+            if (this.open) {
+                this.dispatchOpenEvent();
+            }
+            else {
+                this.dispatchCloseEvent();
+            }
+        }
+        dispatchOpenEvent() {
+            return { banner: this };
+        }
+        dispatchCloseEvent() {
+            return { banner: this };
+        }
+        dispatchActionEvent() {
+            return { banner: this };
+        }
+        // Public API
+        show() {
+            this.open = true;
+        }
+        hide() {
+            this.open = false;
+        }
+        toggle() {
+            this.open = !this.open;
+        }
+        constructor() {
+            super(...arguments);
+            this.variant = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _variant_initializers, 'info'));
+            this.position = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _position_initializers, 'top'));
+            this.message = (__runInitializers(this, _position_extraInitializers), __runInitializers(this, _message_initializers, ''));
+            this.dismissible = (__runInitializers(this, _message_extraInitializers), __runInitializers(this, _dismissible_initializers, true));
+            this.icon = (__runInitializers(this, _dismissible_extraInitializers), __runInitializers(this, _icon_initializers, ''));
+            this.actionText = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _actionText_initializers, ''));
+            this.open = (__runInitializers(this, _actionText_extraInitializers), __runInitializers(this, _open_initializers, false));
+            __runInitializers(this, _open_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceBanner };
+//# sourceMappingURL=snice-banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-banner.js","sources":["../../../components/banner/snice-banner.css?inline","../../../../components/banner/snice-banner.ts"],"sourcesContent":["export default \":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;position:fixed;top:0;left:0;right:0;z-index:var(--snice-z-index-modal,1000);transform:translateY(-100%);transition:transform var(--snice-transition-medium, 250ms) ease;pointer-events:none}:host([position=top]){top:0}:host([position=bottom]){top:auto;bottom:0;transform:translateY(100%)}:host([open]){transform:translateY(0);pointer-events:auto}.banner{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem);box-shadow:var(--snice-shadow-md,0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1))}.banner--info{background:var(--snice-color-info-light,rgb(239 246 255));border-bottom:2px solid var(--snice-color-primary,rgb(37 99 235));color:var(--snice-color-info-dark,rgb(30 64 175))}.banner--success{background:var(--snice-color-success-light,rgb(240 253 244));border-bottom:2px solid var(--snice-color-success,rgb(22 163 74));color:var(--snice-color-success-dark,rgb(22 101 52))}.banner--warning{background:var(--snice-color-warning-light,rgb(255 251 235));border-bottom:2px solid var(--snice-color-warning,rgb(245 158 11));color:var(--snice-color-warning-dark,rgb(146 64 14))}.banner--error{background:var(--snice-color-danger-light,rgb(254 242 242));border-bottom:2px solid var(--snice-color-danger,rgb(220 38 38));color:var(--snice-color-danger-dark,rgb(153 27 27))}:host([position=bottom]) .banner{border-bottom:none;border-top:2px solid}:host([position=bottom]) .banner--info{border-top-color:var(--snice-color-primary,rgb(37 99 235))}:host([position=bottom]) .banner--success{border-top-color:var(--snice-color-success,rgb(22 163 74))}:host([position=bottom]) .banner--warning{border-top-color:var(--snice-color-warning,rgb(245 158 11))}:host([position=bottom]) .banner--error{border-top-color:var(--snice-color-danger,rgb(220 38 38))}.banner__icon{font-size:var(--snice-font-size-xl, 1.25rem);flex-shrink:0}.banner__message{flex:1;font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500)}.banner__action{padding:var(--snice-spacing-2xs,.375rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);background:0 0;border:1px solid currentColor;border-radius:var(--snice-border-radius-sm,.25rem);color:inherit;cursor:pointer;transition:all var(--snice-transition-fast, 150ms);flex-shrink:0}.banner__action:hover{background:rgb(0 0 0 / .05)}.banner__close{padding:var(--snice-spacing-2xs,.25rem);background:0 0;border:none;color:inherit;cursor:pointer;font-size:var(--snice-font-size-xl, 1.25rem);line-height:1;opacity:.6;transition:opacity var(--snice-transition-fast, 150ms);flex-shrink:0}.banner__close:hover{opacity:1}.banner__slot{display:contents}\";",null],"names":[],"mappings":"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"}

package/dist/components/banner/snice-banner.types.d.ts

@@ -0,0 +1,14 @@
+export type BannerVariant = 'info' | 'success' | 'warning' | 'error';
+export type BannerPosition = 'top' | 'bottom';
+export interface SniceBannerElement extends HTMLElement {
+    variant: BannerVariant;
+    position: BannerPosition;
+    message: string;
+    dismissible: boolean;
+    icon: string;
+    actionText: string;
+    open: boolean;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+}

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

@@ -5,23 +5,16 @@ export declare class SniceBreadcrumbs extends HTMLElement implements SniceBreadc
     size: BreadcrumbSize;
     maxItems: number;
     breadcrumbElement?: HTMLElement;
-    private collapsed;
+    collapsed: boolean;
     private slotItems;
-    html(): string;
-    css(): string;
+    private renderTrigger;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
     private getAllItems;
     private getVisibleItems;
-    handleEllipsisClick(): void;
-    handleLinkClick(event: MouseEvent): {
-        item: BreadcrumbItem;
-        index: number;
-        href: string;
-        label: string;
-    };
+    private handleClick;
     private handleSlotChange;
-    init(): void;
     updateBreadcrumb(): void;
     setItems(items: BreadcrumbItem[]): void;
     private renderIcon;
-    private render;
 }