snice 3.1.0 → 3.3.0

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

@@ -0,0 +1,220 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, dispatch, styles, render, ready, dispose, css, html } from 'snice';
+
+var cssContent = ":host{display:inline-flex;align-items:center;gap:4px;font-family:var(--snice-font-family, system-ui, -apple-system, sans-serif)}.actions{display:inline-flex;align-items:center;gap:4px}.action-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:.2s;background:0 0;color:var(--snice-text-primary,#1a1a1a);text-decoration:none;white-space:nowrap}.action-button:hover:not(:disabled){background:var(--snice-bg-hover,#f5f5f5)}.action-button:active:not(:disabled){transform:scale(.95)}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button--danger{color:var(--snice-color-error,#d32f2f)}.action-button--danger:hover:not(:disabled){background:var(--snice-color-error-light,#ffebee)}.action-button--outlined{border:1px solid var(--snice-border-color,#e0e0e0)}.action-button--outlined:hover:not(:disabled){border-color:var(--snice-color-primary,#2196f3);background:var(--snice-color-primary-light,#e3f2fd)}.action-button--filled{background:var(--snice-color-primary,#2196f3);color:#fff}.action-button--filled:hover:not(:disabled){background:var(--snice-color-primary-dark,#1976d2)}.action-button--filled.action-button--danger{background:var(--snice-color-error,#d32f2f);color:#fff}.action-button--filled.action-button--danger:hover:not(:disabled){background:var(--snice-color-error-dark,#c62828)}.action-button--small{padding:4px 8px;font-size:12px}.action-button--large{padding:8px 16px;font-size:16px}.icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.icon img{width:100%;height:100%;object-fit:contain}.more-button{position:relative}.dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--snice-border-color,#e0e0e0);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000;min-width:150px;display:none}.dropdown--open{display:block}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .2s;color:var(--snice-text-primary,#1a1a1a);text-decoration:none;white-space:nowrap;border:none;background:0 0;width:100%;text-align:left;font-size:14px}.dropdown-item:hover:not(:disabled){background:var(--snice-bg-hover,#f5f5f5)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item--danger{color:var(--snice-color-error,#d32f2f)}.dropdown-item--danger:hover:not(:disabled){background:var(--snice-color-error-light,#ffebee)}";
+
+let SniceActions = (() => {
+    let _classDecorators = [element('snice-actions')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _actions_decorators;
+    let _actions_initializers = [];
+    let _actions_extraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _variant_decorators;
+    let _variant_initializers = [];
+    let _variant_extraInitializers = [];
+    let _showLabels_decorators;
+    let _showLabels_initializers = [];
+    let _showLabels_extraInitializers = [];
+    let _maxVisible_decorators;
+    let _maxVisible_initializers = [];
+    let _maxVisible_extraInitializers = [];
+    let _moreLabel_decorators;
+    let _moreLabel_initializers = [];
+    let _moreLabel_extraInitializers = [];
+    let _moreIcon_decorators;
+    let _moreIcon_initializers = [];
+    let _moreIcon_extraInitializers = [];
+    let _dispatchActionTrigger_decorators;
+    let _styles_decorators;
+    let _template_decorators;
+    let _init_decorators;
+    let _cleanup_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.actions = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _actions_initializers, []));
+            this.size = (__runInitializers(this, _actions_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
+            this.variant = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _variant_initializers, 'text'));
+            this.showLabels = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _showLabels_initializers, true));
+            this.maxVisible = (__runInitializers(this, _showLabels_extraInitializers), __runInitializers(this, _maxVisible_initializers, 3));
+            this.moreLabel = (__runInitializers(this, _maxVisible_extraInitializers), __runInitializers(this, _moreLabel_initializers, 'More'));
+            this.moreIcon = (__runInitializers(this, _moreLabel_extraInitializers), __runInitializers(this, _moreIcon_initializers, '⋯'));
+            this.dropdownOpen = (__runInitializers(this, _moreIcon_extraInitializers), false);
+            this.handleOutsideClick = (e) => {
+                if (!this.contains(e.target)) {
+                    this.closeDropdown();
+                }
+            };
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _actions_decorators = [property({ type: Array })];
+            _size_decorators = [property({ attribute: 'size' })];
+            _variant_decorators = [property({ attribute: 'variant' })];
+            _showLabels_decorators = [property({ type: Boolean, attribute: 'show-labels' })];
+            _maxVisible_decorators = [property({ type: Number, attribute: 'max-visible' })];
+            _moreLabel_decorators = [property({ attribute: 'more-label' })];
+            _moreIcon_decorators = [property({ attribute: 'more-icon' })];
+            _dispatchActionTrigger_decorators = [dispatch('@snice/action-trigger', { bubbles: true, composed: true })];
+            _styles_decorators = [styles()];
+            _template_decorators = [render()];
+            _init_decorators = [ready()];
+            _cleanup_decorators = [dispose()];
+            __esDecorate(this, null, _dispatchActionTrigger_decorators, { kind: "method", name: "dispatchActionTrigger", static: false, private: false, access: { has: obj => "dispatchActionTrigger" in obj, get: obj => obj.dispatchActionTrigger }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _template_decorators, { kind: "method", name: "template", static: false, private: false, access: { has: obj => "template" in obj, get: obj => obj.template }, 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, _cleanup_decorators, { kind: "method", name: "cleanup", static: false, private: false, access: { has: obj => "cleanup" in obj, get: obj => obj.cleanup }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _actions_decorators, { kind: "field", name: "actions", static: false, private: false, access: { has: obj => "actions" in obj, get: obj => obj.actions, set: (obj, value) => { obj.actions = value; } }, metadata: _metadata }, _actions_initializers, _actions_extraInitializers);
+            __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+            __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, _showLabels_decorators, { kind: "field", name: "showLabels", static: false, private: false, access: { has: obj => "showLabels" in obj, get: obj => obj.showLabels, set: (obj, value) => { obj.showLabels = value; } }, metadata: _metadata }, _showLabels_initializers, _showLabels_extraInitializers);
+            __esDecorate(null, null, _maxVisible_decorators, { kind: "field", name: "maxVisible", static: false, private: false, access: { has: obj => "maxVisible" in obj, get: obj => obj.maxVisible, set: (obj, value) => { obj.maxVisible = value; } }, metadata: _metadata }, _maxVisible_initializers, _maxVisible_extraInitializers);
+            __esDecorate(null, null, _moreLabel_decorators, { kind: "field", name: "moreLabel", static: false, private: false, access: { has: obj => "moreLabel" in obj, get: obj => obj.moreLabel, set: (obj, value) => { obj.moreLabel = value; } }, metadata: _metadata }, _moreLabel_initializers, _moreLabel_extraInitializers);
+            __esDecorate(null, null, _moreIcon_decorators, { kind: "field", name: "moreIcon", static: false, private: false, access: { has: obj => "moreIcon" in obj, get: obj => obj.moreIcon, set: (obj, value) => { obj.moreIcon = value; } }, metadata: _metadata }, _moreIcon_initializers, _moreIcon_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);
+        }
+        dispatchActionTrigger(action) {
+            return { action, actionsElement: this };
+        }
+        styles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        triggerAction(id) {
+            const action = this.getAction(id);
+            if (action && !action.disabled) {
+                this.handleActionClick(action);
+            }
+        }
+        getAction(id) {
+            return this.actions.find(a => a.id === id);
+        }
+        async handleActionClick(action) {
+            if (action.disabled)
+                return;
+            this.dispatchActionTrigger(action);
+            if (action.action) {
+                await action.action();
+            }
+            if (action.href) {
+                if (action.target) {
+                    window.open(action.href, action.target);
+                }
+                else {
+                    window.location.href = action.href;
+                }
+            }
+            this.closeDropdown();
+        }
+        toggleDropdown() {
+            this.dropdownOpen = !this.dropdownOpen;
+        }
+        closeDropdown() {
+            if (this.dropdownOpen) {
+                this.dropdownOpen = false;
+            }
+        }
+        renderActionButton(action, inDropdown = false) {
+            const variant = action.variant || this.variant;
+            const classes = [
+                inDropdown ? 'dropdown-item' : 'action-button',
+                variant !== 'text' && !inDropdown ? `action-button--${variant}` : '',
+                this.size !== 'medium' && !inDropdown ? `action-button--${this.size}` : '',
+                action.danger ? (inDropdown ? 'dropdown-item--danger' : 'action-button--danger') : '',
+            ].filter(Boolean).join(' ');
+            const content = html `
+      <if ${action.iconImage}>
+        <span class="icon">
+          <img src="${action.iconImage}" alt="${action.label || ''}" />
+        </span>
+      </if>
+      <if ${!action.iconImage && action.icon}>
+        <span class="icon">${action.icon}</span>
+      </if>
+      <if ${this.showLabels && action.label}>
+        <span>${action.label}</span>
+      </if>
+    `;
+            if (action.href) {
+                return html `
+        <a
+          class="${classes}"
+          href="${action.href}"
+          target="${action.target || '_self'}"
+          title="${action.tooltip || action.label || ''}"
+          @click=${(e) => {
+                    e.preventDefault();
+                    this.handleActionClick(action);
+                }}>
+          ${content}
+        </a>
+      `;
+            }
+            return html `
+      <button
+        class="${classes}"
+        ?disabled=${action.disabled}
+        title="${action.tooltip || action.label || ''}"
+        @click=${() => this.handleActionClick(action)}>
+        ${content}
+      </button>
+    `;
+        }
+        template() {
+            if (!this.actions || this.actions.length === 0) {
+                return html ``;
+            }
+            const visibleActions = this.maxVisible > 0
+                ? this.actions.slice(0, this.maxVisible)
+                : this.actions;
+            const hiddenActions = this.maxVisible > 0 && this.actions.length > this.maxVisible
+                ? this.actions.slice(this.maxVisible)
+                : [];
+            return html `
+      <div class="actions">
+        ${visibleActions.map(action => this.renderActionButton(action))}
+
+        <if ${hiddenActions.length > 0}>
+          <div class="more-button">
+            <button
+              class="action-button action-button--${this.size}"
+              @click=${() => this.toggleDropdown()}
+              title="${this.moreLabel}">
+              <span class="icon">${this.moreIcon}</span>
+              <if ${this.showLabels}>
+                <span>${this.moreLabel}</span>
+              </if>
+            </button>
+
+            <div class="dropdown ${this.dropdownOpen ? 'dropdown--open' : ''}">
+              ${hiddenActions.map(action => this.renderActionButton(action, true))}
+            </div>
+          </div>
+        </if>
+      </div>
+    `;
+        }
+        init() {
+            // Close dropdown when clicking outside
+            document.addEventListener('click', this.handleOutsideClick);
+        }
+        cleanup() {
+            document.removeEventListener('click', this.handleOutsideClick);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceActions };
+//# sourceMappingURL=snice-actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-actions.js","sources":["../../../components/actions/snice-actions.css?inline","../../../../components/actions/snice-actions.ts"],"sourcesContent":["export default \":host{display:inline-flex;align-items:center;gap:4px;font-family:var(--snice-font-family, system-ui, -apple-system, sans-serif)}.actions{display:inline-flex;align-items:center;gap:4px}.action-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:.2s;background:0 0;color:var(--snice-text-primary,#1a1a1a);text-decoration:none;white-space:nowrap}.action-button:hover:not(:disabled){background:var(--snice-bg-hover,#f5f5f5)}.action-button:active:not(:disabled){transform:scale(.95)}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button--danger{color:var(--snice-color-error,#d32f2f)}.action-button--danger:hover:not(:disabled){background:var(--snice-color-error-light,#ffebee)}.action-button--outlined{border:1px solid var(--snice-border-color,#e0e0e0)}.action-button--outlined:hover:not(:disabled){border-color:var(--snice-color-primary,#2196f3);background:var(--snice-color-primary-light,#e3f2fd)}.action-button--filled{background:var(--snice-color-primary,#2196f3);color:#fff}.action-button--filled:hover:not(:disabled){background:var(--snice-color-primary-dark,#1976d2)}.action-button--filled.action-button--danger{background:var(--snice-color-error,#d32f2f);color:#fff}.action-button--filled.action-button--danger:hover:not(:disabled){background:var(--snice-color-error-dark,#c62828)}.action-button--small{padding:4px 8px;font-size:12px}.action-button--large{padding:8px 16px;font-size:16px}.icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.icon img{width:100%;height:100%;object-fit:contain}.more-button{position:relative}.dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--snice-border-color,#e0e0e0);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000;min-width:150px;display:none}.dropdown--open{display:block}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .2s;color:var(--snice-text-primary,#1a1a1a);text-decoration:none;white-space:nowrap;border:none;background:0 0;width:100%;text-align:left;font-size:14px}.dropdown-item:hover:not(:disabled){background:var(--snice-bg-hover,#f5f5f5)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item--danger{color:var(--snice-color-error,#d32f2f)}.dropdown-item--danger:hover:not(:disabled){background:var(--snice-color-error-light,#ffebee)}\";",null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+export type ActionButtonSize = 'small' | 'medium' | 'large';
+export type ActionButtonVariant = 'text' | 'outlined' | 'filled';
+export interface ActionButton {
+    id: string;
+    label?: string;
+    icon?: string;
+    iconImage?: string;
+    variant?: ActionButtonVariant;
+    disabled?: boolean;
+    danger?: boolean;
+    tooltip?: string;
+    action?: () => void | Promise<void>;
+    href?: string;
+    target?: string;
+    data?: any;
+}
+export interface SniceActionsElement extends HTMLElement {
+    actions: ActionButton[];
+    size: ActionButtonSize;
+    variant: ActionButtonVariant;
+    showLabels: boolean;
+    maxVisible: number;
+    moreLabel: string;
+    moreIcon: string;
+    triggerAction(id: string): void;
+    getAction(id: string): ActionButton | undefined;
+}

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

@@ -7,8 +7,8 @@ export declare class SniceAlert extends HTMLElement implements SniceAlertElement
     icon: string;
     alertElement?: HTMLElement;
     private isHidden;
-    renderContent(): import("snice").TemplateResult;
-    componentStyles(): import("snice").CSSResult;
+    render(): import("snice").TemplateResult;
+    styles(): import("snice").CSSResult;
     private shouldShowDefaultIcon;
     handleDismiss(): {
         variant: AlertVariant;

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

@@ -1,7 +1,7 @@
 import { __runInitializers, __esDecorate } from 'tslib';
 import { element, property, query, render, styles, dispatch, html, css } from 'snice';
 
-var cssContent = ":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,8 +28,8 @@ let SniceAlert = (() => {
     let _alertElement_decorators;
     let _alertElement_initializers = [];
     let _alertElement_extraInitializers = [];
-    let _renderContent_decorators;
-    let _componentStyles_decorators;
+    let _render_decorators;
+    let _styles_decorators;
     let _handleDismiss_decorators;
     let _dispatchAlertHidden_decorators;
     let _dispatchAlertShown_decorators;
@@ -53,13 +53,13 @@ let SniceAlert = (() => {
             _dismissible_decorators = [property({ type: Boolean, })];
             _icon_decorators = [property({})];
             _alertElement_decorators = [query('.alert')];
-            _renderContent_decorators = [render()];
-            _componentStyles_decorators = [styles()];
+            _render_decorators = [render()];
+            _styles_decorators = [styles()];
             _handleDismiss_decorators = [dispatch('alert-dismiss')];
             _dispatchAlertHidden_decorators = [dispatch('alert-hidden')];
             _dispatchAlertShown_decorators = [dispatch('alert-shown')];
-            __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, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, 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, _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);
@@ -74,7 +74,7 @@ let SniceAlert = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        renderContent() {
+        render() {
             const hasIcon = this.icon ? this.icon !== 'none' : this.shouldShowDefaultIcon();
             const classes = [
                 'alert',
@@ -109,7 +109,7 @@ let SniceAlert = (() => {
       </div>
     `;
         }
-        componentStyles() {
+        styles() {
             return css /*css*/ `${cssContent}`;
         }
         shouldShowDefaultIcon() {

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/audio-recorder/snice-audio-recorder.d.ts

@@ -0,0 +1,58 @@
+import type { AudioFormat, RecorderState, AudioRecording, SniceAudioRecorderElement } from './snice-audio-recorder.types';
+export declare class SniceAudioRecorder extends HTMLElement implements SniceAudioRecorderElement {
+    autoStart: boolean;
+    format: AudioFormat;
+    bitrate: number;
+    showControls: boolean;
+    showVisualizer: boolean;
+    maxDuration: number;
+    showTimer: boolean;
+    private mediaRecorder;
+    private stream;
+    private audioChunks;
+    private state;
+    private startTime;
+    private pausedTime;
+    private duration;
+    private timerInterval;
+    private errorMessage;
+    private audioContext;
+    private analyser;
+    private visualizerData;
+    private animationFrame;
+    private recordedUrl;
+    styles(): import("snice").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("snice").TemplateResult;
+    private renderVisualizer;
+    private renderControls;
+    private getStateLabel;
+    private formatTime;
+    private getVisualizerHeight;
+    start(): Promise<void>;
+    stop(): Promise<AudioRecording>;
+    pause(): void;
+    resume(): void;
+    cancel(): void;
+    getState(): RecorderState;
+    getDuration(): number;
+    isRecording(): boolean;
+    download(filename?: string): void;
+    private handleRecordingComplete;
+    private startTimer;
+    private stopTimer;
+    private updateVisualizer;
+    private cleanup;
+    private emitRecorderStart;
+    private emitRecorderError;
+    private emitRecorderPause;
+    private emitRecorderResume;
+    private emitRecorderCancel;
+    private emitRecorderStop;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'snice-audio-recorder': SniceAudioRecorder;
+    }
+}