snice 1.13.2 → 1.13.4

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

@@ -0,0 +1,27 @@
+import type { BreadcrumbItem, BreadcrumbSeparator, BreadcrumbSize, SniceBreadcrumbsElement } from './snice-breadcrumbs.types';
+export declare class SniceBreadcrumbs extends HTMLElement implements SniceBreadcrumbsElement {
+    items: BreadcrumbItem[];
+    separator: BreadcrumbSeparator;
+    size: BreadcrumbSize;
+    maxItems: number;
+    breadcrumbElement?: HTMLElement;
+    private collapsed;
+    private slotItems;
+    html(): string;
+    css(): string;
+    private getAllItems;
+    private getVisibleItems;
+    handleEllipsisClick(): void;
+    handleLinkClick(event: MouseEvent): {
+        item: BreadcrumbItem;
+        index: number;
+        href: string;
+        label: string;
+    };
+    private handleSlotChange;
+    init(): void;
+    updateBreadcrumb(): void;
+    setItems(items: BreadcrumbItem[]): void;
+    private renderIcon;
+    private render;
+}

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

@@ -0,0 +1,212 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { element, property, watch, query, dispatch, on, ready } from '../../src/index';
+import css from './snice-breadcrumbs.css?inline';
+let SniceBreadcrumbs = class SniceBreadcrumbs extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.separator = '/';
+        this.size = 'medium';
+        this.maxItems = 0;
+        this.collapsed = true;
+        this.slotItems = [];
+    }
+    html() {
+        const allItems = this.getAllItems();
+        const visibleItems = this.getVisibleItems(allItems);
+        const hasCollapsed = this.maxItems > 0 && allItems.length > this.maxItems && this.collapsed;
+        return /*html*/ `
+      <slot style="display: none"></slot>
+      <nav aria-label="Breadcrumb">
+        <ol class="breadcrumb ${hasCollapsed ? 'breadcrumb--collapsed' : ''}">
+          ${visibleItems.map((item, index) => {
+            const isLast = index === visibleItems.length - 1;
+            const isActive = item.active || isLast;
+            const isHidden = hasCollapsed && index > 0 && index < visibleItems.length - 2;
+            return /*html*/ `
+              <li class="breadcrumb-item ${isActive ? 'breadcrumb-item--active' : ''} ${isHidden ? 'breadcrumb-item--hidden' : ''}">
+                ${item.href && !isActive ? /*html*/ `
+                  <a href="${item.href}" 
+                     class="breadcrumb-link"
+                     aria-current="${isActive ? 'page' : ''}"
+                     tabindex="0">
+                    ${this.renderIcon(item)}
+                    ${item.label}
+                  </a>
+                ` : /*html*/ `
+                  <span class="breadcrumb-text" 
+                        aria-current="${isActive ? 'page' : ''}">
+                    ${this.renderIcon(item)}
+                    ${item.label}
+                  </span>
+                `}
+                ${!isLast ? /*html*/ `
+                  <span class="breadcrumb-separator" aria-hidden="true">
+                    ${this.separator}
+                  </span>
+                ` : ''}
+              </li>
+              ${hasCollapsed && index === 0 && allItems.length > this.maxItems ? /*html*/ `
+                <li class="breadcrumb-item">
+                  <button class="breadcrumb-ellipsis" 
+                          aria-label="Show all breadcrumbs"
+                          tabindex="0">
+                    •••
+                  </button>
+                  <span class="breadcrumb-separator" aria-hidden="true">
+                    ${this.separator}
+                  </span>
+                </li>
+              ` : ''}
+            `;
+        }).join('')}
+        </ol>
+      </nav>
+    `;
+    }
+    css() {
+        return css;
+    }
+    getAllItems() {
+        // Prefer slot items if available, otherwise use items property
+        return this.slotItems.length > 0 ? this.slotItems : this.items;
+    }
+    getVisibleItems(allItems) {
+        if (this.maxItems <= 0 || allItems.length <= this.maxItems || !this.collapsed) {
+            return allItems;
+        }
+        // Show first item and last (maxItems - 1) items
+        const firstItem = allItems[0];
+        const lastItems = allItems.slice(-(this.maxItems - 1));
+        return [firstItem, ...lastItems];
+    }
+    handleEllipsisClick() {
+        this.collapsed = false;
+        this.render();
+    }
+    handleLinkClick(event) {
+        const target = event.target;
+        const label = target.textContent?.trim() || '';
+        const href = target.getAttribute('href') || '';
+        // Find the item index
+        const allItems = this.getAllItems();
+        const index = allItems.findIndex(item => item.label === label);
+        return {
+            item: allItems[index],
+            index,
+            href,
+            label
+        };
+    }
+    handleSlotChange() {
+        const slot = this.shadowRoot?.querySelector('slot');
+        if (!slot)
+            return;
+        const crumbs = slot.assignedElements().filter(el => el.tagName.toLowerCase() === 'snice-crumb');
+        this.slotItems = crumbs.map(crumb => ({
+            label: crumb.label || crumb.textContent?.trim() || '',
+            href: crumb.href || undefined,
+            icon: crumb.icon || undefined,
+            iconImage: crumb.iconImage || undefined,
+            active: crumb.active || false
+        }));
+        this.render();
+    }
+    init() {
+        // Setup slot change handling
+        const slot = this.shadowRoot?.querySelector('slot');
+        if (slot) {
+            slot.addEventListener('slotchange', () => this.handleSlotChange());
+            // Initial check for slotted content
+            this.handleSlotChange();
+        }
+    }
+    updateBreadcrumb() {
+        this.collapsed = true;
+        // Only render if not using slot items, otherwise slot change will handle it
+        if (!this.slotItems || this.slotItems.length === 0) {
+            this.render();
+        }
+    }
+    setItems(items) {
+        this.items = items;
+    }
+    renderIcon(item) {
+        return /*html*/ `
+      <img class="breadcrumb-icon-image" src="${item.iconImage || ''}" alt="" ${item.iconImage ? '' : 'hidden'}>
+      <span class="breadcrumb-icon" ${item.icon ? '' : 'hidden'}>${item.icon || ''}</span>
+    `;
+    }
+    render() {
+        const shadow = this.shadowRoot;
+        if (shadow) {
+            shadow.innerHTML = '';
+            if (this.css) {
+                const style = document.createElement('style');
+                style.textContent = this.css();
+                shadow.appendChild(style);
+            }
+            const template = document.createElement('template');
+            template.innerHTML = this.html();
+            shadow.appendChild(template.content.cloneNode(true));
+        }
+    }
+};
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], SniceBreadcrumbs.prototype, "items", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceBreadcrumbs.prototype, "separator", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceBreadcrumbs.prototype, "size", void 0);
+__decorate([
+    property({ type: Number, reflect: true }),
+    __metadata("design:type", Object)
+], SniceBreadcrumbs.prototype, "maxItems", void 0);
+__decorate([
+    query('.breadcrumb'),
+    __metadata("design:type", HTMLElement)
+], SniceBreadcrumbs.prototype, "breadcrumbElement", void 0);
+__decorate([
+    on('click', '.breadcrumb-ellipsis'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceBreadcrumbs.prototype, "handleEllipsisClick", null);
+__decorate([
+    on('click', '.breadcrumb-link'),
+    dispatch('breadcrumb-click'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [MouseEvent]),
+    __metadata("design:returntype", void 0)
+], SniceBreadcrumbs.prototype, "handleLinkClick", null);
+__decorate([
+    ready(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceBreadcrumbs.prototype, "init", null);
+__decorate([
+    watch('items', 'separator', 'maxItems'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceBreadcrumbs.prototype, "updateBreadcrumb", null);
+SniceBreadcrumbs = __decorate([
+    element('snice-breadcrumbs')
+], SniceBreadcrumbs);
+export { SniceBreadcrumbs };
+//# sourceMappingURL=snice-breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-breadcrumbs.js","sourceRoot":"","sources":["../../../components/breadcrumbs/snice-breadcrumbs.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+export type BreadcrumbSeparator = '/' | '>' | '»' | '•' | '|';
+export type BreadcrumbSize = 'small' | 'medium' | 'large';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    icon?: string;
+    iconImage?: string;
+    active?: boolean;
+}
+export interface SniceBreadcrumbsElement extends HTMLElement {
+    items: BreadcrumbItem[];
+    separator: BreadcrumbSeparator;
+    size: BreadcrumbSize;
+    maxItems: number;
+    setItems(items: BreadcrumbItem[]): void;
+}
+export interface SniceCrumbElement extends HTMLElement {
+    label: string;
+    href: string;
+    icon: string;
+    iconImage: string;
+    active: boolean;
+}

package/dist/components/breadcrumbs/snice-breadcrumbs.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=snice-breadcrumbs.types.js.map

package/dist/components/breadcrumbs/snice-breadcrumbs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-breadcrumbs.types.js","sourceRoot":"","sources":["../../../components/breadcrumbs/snice-breadcrumbs.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,9 @@
+import type { SniceCrumbElement } from './snice-breadcrumbs.types';
+export declare class SniceCrumb extends HTMLElement implements SniceCrumbElement {
+    label: string;
+    href: string;
+    icon: string;
+    iconImage: string;
+    active: boolean;
+    connectedCallback(): void;
+}

package/dist/components/breadcrumbs/snice-crumb.js

@@ -0,0 +1,50 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { element, property } from '../../src/index';
+let SniceCrumb = class SniceCrumb extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.href = '';
+        this.icon = '';
+        this.iconImage = '';
+        this.active = false;
+    }
+    // No shadow DOM - this is a data element
+    connectedCallback() {
+        // Hide the element as it's only for data
+        this.style.display = 'none';
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceCrumb.prototype, "label", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceCrumb.prototype, "href", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", Object)
+], SniceCrumb.prototype, "icon", void 0);
+__decorate([
+    property({ attribute: 'icon-image', reflect: true }),
+    __metadata("design:type", Object)
+], SniceCrumb.prototype, "iconImage", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceCrumb.prototype, "active", void 0);
+SniceCrumb = __decorate([
+    element('snice-crumb')
+], SniceCrumb);
+export { SniceCrumb };
+//# sourceMappingURL=snice-crumb.js.map

package/dist/components/breadcrumbs/snice-crumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-crumb.js","sourceRoot":"","sources":["../../../components/breadcrumbs/snice-crumb.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI7C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,WAAW;IAApC;;QAEL,UAAK,GAAG,EAAE,CAAC;QAGX,SAAI,GAAG,EAAE,CAAC;QAGV,SAAI,GAAG,EAAE,CAAC;QAGV,cAAS,GAAG,EAAE,CAAC;QAGf,WAAM,GAAG,KAAK,CAAC;IAOjB,CAAC;IALC,yCAAyC;IACzC,iBAAiB;QACf,yCAAyC;QACzC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC9B,CAAC;CACF,CAAA;AAnBC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;yCACjB;AAGX;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;wCAClB;AAGV;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;wCAClB;AAGV;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;6CACtC;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;0CAC5B;AAdJ,UAAU;IADtB,OAAO,CAAC,aAAa,CAAC;GACV,UAAU,CAqBtB"}

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

@@ -0,0 +1,32 @@
+import type { ButtonVariant, ButtonSize, IconPlacement, SniceButtonElement } from './snice-button.types';
+export declare class SniceButton extends HTMLElement implements SniceButtonElement {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+    loading: boolean;
+    outline: boolean;
+    pill: boolean;
+    circle: boolean;
+    href: string;
+    target: string;
+    download: string;
+    icon: string;
+    iconPlacement: IconPlacement;
+    button?: HTMLButtonElement;
+    spinner?: HTMLElement;
+    label?: HTMLElement;
+    iconElement?: HTMLImageElement;
+    html(): string;
+    css(): string;
+    updateButtonClasses(): void;
+    updateDisabledState(): void;
+    setLoading(loading: boolean): void;
+    setDisabled(disabled: boolean): void;
+    setVariant(variant: typeof this.variant): void;
+    handleClick(event: MouseEvent): {
+        originalEvent: MouseEvent;
+    } | undefined;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    click(): void;
+}

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

@@ -0,0 +1,212 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { element, property, query, on, dispatch, watch } from '../../src/index';
+import css from './snice-button.css?inline';
+let SniceButton = class SniceButton extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'default';
+        this.size = 'medium';
+        this.disabled = false;
+        this.loading = false;
+        this.outline = false;
+        this.pill = false;
+        this.circle = false;
+        this.href = '';
+        this.target = '';
+        this.download = '';
+        this.icon = '';
+        this.iconPlacement = 'start';
+    }
+    html() {
+        const classes = [
+            'button',
+            `button--${this.variant || 'default'}`,
+            `button--${this.size || 'medium'}`,
+            this.outline ? 'button--outline' : '',
+            this.pill ? 'button--pill' : '',
+            this.circle ? 'button--circle' : '',
+            this.loading ? 'button--loading' : '',
+            this.disabled ? 'button--disabled' : '',
+            this.icon ? `button--has-icon` : '',
+            this.icon ? `button--icon-${this.iconPlacement}` : ''
+        ].filter(Boolean).join(' ');
+        const iconElement = this.icon ? /*html*/ `
+      <img class="icon" src="${this.icon}" alt="" part="icon" />
+    ` : '';
+        return /*html*/ `
+      <button class="${classes}" type="button" ${this.disabled ? 'disabled' : ''} part="base">
+        <span class="spinner" part="spinner"></span>
+        ${this.iconPlacement === 'start' ? iconElement : ''}
+        <span class="label" part="label">
+          <slot></slot>
+        </span>
+        ${this.iconPlacement === 'end' ? iconElement : ''}
+      </button>
+    `;
+    }
+    css() {
+        return css;
+    }
+    updateButtonClasses() {
+        if (!this.button)
+            return;
+        // Rebuild all classes based on current state
+        const classes = [
+            'button',
+            `button--${this.variant}`,
+            `button--${this.size}`,
+            this.outline ? 'button--outline' : '',
+            this.pill ? 'button--pill' : '',
+            this.circle ? 'button--circle' : '',
+            this.loading ? 'button--loading' : '',
+            this.disabled ? 'button--disabled' : '',
+            this.icon ? `button--has-icon` : '',
+            this.icon ? `button--icon-${this.iconPlacement}` : ''
+        ].filter(Boolean);
+        // Set the className directly to avoid class manipulation issues
+        this.button.className = classes.join(' ');
+    }
+    updateDisabledState() {
+        if (this.button) {
+            this.button.disabled = this.disabled;
+        }
+    }
+    // Keep these methods for backwards compatibility if needed
+    setLoading(loading) {
+        this.loading = loading;
+    }
+    setDisabled(disabled) {
+        this.disabled = disabled;
+    }
+    setVariant(variant) {
+        this.variant = variant;
+    }
+    handleClick(event) {
+        if (this.disabled || this.loading) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        // Handle navigation if href is set
+        if (this.href) {
+            if (this.download) {
+                const a = document.createElement('a');
+                a.href = this.href;
+                a.download = this.download;
+                a.click();
+            }
+            else if (this.target) {
+                window.open(this.href, this.target);
+            }
+            else {
+                window.location.href = this.href;
+            }
+        }
+        return { originalEvent: event };
+    }
+    focus(options) {
+        this.button?.focus(options);
+    }
+    blur() {
+        this.button?.blur();
+    }
+    click() {
+        this.button?.click();
+    }
+};
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceButton.prototype, "variant", void 0);
+__decorate([
+    property({ reflect: true }),
+    __metadata("design:type", String)
+], SniceButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceButton.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceButton.prototype, "outline", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceButton.prototype, "pill", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], SniceButton.prototype, "circle", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", Object)
+], SniceButton.prototype, "href", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", Object)
+], SniceButton.prototype, "target", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", Object)
+], SniceButton.prototype, "download", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", Object)
+], SniceButton.prototype, "icon", void 0);
+__decorate([
+    property({ attribute: 'icon-placement', reflect: true }),
+    __metadata("design:type", String)
+], SniceButton.prototype, "iconPlacement", void 0);
+__decorate([
+    query('.button'),
+    __metadata("design:type", HTMLButtonElement)
+], SniceButton.prototype, "button", void 0);
+__decorate([
+    query('.spinner'),
+    __metadata("design:type", HTMLElement)
+], SniceButton.prototype, "spinner", void 0);
+__decorate([
+    query('.label'),
+    __metadata("design:type", HTMLElement)
+], SniceButton.prototype, "label", void 0);
+__decorate([
+    query('.icon'),
+    __metadata("design:type", HTMLImageElement)
+], SniceButton.prototype, "iconElement", void 0);
+__decorate([
+    watch('*'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceButton.prototype, "updateButtonClasses", null);
+__decorate([
+    watch('disabled'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], SniceButton.prototype, "updateDisabledState", null);
+__decorate([
+    on('click'),
+    dispatch('@snice/click'),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [MouseEvent]),
+    __metadata("design:returntype", void 0)
+], SniceButton.prototype, "handleClick", null);
+SniceButton = __decorate([
+    element('snice-button')
+], SniceButton);
+export { SniceButton };
+//# sourceMappingURL=snice-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snice-button.js","sourceRoot":"","sources":["../../../components/button/snice-button.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+export type ButtonVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'text';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export type IconPlacement = 'start' | 'end';
+export interface SniceButtonElement extends HTMLElement {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+    loading: boolean;
+    outline: boolean;
+    pill: boolean;
+    circle: boolean;
+    href: string;
+    target: string;
+    download: string;
+    icon: string;
+    iconPlacement: IconPlacement;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    click(): void;
+}
+export interface ButtonClickDetail {
+    button: SniceButtonElement;
+}

package/dist/components/button/snice-button.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=snice-button.types.js.map

package/dist/components/button/snice-button.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-button.types.js","sourceRoot":"","sources":["../../../components/button/snice-button.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,19 @@
+import type { CardVariant, CardSize, SniceCardElement } from './snice-card.types';
+export declare class SniceCard extends HTMLElement implements SniceCardElement {
+    variant: CardVariant;
+    size: CardSize;
+    clickable: boolean;
+    selected: boolean;
+    disabled: boolean;
+    private hasHeader;
+    private hasFooter;
+    html(): string;
+    css(): string;
+    init(): void;
+    private setupSlotListeners;
+    private checkSlots;
+    handleClick(event: MouseEvent): {
+        selected: boolean;
+    } | undefined;
+    handleKeydown(event: KeyboardEvent): void;
+}