snice 3.1.0 → 3.3.0

package/dist/components/split-pane/snice-split-pane.js

@@ -0,0 +1,191 @@
+import { __runInitializers, __esDecorate } from 'tslib';
+import { element, property, query, dispatch, styles, render, dispose, css, html } from 'snice';
+
+var cssContent = ":host{display:flex;width:100%;height:100%;position:relative;overflow:hidden;font-family:var(--snice-font-family, system-ui, -apple-system, sans-serif)}:host([direction=horizontal]){flex-direction:row}:host([direction=vertical]){flex-direction:column}.primary,.secondary{overflow:auto;position:relative}.primary{flex-shrink:0}.secondary{flex:1;min-width:0;min-height:0}.divider{flex-shrink:0;background:var(--snice-border-color,#e0e0e0);position:relative;transition:background .2s}.divider:hover:not(.divider--disabled){background:var(--snice-color-primary,#2196f3)}.divider--disabled{cursor:default!important}.divider--dragging{background:var(--snice-color-primary,#2196f3)}:host([direction=horizontal]) .divider{width:4px;cursor:col-resize;height:100%}:host([direction=vertical]) .divider{height:4px;cursor:row-resize;width:100%}.divider__handle{position:absolute;background:var(--snice-bg-secondary,#f5f5f5);border-radius:3px;opacity:0;transition:opacity .2s}.divider--dragging .divider__handle,.divider:hover .divider__handle:not(.divider--disabled .divider__handle){opacity:1}:host([direction=horizontal]) .divider__handle{top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:40px}:host([direction=vertical]) .divider__handle{top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:20px}:host(.dragging){user-select:none}:host(.dragging) *{user-select:none;pointer-events:none}";
+
+let SniceResize = (() => {
+    let _classDecorators = [element('snice-split-pane')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _direction_decorators;
+    let _direction_initializers = [];
+    let _direction_extraInitializers = [];
+    let _primarySize_decorators;
+    let _primarySize_initializers = [];
+    let _primarySize_extraInitializers = [];
+    let _minPrimarySize_decorators;
+    let _minPrimarySize_initializers = [];
+    let _minPrimarySize_extraInitializers = [];
+    let _minSecondarySize_decorators;
+    let _minSecondarySize_initializers = [];
+    let _minSecondarySize_extraInitializers = [];
+    let _snapSize_decorators;
+    let _snapSize_initializers = [];
+    let _snapSize_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _primaryPane_decorators;
+    let _primaryPane_initializers = [];
+    let _primaryPane_extraInitializers = [];
+    let _secondaryPane_decorators;
+    let _secondaryPane_initializers = [];
+    let _secondaryPane_extraInitializers = [];
+    let _dividerElement_decorators;
+    let _dividerElement_initializers = [];
+    let _dividerElement_extraInitializers = [];
+    let _dispatchResize_decorators;
+    let _styles_decorators;
+    let _template_decorators;
+    let _cleanup_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.direction = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _direction_initializers, 'horizontal'));
+            this.primarySize = (__runInitializers(this, _direction_extraInitializers), __runInitializers(this, _primarySize_initializers, 50)); // percentage
+            this.minPrimarySize = (__runInitializers(this, _primarySize_extraInitializers), __runInitializers(this, _minPrimarySize_initializers, 10)); // percentage
+            this.minSecondarySize = (__runInitializers(this, _minPrimarySize_extraInitializers), __runInitializers(this, _minSecondarySize_initializers, 10)); // percentage
+            this.snapSize = (__runInitializers(this, _minSecondarySize_extraInitializers), __runInitializers(this, _snapSize_initializers, 0)); // percentage, 0 = no snap
+            this.disabled = (__runInitializers(this, _snapSize_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+            this.primaryPane = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _primaryPane_initializers, void 0));
+            this.secondaryPane = (__runInitializers(this, _primaryPane_extraInitializers), __runInitializers(this, _secondaryPane_initializers, void 0));
+            this.dividerElement = (__runInitializers(this, _secondaryPane_extraInitializers), __runInitializers(this, _dividerElement_initializers, void 0));
+            this.isDragging = (__runInitializers(this, _dividerElement_extraInitializers), false);
+            this.startPosition = 0;
+            this.startSize = 0;
+            this.handleDividerMouseDown = (e) => {
+                if (this.disabled)
+                    return;
+                e.preventDefault();
+                this.isDragging = true;
+                this.classList.add('dragging');
+                this.dividerElement.classList.add('divider--dragging');
+                this.startPosition = this.direction === 'horizontal' ? e.clientX : e.clientY;
+                this.startSize = this.primarySize;
+                document.addEventListener('mousemove', this.handleMouseMove);
+                document.addEventListener('mouseup', this.handleMouseUp);
+            };
+            this.handleMouseMove = (e) => {
+                if (!this.isDragging)
+                    return;
+                const containerSize = this.direction === 'horizontal'
+                    ? this.offsetWidth
+                    : this.offsetHeight;
+                const currentPosition = this.direction === 'horizontal' ? e.clientX : e.clientY;
+                const delta = currentPosition - this.startPosition;
+                const deltaPercentage = (delta / containerSize) * 100;
+                let newSize = this.startSize + deltaPercentage;
+                // Apply snapping
+                if (this.snapSize > 0) {
+                    const remainder = newSize % this.snapSize;
+                    if (remainder < this.snapSize / 2) {
+                        newSize -= remainder;
+                    }
+                    else {
+                        newSize += (this.snapSize - remainder);
+                    }
+                }
+                this.setPrimarySize(newSize);
+            };
+            this.handleMouseUp = () => {
+                this.isDragging = false;
+                this.classList.remove('dragging');
+                this.dividerElement.classList.remove('divider--dragging');
+                document.removeEventListener('mousemove', this.handleMouseMove);
+                document.removeEventListener('mouseup', this.handleMouseUp);
+            };
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _direction_decorators = [property({ attribute: 'direction' })];
+            _primarySize_decorators = [property({ type: Number, attribute: 'primary-size' })];
+            _minPrimarySize_decorators = [property({ type: Number, attribute: 'min-primary-size' })];
+            _minSecondarySize_decorators = [property({ type: Number, attribute: 'min-secondary-size' })];
+            _snapSize_decorators = [property({ type: Number, attribute: 'snap-size' })];
+            _disabled_decorators = [property({ type: Boolean })];
+            _primaryPane_decorators = [query('.primary')];
+            _secondaryPane_decorators = [query('.secondary')];
+            _dividerElement_decorators = [query('.divider')];
+            _dispatchResize_decorators = [dispatch('@snice/resize', { bubbles: true, composed: true })];
+            _styles_decorators = [styles()];
+            _template_decorators = [render()];
+            _cleanup_decorators = [dispose()];
+            __esDecorate(this, null, _dispatchResize_decorators, { kind: "method", name: "dispatchResize", static: false, private: false, access: { has: obj => "dispatchResize" in obj, get: obj => obj.dispatchResize }, 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, _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, _direction_decorators, { kind: "field", name: "direction", static: false, private: false, access: { has: obj => "direction" in obj, get: obj => obj.direction, set: (obj, value) => { obj.direction = value; } }, metadata: _metadata }, _direction_initializers, _direction_extraInitializers);
+            __esDecorate(null, null, _primarySize_decorators, { kind: "field", name: "primarySize", static: false, private: false, access: { has: obj => "primarySize" in obj, get: obj => obj.primarySize, set: (obj, value) => { obj.primarySize = value; } }, metadata: _metadata }, _primarySize_initializers, _primarySize_extraInitializers);
+            __esDecorate(null, null, _minPrimarySize_decorators, { kind: "field", name: "minPrimarySize", static: false, private: false, access: { has: obj => "minPrimarySize" in obj, get: obj => obj.minPrimarySize, set: (obj, value) => { obj.minPrimarySize = value; } }, metadata: _metadata }, _minPrimarySize_initializers, _minPrimarySize_extraInitializers);
+            __esDecorate(null, null, _minSecondarySize_decorators, { kind: "field", name: "minSecondarySize", static: false, private: false, access: { has: obj => "minSecondarySize" in obj, get: obj => obj.minSecondarySize, set: (obj, value) => { obj.minSecondarySize = value; } }, metadata: _metadata }, _minSecondarySize_initializers, _minSecondarySize_extraInitializers);
+            __esDecorate(null, null, _snapSize_decorators, { kind: "field", name: "snapSize", static: false, private: false, access: { has: obj => "snapSize" in obj, get: obj => obj.snapSize, set: (obj, value) => { obj.snapSize = value; } }, metadata: _metadata }, _snapSize_initializers, _snapSize_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);
+            __esDecorate(null, null, _primaryPane_decorators, { kind: "field", name: "primaryPane", static: false, private: false, access: { has: obj => "primaryPane" in obj, get: obj => obj.primaryPane, set: (obj, value) => { obj.primaryPane = value; } }, metadata: _metadata }, _primaryPane_initializers, _primaryPane_extraInitializers);
+            __esDecorate(null, null, _secondaryPane_decorators, { kind: "field", name: "secondaryPane", static: false, private: false, access: { has: obj => "secondaryPane" in obj, get: obj => obj.secondaryPane, set: (obj, value) => { obj.secondaryPane = value; } }, metadata: _metadata }, _secondaryPane_initializers, _secondaryPane_extraInitializers);
+            __esDecorate(null, null, _dividerElement_decorators, { kind: "field", name: "dividerElement", static: false, private: false, access: { has: obj => "dividerElement" in obj, get: obj => obj.dividerElement, set: (obj, value) => { obj.dividerElement = value; } }, metadata: _metadata }, _dividerElement_initializers, _dividerElement_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);
+        }
+        dispatchResize() {
+            return {
+                primarySize: this.primarySize,
+                secondarySize: 100 - this.primarySize,
+                splitPane: this
+            };
+        }
+        styles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        getPrimarySize() {
+            return this.primarySize;
+        }
+        getSecondarySize() {
+            return 100 - this.primarySize;
+        }
+        setPrimarySize(size) {
+            const clampedSize = Math.max(this.minPrimarySize, Math.min(100 - this.minSecondarySize, size));
+            this.primarySize = clampedSize;
+            this.dispatchResize();
+        }
+        reset() {
+            this.primarySize = 50;
+            this.dispatchResize();
+        }
+        template() {
+            const primaryStyle = this.direction === 'horizontal'
+                ? `width: ${this.primarySize}%`
+                : `height: ${this.primarySize}%`;
+            return html `
+      <div class="primary" style="${primaryStyle}">
+        <slot name="primary"></slot>
+      </div>
+
+      <div
+        class="divider ${this.disabled ? 'divider--disabled' : ''}"
+        @mousedown=${this.handleDividerMouseDown}>
+        <div class="divider__handle"></div>
+      </div>
+
+      <div class="secondary">
+        <slot name="secondary"></slot>
+      </div>
+    `;
+        }
+        cleanup() {
+            document.removeEventListener('mousemove', this.handleMouseMove);
+            document.removeEventListener('mouseup', this.handleMouseUp);
+        }
+    });
+    return _classThis;
+})();
+// Also export as SniceSplitPane for backward compatibility
+const SniceSplitPane = SniceResize;
+
+export { SniceResize, SniceSplitPane };
+//# sourceMappingURL=snice-split-pane.js.map

