snice 2.5.3 → 3.1.0

package/bin/templates/base/src/components/counter-button.ts

@@ -1,4 +1,4 @@
-import { element, property, query, on, dispatch } from 'snice';
+import { element, property, render, styles, html, css, dispatch } from 'snice';
 import type { ICounterButton } from './counter-button.types';
 
 @element('counter-button')
@@ -6,21 +6,20 @@ export class CounterButton extends HTMLElement implements ICounterButton {
   @property({ type: Number })
   count = 0;
 
-  @query('.count')
-  countDisplay?: HTMLElement;
-
-  html() {
-    return /*html*/`
+  @render()
+  renderContent() {
+    return html`
       <div class="counter">
-        <button class="btn minus">-</button>
+        <button class="btn minus" @click=${this.handleMinus}>-</button>
         <span class="count">${this.count}</span>
-        <button class="btn plus">+</button>
+        <button class="btn plus" @click=${this.handlePlus}>+</button>
       </div>
     `;
   }
 
-  css() {
-    return /*css*/`
+  @styles()
+  componentStyles() {
+    return css`
       .counter {
         display: inline-flex;
         align-items: center;
@@ -30,14 +29,14 @@ export class CounterButton extends HTMLElement implements ICounterButton {
         border-radius: 8px;
         box-shadow: 0 2px 8px rgba(0,0,0,0.1);
       }
-      
+
       .count {
         font-size: 1.5rem;
         font-weight: bold;
         min-width: 3rem;
         text-align: center;
       }
-      
+
       .btn {
         width: 2rem;
         height: 2rem;
@@ -48,7 +47,7 @@ export class CounterButton extends HTMLElement implements ICounterButton {
         cursor: pointer;
         font-size: 1.2rem;
       }
-      
+
       .btn:hover {
         background: var(--primary-color);
         color: white;
@@ -59,43 +58,31 @@ export class CounterButton extends HTMLElement implements ICounterButton {
   // Imperative methods that controller can call
   setCount(value: number) {
     this.count = value;
-    this.updateDisplay();
   }
 
   @dispatch('count-changed')
   increment() {
     this.count++;
-    this.updateDisplay();
     return { count: this.count };
   }
 
   @dispatch('count-changed')
   decrement() {
     this.count--;
-    this.updateDisplay();
     return { count: this.count };
   }
 
   @dispatch('count-changed')
   reset() {
     this.count = 0;
-    this.updateDisplay();
     return { count: this.count };
   }
 
-  private updateDisplay() {
-    if (this.countDisplay) {
-      this.countDisplay.textContent = String(this.count);
-    }
-  }
-
-  @on('click', '.plus')
   handlePlus() {
     this.increment();
   }
 
-  @on('click', '.minus')
   handleMinus() {
     this.decrement();
   }
-}
+}

package/bin/templates/base/src/controllers/counter-controller.ts

@@ -4,7 +4,7 @@ import type { ICounterButton } from '../components/counter-button.types';
 @controller('counter')
 export class CounterController {
   element!: ICounterButton;
-  
+
   async attach() {
     // Load saved count from localStorage
     const saved = localStorage.getItem('counter-value');
@@ -16,9 +16,9 @@ export class CounterController {
   async detach() {
     // any clean up you need
   }
-  
+
   @on('count-changed')
   handleCountChanged(e: CustomEvent) {
     localStorage.setItem('counter-value', String(e.detail.count));
   }
-}
+}

package/bin/templates/base/src/router.ts

@@ -4,13 +4,6 @@ const { page, initialize, navigate } = Router({
   target: '#app',
   type: 'hash',
   layout: 'snice-layout',
-  transition: {
-    mode: 'simultaneous',
-    outDuration: 200,
-    inDuration: 200,
-    out: 'opacity: 0;',
-    in: 'opacity: 1;'
-  }
 });
 
 export { page, initialize, navigate };

package/dist/components/accordion/snice-accordion-item.d.ts

@@ -6,14 +6,13 @@ export declare class SniceAccordionItem extends HTMLElement implements SniceAcco
     contentElement?: HTMLElement;
     contentInner?: HTMLElement;
     private isAnimating;
-    html(): string;
-    css(): string;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
+    private handleClick;
+    private handleKeydown;
     init(): void;
     onContentMutation(): void;
     handleOpenChange(): void;
-    handleDisabledChange(): void;
-    handleHeaderClick(): void;
-    handleHeaderKeydown(): void;
     toggle(): void;
     expand(animate?: boolean): void;
     collapse(animate?: boolean): void;

package/dist/components/accordion/snice-accordion-item.js

@@ -1,7 +1,7 @@
 import { __runInitializers, __esDecorate } from 'tslib';
-import { element, property, query, ready, observe, watch, on, dispatch } from 'snice';
+import { element, property, query, render, styles, ready, observe, watch, html, css } from 'snice';
 
-var css = ":host {\n  display: block;\n  overflow: hidden;\n}\n\n:host([disabled]) {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.accordion-item__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: var(--accordion-header-padding, 1rem); /* 16px */\n  background: var(--accordion-header-bg, #ffffff);\n  color: var(--accordion-header-color, #111827);\n  border: none;\n  font-family: inherit;\n  font-size: 1rem; /* 16px */\n  font-weight: 500;\n  text-align: left;\n  cursor: pointer;\n  transition: background-color 0.2s;\n  outline-offset: -2px;\n}\n\n.accordion-item__header:hover {\n  background: var(--accordion-header-bg-hover, #f9fafb);\n}\n\n.accordion-item__header:active {\n  background: var(--accordion-header-bg-active, #f3f4f6);\n}\n\n.accordion-item__header:focus-visible {\n  outline: 2px solid #3b82f6;\n  outline-offset: -2px;\n}\n\n.accordion-item__title {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem; /* 12px */\n}\n\n.accordion-item__icon {\n  width: var(--accordion-icon-size, 1.25rem); /* 20px */\n  height: var(--accordion-icon-size, 1.25rem); /* 20px */\n  transition: transform var(--accordion-animation-duration, 0.3s) ease-out;\n  flex-shrink: 0;\n  will-change: transform;\n}\n\n:host([open]) .accordion-item__icon {\n  transform: rotate(180deg);\n}\n\n.accordion-item__content {\n  overflow: hidden;\n  background: var(--accordion-content-bg, #ffffff);\n  color: var(--accordion-content-color, #4b5563);\n  max-height: 0;\n  transition: max-height var(--accordion-animation-duration, 0.3s) cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: max-height;\n}\n\n:host([open]) .accordion-item__content {\n  max-height: var(--max-height, 62.5rem); /* 1000px */\n}\n\n.accordion-item__content-inner {\n  padding: var(--accordion-content-padding, 1rem); /* 16px */\n}\n\n/* Smooth animation for content */\n.accordion-item__content.measuring {\n  display: block !important;\n  max-height: none !important;\n  visibility: hidden;\n  position: absolute;\n  z-index: -1000;\n}";
+var cssContent = ":host {\n  display: block;\n  overflow: hidden;\n}\n\n:host([disabled]) {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.accordion-item__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: var(--accordion-header-padding, 1rem); /* 16px */\n  background: var(--accordion-header-bg, #ffffff);\n  color: var(--accordion-header-color, #111827);\n  border: none;\n  font-family: inherit;\n  font-size: 1rem; /* 16px */\n  font-weight: 500;\n  text-align: left;\n  cursor: pointer;\n  transition: background-color 0.2s;\n  outline-offset: -2px;\n}\n\n.accordion-item__header:hover {\n  background: var(--accordion-header-bg-hover, #f9fafb);\n}\n\n.accordion-item__header:active {\n  background: var(--accordion-header-bg-active, #f3f4f6);\n}\n\n.accordion-item__header:focus-visible {\n  outline: 2px solid #3b82f6;\n  outline-offset: -2px;\n}\n\n.accordion-item__title {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem; /* 12px */\n}\n\n.accordion-item__icon {\n  width: var(--accordion-icon-size, 1.25rem); /* 20px */\n  height: var(--accordion-icon-size, 1.25rem); /* 20px */\n  transition: transform var(--accordion-animation-duration, 0.3s) ease-out;\n  flex-shrink: 0;\n  will-change: transform;\n}\n\n:host([open]) .accordion-item__icon {\n  transform: rotate(180deg);\n}\n\n.accordion-item__content {\n  overflow: hidden;\n  background: var(--accordion-content-bg, #ffffff);\n  color: var(--accordion-content-color, #4b5563);\n  max-height: 0;\n  transition: max-height var(--accordion-animation-duration, 0.3s) cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: max-height;\n}\n\n:host([open]) .accordion-item__content {\n  max-height: var(--max-height, 62.5rem); /* 1000px */\n}\n\n.accordion-item__content-inner {\n  padding: var(--accordion-content-padding, 1rem); /* 16px */\n}\n\n/* Smooth animation for content */\n.accordion-item__content.measuring {\n  display: block !important;\n  max-height: none !important;\n  visibility: hidden;\n  position: absolute;\n  z-index: -1000;\n}";
 
 let SniceAccordionItem = (() => {
     let _classDecorators = [element('snice-accordion-item')];
@@ -25,13 +25,11 @@ let SniceAccordionItem = (() => {
     let _contentInner_decorators;
     let _contentInner_initializers = [];
     let _contentInner_extraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
     let _init_decorators;
     let _onContentMutation_decorators;
     let _handleOpenChange_decorators;
-    let _handleDisabledChange_decorators;
-    let _handleHeaderClick_decorators;
-    let _handleHeaderKeydown_decorators;
-    let _dispatchToggleEvent_decorators;
     (class extends _classSuper {
         static { _classThis = this; }
         constructor() {
@@ -50,20 +48,16 @@ let SniceAccordionItem = (() => {
             _disabled_decorators = [property({ type: Boolean, })];
             _contentElement_decorators = [query('.accordion-item__content')];
             _contentInner_decorators = [query('.accordion-item__content-inner')];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
             _init_decorators = [ready()];
             _onContentMutation_decorators = [observe('mutation:childList', { subtree: true, throttle: 100 })];
             _handleOpenChange_decorators = [watch('open')];
-            _handleDisabledChange_decorators = [watch('disabled')];
-            _handleHeaderClick_decorators = [on('click', '.accordion-item__header', { preventDefault: true })];
-            _handleHeaderKeydown_decorators = [on(['keydown:Enter', 'keydown:Space'], '.accordion-item__header', { preventDefault: true })];
-            _dispatchToggleEvent_decorators = [dispatch('accordion-item-toggle', { bubbles: true, composed: true })];
+            __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, _onContentMutation_decorators, { kind: "method", name: "onContentMutation", static: false, private: false, access: { has: obj => "onContentMutation" in obj, get: obj => obj.onContentMutation }, 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, _handleDisabledChange_decorators, { kind: "method", name: "handleDisabledChange", static: false, private: false, access: { has: obj => "handleDisabledChange" in obj, get: obj => obj.handleDisabledChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleHeaderClick_decorators, { kind: "method", name: "handleHeaderClick", static: false, private: false, access: { has: obj => "handleHeaderClick" in obj, get: obj => obj.handleHeaderClick }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleHeaderKeydown_decorators, { kind: "method", name: "handleHeaderKeydown", static: false, private: false, access: { has: obj => "handleHeaderKeydown" in obj, get: obj => obj.handleHeaderKeydown }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _dispatchToggleEvent_decorators, { kind: "method", name: "dispatchToggleEvent", static: false, private: false, access: { has: obj => "dispatchToggleEvent" in obj, get: obj => obj.dispatchToggleEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _itemId_decorators, { kind: "field", name: "itemId", static: false, private: false, access: { has: obj => "itemId" in obj, get: obj => obj.itemId, set: (obj, value) => { obj.itemId = value; } }, metadata: _metadata }, _itemId_initializers, _itemId_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, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
@@ -74,13 +68,15 @@ let SniceAccordionItem = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        html() {
-            return /*html*/ `
-      <button 
+        renderContent() {
+            return html `
+      <button
         class="accordion-item__header"
         aria-expanded="${this.open}"
         aria-controls="content-${this.itemId}"
-        ${this.disabled ? 'disabled' : ''}
+        ?disabled="${this.disabled}"
+        @click="${(e) => this.handleClick(e)}"
+        @keydown="${(e) => this.handleKeydown(e)}"
       >
         <span class="accordion-item__title">
           <slot name="header"></slot>
@@ -89,8 +85,8 @@ let SniceAccordionItem = (() => {
           <path d="M6 9l6 6 6-6"/>
         </svg>
       </button>
-      <div 
-        class="accordion-item__content" 
+      <div
+        class="accordion-item__content"
         id="content-${this.itemId}"
         role="region"
         aria-labelledby="header-${this.itemId}"
@@ -101,8 +97,22 @@ let SniceAccordionItem = (() => {
       </div>
     `;
         }
-        css() {
-            return css;
+        componentStyles() {
+            return css `${cssContent}`;
+        }
+        handleClick(e) {
+            e.preventDefault();
+            if (!this.disabled) {
+                this.toggle();
+            }
+        }
+        handleKeydown(e) {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                if (!this.disabled) {
+                    this.toggle();
+                }
+            }
         }
         init() {
             this.updateContentHeight();
@@ -125,22 +135,6 @@ let SniceAccordionItem = (() => {
                 this.collapse();
             }
         }
-        handleDisabledChange() {
-            const header = this.shadowRoot?.querySelector('.accordion-item__header');
-            if (header) {
-                header.disabled = this.disabled;
-            }
-        }
-        handleHeaderClick() {
-            if (!this.disabled) {
-                this.toggle();
-            }
-        }
-        handleHeaderKeydown() {
-            if (!this.disabled) {
-                this.toggle();
-            }
-        }
         toggle() {
             if (this.isAnimating || this.disabled)
                 return;
@@ -245,7 +239,11 @@ let SniceAccordionItem = (() => {
             header?.setAttribute('aria-expanded', String(expanded));
         }
         dispatchToggleEvent(open) {
-            return { itemId: this.itemId, open };
+            this.dispatchEvent(new CustomEvent('accordion-item-toggle', {
+                bubbles: true,
+                composed: true,
+                detail: { itemId: this.itemId, open }
+            }));
         }
     });
     return _classThis;

package/dist/components/accordion/snice-accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-accordion-item.js","sources":["../../../components/accordion/snice-accordion-item.css?inline","../../../../components/accordion/snice-accordion-item.ts"],"sourcesContent":["export default \":host {\\n  display: block;\\n  overflow: hidden;\\n}\\n\\n:host([disabled]) {\\n  opacity: 0.5;\\n  pointer-events: none;\\n}\\n\\n.accordion-item__header {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  width: 100%;\\n  padding: var(--accordion-header-padding, 1rem); /* 16px */\\n  background: var(--accordion-header-bg, #ffffff);\\n  color: var(--accordion-header-color, #111827);\\n  border: none;\\n  font-family: inherit;\\n  font-size: 1rem; /* 16px */\\n  font-weight: 500;\\n  text-align: left;\\n  cursor: pointer;\\n  transition: background-color 0.2s;\\n  outline-offset: -2px;\\n}\\n\\n.accordion-item__header:hover {\\n  background: var(--accordion-header-bg-hover, #f9fafb);\\n}\\n\\n.accordion-item__header:active {\\n  background: var(--accordion-header-bg-active, #f3f4f6);\\n}\\n\\n.accordion-item__header:focus-visible {\\n  outline: 2px solid #3b82f6;\\n  outline-offset: -2px;\\n}\\n\\n.accordion-item__title {\\n  flex: 1;\\n  display: flex;\\n  align-items: center;\\n  gap: 0.75rem; /* 12px */\\n}\\n\\n.accordion-item__icon {\\n  width: var(--accordion-icon-size, 1.25rem); /* 20px */\\n  height: var(--accordion-icon-size, 1.25rem); /* 20px */\\n  transition: transform var(--accordion-animation-duration, 0.3s) ease-out;\\n  flex-shrink: 0;\\n  will-change: transform;\\n}\\n\\n:host([open]) .accordion-item__icon {\\n  transform: rotate(180deg);\\n}\\n\\n.accordion-item__content {\\n  overflow: hidden;\\n  background: var(--accordion-content-bg, #ffffff);\\n  color: var(--accordion-content-color, #4b5563);\\n  max-height: 0;\\n  transition: max-height var(--accordion-animation-duration, 0.3s) cubic-bezier(0.4, 0, 0.2, 1);\\n  will-change: max-height;\\n}\\n\\n:host([open]) .accordion-item__content {\\n  max-height: var(--max-height, 62.5rem); /* 1000px */\\n}\\n\\n.accordion-item__content-inner {\\n  padding: var(--accordion-content-padding, 1rem); /* 16px */\\n}\\n\\n/* Smooth animation for content */\\n.accordion-item__content.measuring {\\n  display: block !important;\\n  max-height: none !important;\\n  visibility: hidden;\\n  position: absolute;\\n  z-index: -1000;\\n}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-accordion-item.js","sources":["../../../components/accordion/snice-accordion-item.css?inline","../../../../components/accordion/snice-accordion-item.ts"],"sourcesContent":["export default \":host {\\n  display: block;\\n  overflow: hidden;\\n}\\n\\n:host([disabled]) {\\n  opacity: 0.5;\\n  pointer-events: none;\\n}\\n\\n.accordion-item__header {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  width: 100%;\\n  padding: var(--accordion-header-padding, 1rem); /* 16px */\\n  background: var(--accordion-header-bg, #ffffff);\\n  color: var(--accordion-header-color, #111827);\\n  border: none;\\n  font-family: inherit;\\n  font-size: 1rem; /* 16px */\\n  font-weight: 500;\\n  text-align: left;\\n  cursor: pointer;\\n  transition: background-color 0.2s;\\n  outline-offset: -2px;\\n}\\n\\n.accordion-item__header:hover {\\n  background: var(--accordion-header-bg-hover, #f9fafb);\\n}\\n\\n.accordion-item__header:active {\\n  background: var(--accordion-header-bg-active, #f3f4f6);\\n}\\n\\n.accordion-item__header:focus-visible {\\n  outline: 2px solid #3b82f6;\\n  outline-offset: -2px;\\n}\\n\\n.accordion-item__title {\\n  flex: 1;\\n  display: flex;\\n  align-items: center;\\n  gap: 0.75rem; /* 12px */\\n}\\n\\n.accordion-item__icon {\\n  width: var(--accordion-icon-size, 1.25rem); /* 20px */\\n  height: var(--accordion-icon-size, 1.25rem); /* 20px */\\n  transition: transform var(--accordion-animation-duration, 0.3s) ease-out;\\n  flex-shrink: 0;\\n  will-change: transform;\\n}\\n\\n:host([open]) .accordion-item__icon {\\n  transform: rotate(180deg);\\n}\\n\\n.accordion-item__content {\\n  overflow: hidden;\\n  background: var(--accordion-content-bg, #ffffff);\\n  color: var(--accordion-content-color, #4b5563);\\n  max-height: 0;\\n  transition: max-height var(--accordion-animation-duration, 0.3s) cubic-bezier(0.4, 0, 0.2, 1);\\n  will-change: max-height;\\n}\\n\\n:host([open]) .accordion-item__content {\\n  max-height: var(--max-height, 62.5rem); /* 1000px */\\n}\\n\\n.accordion-item__content-inner {\\n  padding: var(--accordion-content-padding, 1rem); /* 16px */\\n}\\n\\n/* Smooth animation for content */\\n.accordion-item__content.measuring {\\n  display: block !important;\\n  max-height: none !important;\\n  visibility: hidden;\\n  position: absolute;\\n  z-index: -1000;\\n}\";",null],"names":["cssTag"],"mappings":"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"}

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

@@ -3,15 +3,13 @@ export declare class SniceAccordion extends HTMLElement implements SniceAccordio
     multiple: boolean;
     items?: NodeListOf<SniceAccordionItemElement>;
     activeItems: Set<string>;
-    html(): string;
-    css(): string;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
+    private handleKeydown;
+    private handleSlotChange;
     init(): void;
-    handleSlotChange(): void;
     private updateItems;
-    handleItemToggle(event: CustomEvent<{
-        itemId: string;
-        open: boolean;
-    }>): void;
+    private handleItemToggle;
     openItem(id: string): void;
     closeItem(id: string): void;
     toggleItem(id: string): void;
@@ -19,10 +17,6 @@ export declare class SniceAccordion extends HTMLElement implements SniceAccordio
     closeAll(): void;
     private dispatchOpenEvent;
     private dispatchCloseEvent;
-    handleArrowDown(event: KeyboardEvent): void;
-    handleArrowUp(event: KeyboardEvent): void;
-    handleHome(event: KeyboardEvent): void;
-    handleEnd(event: KeyboardEvent): void;
     private navigateItems;
     private navigateToIndex;
 }

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

@@ -1,7 +1,7 @@
 import { __runInitializers, __esDecorate } from 'tslib';
-import { element, property, queryAll, ready, on, dispatch } from 'snice';
+import { element, property, queryAll, render, styles, ready, html, css } from 'snice';
 
-var css = ":host {\n  --accordion-border-color: #e5e7eb;\n  --accordion-border-radius: 8px;\n  --accordion-header-bg: #ffffff;\n  --accordion-header-bg-hover: #f9fafb;\n  --accordion-header-bg-active: #f3f4f6;\n  --accordion-header-color: #111827;\n  --accordion-header-padding: 1rem; /* 16px */\n  --accordion-content-bg: #ffffff;\n  --accordion-content-padding: 1rem; /* 16px */\n  --accordion-content-color: #4b5563;\n  --accordion-icon-size: 1.25rem; /* 20px */\n  --accordion-animation-duration: 0.3s;\n  \n  display: block;\n  width: 100%;\n}\n\n.accordion {\n  border: 1px solid var(--accordion-border-color);\n  border-radius: var(--accordion-border-radius);\n  overflow: hidden;\n}\n\n::slotted(snice-accordion-item) {\n  display: block;\n}\n\n::slotted(snice-accordion-item:not(:last-child)) {\n  border-bottom: 1px solid var(--accordion-border-color);\n}";
+var cssContent = ":host {\n  --accordion-border-color: #e5e7eb;\n  --accordion-border-radius: 8px;\n  --accordion-header-bg: #ffffff;\n  --accordion-header-bg-hover: #f9fafb;\n  --accordion-header-bg-active: #f3f4f6;\n  --accordion-header-color: #111827;\n  --accordion-header-padding: 1rem; /* 16px */\n  --accordion-content-bg: #ffffff;\n  --accordion-content-padding: 1rem; /* 16px */\n  --accordion-content-color: #4b5563;\n  --accordion-icon-size: 1.25rem; /* 20px */\n  --accordion-animation-duration: 0.3s;\n  \n  display: block;\n  width: 100%;\n}\n\n.accordion {\n  border: 1px solid var(--accordion-border-color);\n  border-radius: var(--accordion-border-radius);\n  overflow: hidden;\n}\n\n::slotted(snice-accordion-item) {\n  display: block;\n}\n\n::slotted(snice-accordion-item:not(:last-child)) {\n  border-bottom: 1px solid var(--accordion-border-color);\n}";
 
 let SniceAccordion = (() => {
     let _classDecorators = [element('snice-accordion')];
@@ -16,15 +16,9 @@ let SniceAccordion = (() => {
     let _items_decorators;
     let _items_initializers = [];
     let _items_extraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
     let _init_decorators;
-    let _handleSlotChange_decorators;
-    let _handleItemToggle_decorators;
-    let _dispatchOpenEvent_decorators;
-    let _dispatchCloseEvent_decorators;
-    let _handleArrowDown_decorators;
-    let _handleArrowUp_decorators;
-    let _handleHome_decorators;
-    let _handleEnd_decorators;
     (class extends _classSuper {
         static { _classThis = this; }
         constructor() {
@@ -37,24 +31,12 @@ let SniceAccordion = (() => {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _multiple_decorators = [property({ type: Boolean, })];
             _items_decorators = [queryAll('snice-accordion-item', { light: true, shadow: false })];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
             _init_decorators = [ready()];
-            _handleSlotChange_decorators = [on('slotchange', 'slot', { debounce: 50 })];
-            _handleItemToggle_decorators = [on('accordion-item-toggle')];
-            _dispatchOpenEvent_decorators = [dispatch('accordion-open', { bubbles: true, composed: true })];
-            _dispatchCloseEvent_decorators = [dispatch('accordion-close', { bubbles: true, composed: true })];
-            _handleArrowDown_decorators = [on('keydown:ArrowDown', { preventDefault: true })];
-            _handleArrowUp_decorators = [on('keydown:ArrowUp', { preventDefault: true })];
-            _handleHome_decorators = [on('keydown:Home', { preventDefault: true })];
-            _handleEnd_decorators = [on('keydown:End', { preventDefault: true })];
+            __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, _handleSlotChange_decorators, { kind: "method", name: "handleSlotChange", static: false, private: false, access: { has: obj => "handleSlotChange" in obj, get: obj => obj.handleSlotChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleItemToggle_decorators, { kind: "method", name: "handleItemToggle", static: false, private: false, access: { has: obj => "handleItemToggle" in obj, get: obj => obj.handleItemToggle }, 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, _handleArrowDown_decorators, { kind: "method", name: "handleArrowDown", static: false, private: false, access: { has: obj => "handleArrowDown" in obj, get: obj => obj.handleArrowDown }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleArrowUp_decorators, { kind: "method", name: "handleArrowUp", static: false, private: false, access: { has: obj => "handleArrowUp" in obj, get: obj => obj.handleArrowUp }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleHome_decorators, { kind: "method", name: "handleHome", static: false, private: false, access: { has: obj => "handleHome" in obj, get: obj => obj.handleHome }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _handleEnd_decorators, { kind: "method", name: "handleEnd", static: false, private: false, access: { has: obj => "handleEnd" in obj, get: obj => obj.handleEnd }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _multiple_decorators, { kind: "field", name: "multiple", static: false, private: false, access: { has: obj => "multiple" in obj, get: obj => obj.multiple, set: (obj, value) => { obj.multiple = value; } }, metadata: _metadata }, _multiple_initializers, _multiple_extraInitializers);
             __esDecorate(null, null, _items_decorators, { kind: "field", name: "items", static: false, private: false, access: { has: obj => "items" in obj, get: obj => obj.items, set: (obj, value) => { obj.items = value; } }, metadata: _metadata }, _items_initializers, _items_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
@@ -62,22 +44,46 @@ let SniceAccordion = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        html() {
-            return /*html*/ `
-      <div class="accordion">
-        <slot></slot>
+        renderContent() {
+            return html `
+      <div class="accordion" @keydown="${(e) => this.handleKeydown(e)}">
+        <slot @slotchange="${(e) => this.handleSlotChange(e)}"></slot>
       </div>
     `;
         }
-        css() {
-            return css;
+        componentStyles() {
+            return css `${cssContent}`;
         }
-        init() {
-            // Set up initial state
+        handleKeydown(e) {
+            if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                this.navigateItems(e, 1);
+            }
+            else if (e.key === 'ArrowUp') {
+                e.preventDefault();
+                this.navigateItems(e, -1);
+            }
+            else if (e.key === 'Home') {
+                e.preventDefault();
+                this.navigateToIndex(e, 0);
+            }
+            else if (e.key === 'End') {
+                e.preventDefault();
+                if (!this.items)
+                    return;
+                this.navigateToIndex(e, this.items.length - 1);
+            }
+        }
+        handleSlotChange(e) {
             this.updateItems();
         }
-        handleSlotChange() {
+        init() {
+            // Set up initial state
             this.updateItems();
+            // Listen for accordion-item-toggle events
+            this.addEventListener('accordion-item-toggle', (e) => {
+                this.handleItemToggle(e);
+            });
         }
         updateItems() {
             if (!this.items)
@@ -149,26 +155,19 @@ let SniceAccordion = (() => {
         }
         dispatchOpenEvent(itemId) {
             const item = this.querySelector(`snice-accordion-item[item-id="${itemId}"]`);
-            return { itemId, item };
+            this.dispatchEvent(new CustomEvent('accordion-open', {
+                bubbles: true,
+                composed: true,
+                detail: { itemId, item }
+            }));
         }
         dispatchCloseEvent(itemId) {
             const item = this.querySelector(`snice-accordion-item[item-id="${itemId}"]`);
-            return { itemId, item };
-        }
-        // Keyboard navigation
-        handleArrowDown(event) {
-            this.navigateItems(event, 1);
-        }
-        handleArrowUp(event) {
-            this.navigateItems(event, -1);
-        }
-        handleHome(event) {
-            this.navigateToIndex(event, 0);
-        }
-        handleEnd(event) {
-            if (!this.items)
-                return;
-            this.navigateToIndex(event, this.items.length - 1);
+            this.dispatchEvent(new CustomEvent('accordion-close', {
+                bubbles: true,
+                composed: true,
+                detail: { itemId, item }
+            }));
         }
         navigateItems(event, direction) {
             if (!this.items)

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

@@ -1 +1 @@
-{"version":3,"file":"snice-accordion.js","sources":["../../../components/accordion/snice-accordion.css?inline","../../../../components/accordion/snice-accordion.ts"],"sourcesContent":["export default \":host {\\n  --accordion-border-color: #e5e7eb;\\n  --accordion-border-radius: 8px;\\n  --accordion-header-bg: #ffffff;\\n  --accordion-header-bg-hover: #f9fafb;\\n  --accordion-header-bg-active: #f3f4f6;\\n  --accordion-header-color: #111827;\\n  --accordion-header-padding: 1rem; /* 16px */\\n  --accordion-content-bg: #ffffff;\\n  --accordion-content-padding: 1rem; /* 16px */\\n  --accordion-content-color: #4b5563;\\n  --accordion-icon-size: 1.25rem; /* 20px */\\n  --accordion-animation-duration: 0.3s;\\n  \\n  display: block;\\n  width: 100%;\\n}\\n\\n.accordion {\\n  border: 1px solid var(--accordion-border-color);\\n  border-radius: var(--accordion-border-radius);\\n  overflow: hidden;\\n}\\n\\n::slotted(snice-accordion-item) {\\n  display: block;\\n}\\n\\n::slotted(snice-accordion-item:not(:last-child)) {\\n  border-bottom: 1px solid var(--accordion-border-color);\\n}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-accordion.js","sources":["../../../components/accordion/snice-accordion.css?inline","../../../../components/accordion/snice-accordion.ts"],"sourcesContent":["export default \":host {\\n  --accordion-border-color: #e5e7eb;\\n  --accordion-border-radius: 8px;\\n  --accordion-header-bg: #ffffff;\\n  --accordion-header-bg-hover: #f9fafb;\\n  --accordion-header-bg-active: #f3f4f6;\\n  --accordion-header-color: #111827;\\n  --accordion-header-padding: 1rem; /* 16px */\\n  --accordion-content-bg: #ffffff;\\n  --accordion-content-padding: 1rem; /* 16px */\\n  --accordion-content-color: #4b5563;\\n  --accordion-icon-size: 1.25rem; /* 20px */\\n  --accordion-animation-duration: 0.3s;\\n  \\n  display: block;\\n  width: 100%;\\n}\\n\\n.accordion {\\n  border: 1px solid var(--accordion-border-color);\\n  border-radius: var(--accordion-border-radius);\\n  overflow: hidden;\\n}\\n\\n::slotted(snice-accordion-item) {\\n  display: block;\\n}\\n\\n::slotted(snice-accordion-item:not(:last-child)) {\\n  border-bottom: 1px solid var(--accordion-border-color);\\n}\";",null],"names":["cssTag"],"mappings":"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"}

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

@@ -7,12 +7,8 @@ export declare class SniceAlert extends HTMLElement implements SniceAlertElement
     icon: string;
     alertElement?: HTMLElement;
     private isHidden;
-    html(): string;
-    renderIconSection(): string;
-    renderTitleSection(): string;
-    renderDescriptionSection(): string;
-    renderDismissSection(): "" | "\n      <button class=\"alert-dismiss\" type=\"button\" aria-label=\"Dismiss alert\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <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\"/>\n        </svg>\n      </button>\n    ";
-    css(): string;
+    renderContent(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
     private shouldShowDefaultIcon;
     handleDismiss(): {
         variant: AlertVariant;