package/dist/components/split-pane/snice-split-pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-split-pane.js","sources":["../../../components/split-pane/snice-split-pane.css?inline","../../../../components/split-pane/snice-split-pane.ts"],"sourcesContent":["export default \":host{display:flex;width:100%;height:100%;position:relative;overflow:hidden;font-family:var(--snice-font-family, system-ui, -apple-system, sans-serif)}:host([direction=horizontal]){flex-direction:row}:host([direction=vertical]){flex-direction:column}.primary,.secondary{overflow:auto;position:relative}.primary{flex-shrink:0}.secondary{flex:1;min-width:0;min-height:0}.divider{flex-shrink:0;background:var(--snice-border-color,#e0e0e0);position:relative;transition:background .2s}.divider:hover:not(.divider--disabled){background:var(--snice-color-primary,#2196f3)}.divider--disabled{cursor:default!important}.divider--dragging{background:var(--snice-color-primary,#2196f3)}:host([direction=horizontal]) .divider{width:4px;cursor:col-resize;height:100%}:host([direction=vertical]) .divider{height:4px;cursor:row-resize;width:100%}.divider__handle{position:absolute;background:var(--snice-bg-secondary,#f5f5f5);border-radius:3px;opacity:0;transition:opacity .2s}.divider--dragging .divider__handle,.divider:hover .divider__handle:not(.divider--disabled .divider__handle){opacity:1}:host([direction=horizontal]) .divider__handle{top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:40px}:host([direction=vertical]) .divider__handle{top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:20px}:host(.dragging){user-select:none}:host(.dragging) *{user-select:none;pointer-events:none}\";",null],"names":[],"mappings":"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"}

package/dist/components/split-pane/snice-split-pane.types.d.ts

@@ -0,0 +1,19 @@
+export type SplitDirection = 'horizontal' | 'vertical';
+export interface SniceResizeDetail {
+    primarySize: number;
+    secondarySize: number;
+    splitPane: SniceResizeElement;
+}
+export interface SniceResizeElement extends HTMLElement {
+    direction: SplitDirection;
+    primarySize: number;
+    minPrimarySize: number;
+    minSecondarySize: number;
+    snapSize: number;
+    disabled: boolean;
+    getPrimarySize(): number;
+    getSecondarySize(): number;
+    setPrimarySize(size: number): void;
+    reset(): void;
+}
+export type SniceSplitPaneElement = SniceResizeElement;

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

@@ -0,0 +1,14 @@
+import type { StatTrend, StatSize, SniceStatElement } from './snice-stat.types';
+export declare class SniceStat extends HTMLElement implements SniceStatElement {
+    label: string;
+    value: string | number;
+    change: string | number;
+    trend: StatTrend;
+    size: StatSize;
+    icon: string;
+    iconImage: string;
+    colorValue: boolean;
+    private getTrendIcon;
+    render(): import("snice").TemplateResult;
+    styles(): import("snice").CSSResult;
+}

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

@@ -0,0 +1,140 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, render, styles, html, css } from 'snice';
+
+var cssContent = ":host{display:block}.stat{font-family:var(--font-family, system-ui);padding:var(--spacing-lg,1.5rem);background:var(--color-background,#fff);border:1px solid var(--color-neutral-200,#e5e7eb);border-radius:var(--border-radius-lg,.5rem)}.stat--small{padding:var(--spacing-md,1rem)}.stat--large{padding:var(--spacing-xl,2rem)}.stat__header{display:flex;align-items:center;gap:var(--spacing-sm,.75rem);margin-bottom:var(--spacing-sm,.75rem)}.stat__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100,#dbeafe);border-radius:var(--border-radius-md,.375rem);font-size:1.25rem}.stat__icon-image{width:100%;height:100%;object-fit:contain}.stat__label{font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted,#6b7280);font-weight:500}.stat__value{font-size:var(--font-size-3xl, 2rem);font-weight:700;color:var(--color-text,#1f2937);margin-bottom:var(--spacing-xs,.5rem)}.stat--small .stat__value{font-size:var(--font-size-2xl, 1.5rem)}.stat--large .stat__value{font-size:var(--font-size-4xl, 2.5rem)}.stat__value--up{color:var(--color-success-600,#16a34a)}.stat__value--down{color:var(--color-danger-600,#dc2626)}.stat__value--neutral{color:var(--color-neutral-600,#6b7280)}.stat__change{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--font-size-sm, .875rem);font-weight:500}.stat__change--up{color:var(--color-success-600,#16a34a)}.stat__change--down{color:var(--color-danger-600,#dc2626)}.stat__change--neutral{color:var(--color-neutral-600,#6b7280)}.stat__change-icon{font-size:.75rem}";
+
+let SniceStat = (() => {
+    let _classDecorators = [element('snice-stat')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _change_decorators;
+    let _change_initializers = [];
+    let _change_extraInitializers = [];
+    let _trend_decorators;
+    let _trend_initializers = [];
+    let _trend_extraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _iconImage_decorators;
+    let _iconImage_initializers = [];
+    let _iconImage_extraInitializers = [];
+    let _colorValue_decorators;
+    let _colorValue_initializers = [];
+    let _colorValue_extraInitializers = [];
+    let _render_decorators;
+    let _styles_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _label_decorators = [property({})];
+            _value_decorators = [property({})];
+            _change_decorators = [property({})];
+            _trend_decorators = [property({})];
+            _size_decorators = [property({})];
+            _icon_decorators = [property({})];
+            _iconImage_decorators = [property({ attribute: 'icon-image' })];
+            _colorValue_decorators = [property({ type: Boolean, attribute: 'color-value' })];
+            _render_decorators = [render()];
+            _styles_decorators = [styles()];
+            __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(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(null, null, _change_decorators, { kind: "field", name: "change", static: false, private: false, access: { has: obj => "change" in obj, get: obj => obj.change, set: (obj, value) => { obj.change = value; } }, metadata: _metadata }, _change_initializers, _change_extraInitializers);
+            __esDecorate(null, null, _trend_decorators, { kind: "field", name: "trend", static: false, private: false, access: { has: obj => "trend" in obj, get: obj => obj.trend, set: (obj, value) => { obj.trend = value; } }, metadata: _metadata }, _trend_initializers, _trend_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, _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, _iconImage_decorators, { kind: "field", name: "iconImage", static: false, private: false, access: { has: obj => "iconImage" in obj, get: obj => obj.iconImage, set: (obj, value) => { obj.iconImage = value; } }, metadata: _metadata }, _iconImage_initializers, _iconImage_extraInitializers);
+            __esDecorate(null, null, _colorValue_decorators, { kind: "field", name: "colorValue", static: false, private: false, access: { has: obj => "colorValue" in obj, get: obj => obj.colorValue, set: (obj, value) => { obj.colorValue = value; } }, metadata: _metadata }, _colorValue_initializers, _colorValue_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);
+        }
+        getTrendIcon() {
+            switch (this.trend) {
+                case 'up': return '↑';
+                case 'down': return '↓';
+                case 'neutral': return '→';
+                default: return '';
+            }
+        }
+        render() {
+            const statClasses = [
+                'stat',
+                `stat--${this.size}`
+            ].filter(Boolean).join(' ');
+            const valueClasses = [
+                'stat__value',
+                this.colorValue && this.trend ? `stat__value--${this.trend}` : ''
+            ].filter(Boolean).join(' ');
+            const changeClasses = [
+                'stat__change',
+                this.trend ? `stat__change--${this.trend}` : ''
+            ].filter(Boolean).join(' ');
+            return html `
+      <div class="${statClasses}" part="container">
+        <if ${this.icon || this.iconImage}>
+          <div class="stat__header" part="header">
+            <div class="stat__icon" part="icon">
+              <if ${this.iconImage}>
+                <img class="stat__icon-image" src="${this.iconImage}" alt="" />
+              </if>
+              <if ${!this.iconImage && this.icon}>
+                ${this.icon}
+              </if>
+            </div>
+            <div class="stat__label" part="label">${this.label}</div>
+          </div>
+        </if>
+
+        <if ${!this.icon && !this.iconImage && this.label}>
+          <div class="stat__label" part="label">${this.label}</div>
+        </if>
+
+        <div class="${valueClasses}" part="value">${this.value}</div>
+
+        <if ${this.change}>
+          <div class="${changeClasses}" part="change">
+            <span class="stat__change-icon">${this.getTrendIcon()}</span>
+            ${this.change}
+          </div>
+        </if>
+      </div>
+    `;
+        }
+        styles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        constructor() {
+            super(...arguments);
+            this.label = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _label_initializers, ''));
+            this.value = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _value_initializers, ''));
+            this.change = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _change_initializers, ''));
+            this.trend = (__runInitializers(this, _change_extraInitializers), __runInitializers(this, _trend_initializers, 'neutral'));
+            this.size = (__runInitializers(this, _trend_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
+            this.icon = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _icon_initializers, ''));
+            this.iconImage = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _iconImage_initializers, ''));
+            this.colorValue = (__runInitializers(this, _iconImage_extraInitializers), __runInitializers(this, _colorValue_initializers, false));
+            __runInitializers(this, _colorValue_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceStat };
+//# sourceMappingURL=snice-stat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-stat.js","sources":["../../../components/stat/snice-stat.css?inline","../../../../components/stat/snice-stat.ts"],"sourcesContent":["export default \":host{display:block}.stat{font-family:var(--font-family, system-ui);padding:var(--spacing-lg,1.5rem);background:var(--color-background,#fff);border:1px solid var(--color-neutral-200,#e5e7eb);border-radius:var(--border-radius-lg,.5rem)}.stat--small{padding:var(--spacing-md,1rem)}.stat--large{padding:var(--spacing-xl,2rem)}.stat__header{display:flex;align-items:center;gap:var(--spacing-sm,.75rem);margin-bottom:var(--spacing-sm,.75rem)}.stat__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100,#dbeafe);border-radius:var(--border-radius-md,.375rem);font-size:1.25rem}.stat__icon-image{width:100%;height:100%;object-fit:contain}.stat__label{font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted,#6b7280);font-weight:500}.stat__value{font-size:var(--font-size-3xl, 2rem);font-weight:700;color:var(--color-text,#1f2937);margin-bottom:var(--spacing-xs,.5rem)}.stat--small .stat__value{font-size:var(--font-size-2xl, 1.5rem)}.stat--large .stat__value{font-size:var(--font-size-4xl, 2.5rem)}.stat__value--up{color:var(--color-success-600,#16a34a)}.stat__value--down{color:var(--color-danger-600,#dc2626)}.stat__value--neutral{color:var(--color-neutral-600,#6b7280)}.stat__change{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--font-size-sm, .875rem);font-weight:500}.stat__change--up{color:var(--color-success-600,#16a34a)}.stat__change--down{color:var(--color-danger-600,#dc2626)}.stat__change--neutral{color:var(--color-neutral-600,#6b7280)}.stat__change-icon{font-size:.75rem}\";",null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+export type StatTrend = 'up' | 'down' | 'neutral';
+export type StatSize = 'small' | 'medium' | 'large';
+export interface SniceStatElement extends HTMLElement {
+    label: string;
+    value: string | number;
+    change: string | number;
+    trend: StatTrend;
+    size: StatSize;
+    icon: string;
+    iconImage: string;
+    colorValue: boolean;
+}

package/dist/components/stepper/snice-stepper-panel.d.ts

@@ -0,0 +1,8 @@
+import type { SniceStepperPanelElement } from './snice-stepper-panel.types';
+export declare class SniceStepperPanel extends HTMLElement implements SniceStepperPanelElement {
+    index: number;
+    active: boolean;
+    updateActiveAttribute(): void;
+    styles(): import("snice").CSSResult;
+    render(): import("snice").TemplateResult;
+}

package/dist/components/stepper/snice-stepper-panel.js

@@ -0,0 +1,70 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, property, watch, styles, render, css, html } from 'snice';
+
+var cssContent = ":host{display:none;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}:host([active]){display:block}.panel{padding:var(--snice-spacing-md,1rem)}";
+
+let SniceStepperPanel = (() => {
+    let _classDecorators = [element('snice-stepper-panel')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _index_decorators;
+    let _index_initializers = [];
+    let _index_extraInitializers = [];
+    let _active_decorators;
+    let _active_initializers = [];
+    let _active_extraInitializers = [];
+    let _updateActiveAttribute_decorators;
+    let _styles_decorators;
+    let _render_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _index_decorators = [property({ type: Number })];
+            _active_decorators = [property({ type: Boolean })];
+            _updateActiveAttribute_decorators = [watch('active')];
+            _styles_decorators = [styles()];
+            _render_decorators = [render()];
+            __esDecorate(this, null, _updateActiveAttribute_decorators, { kind: "method", name: "updateActiveAttribute", static: false, private: false, access: { has: obj => "updateActiveAttribute" in obj, get: obj => obj.updateActiveAttribute }, 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, _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(null, null, _index_decorators, { kind: "field", name: "index", static: false, private: false, access: { has: obj => "index" in obj, get: obj => obj.index, set: (obj, value) => { obj.index = value; } }, metadata: _metadata }, _index_initializers, _index_extraInitializers);
+            __esDecorate(null, null, _active_decorators, { kind: "field", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_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);
+        }
+        updateActiveAttribute() {
+            if (this.active) {
+                this.setAttribute('active', '');
+            }
+            else {
+                this.removeAttribute('active');
+            }
+        }
+        styles() {
+            return css /*css*/ `${cssContent}`;
+        }
+        render() {
+            return html `
+      <div class="panel" part="panel">
+        <slot></slot>
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            this.index = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _index_initializers, 0));
+            this.active = (__runInitializers(this, _index_extraInitializers), __runInitializers(this, _active_initializers, false));
+            __runInitializers(this, _active_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceStepperPanel };
+//# sourceMappingURL=snice-stepper-panel.js.map

package/dist/components/stepper/snice-stepper-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-stepper-panel.js","sources":["../../../components/stepper/snice-stepper-panel.css?inline","../../../../components/stepper/snice-stepper-panel.ts"],"sourcesContent":["export default \":host{display:none;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}:host([active]){display:block}.panel{padding:var(--snice-spacing-md,1rem)}\";",null],"names":[],"mappings":"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"}

package/dist/components/stepper/snice-stepper-panel.types.d.ts

@@ -0,0 +1,4 @@
+export interface SniceStepperPanelElement extends HTMLElement {
+    index: number;
+    active: boolean;
+}

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

@@ -0,0 +1,15 @@
+import type { Step, StepperOrientation, SniceStepperElement } from './snice-stepper.types';
+import type { SniceStepperPanelElement } from './snice-stepper-panel.types';
+export declare class SniceStepper extends HTMLElement implements SniceStepperElement {
+    steps: Step[];
+    currentStep: number;
+    orientation: StepperOrientation;
+    clickable: boolean;
+    panels?: NodeListOf<SniceStepperPanelElement>;
+    init(): void;
+    styles(): import("snice").CSSResult;
+    private getStepStatus;
+    private handleStepClick;
+    updatePanels(): void;
+    render(): import("snice").TemplateResult;
+}