@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

package/dist/esm/sui-activity-feed.entry.js

@@ -0,0 +1,89 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CHeoPpKZ.js';
+
+const suiActivityFeedCss = () => `@charset "UTF-8";.sc-sui-activity-feed-h{display:flex;flex-direction:column;gap:24px;width:100%;font-family:var(--sui-font-sans, "Inter", system-ui, sans-serif);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-activity-feed__item.sc-sui-activity-feed{display:flex;align-items:center;gap:16px;width:100%}.sui-activity-feed__item[data-type=file].sc-sui-activity-feed,.sui-activity-feed__item[data-type=comment].sc-sui-activity-feed,.sui-activity-feed__item[data-type=avatar-group].sc-sui-activity-feed,.sui-activity-feed__item[data-type=tasks].sc-sui-activity-feed{align-items:flex-start}.sui-activity-feed__avatar-wrap.sc-sui-activity-feed{flex-shrink:0;display:inline-flex}.sui-activity-feed__avatar-wrap.sc-sui-activity-feed .sui-activity-feed__leading-avatar.sc-sui-activity-feed{box-sizing:border-box;border:4px solid var(--sui-bg-white-0);border-radius:999px}.sui-activity-feed__icon-badge.sc-sui-activity-feed{box-sizing:border-box;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:6px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:999px;color:var(--sui-text-sub-600);box-shadow:0 0 0 4px var(--sui-bg-white-0), 0 1px 2px 0 rgba(10, 13, 20, 0.03)}.sui-activity-feed__content.sc-sui-activity-feed{flex:1 0 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.sui-activity-feed__item[data-type=file].sc-sui-activity-feed .sui-activity-feed__content.sc-sui-activity-feed,.sui-activity-feed__item[data-type=comment].sc-sui-activity-feed .sui-activity-feed__content.sc-sui-activity-feed,.sui-activity-feed__item[data-type=avatar-group].sc-sui-activity-feed .sui-activity-feed__content.sc-sui-activity-feed,.sui-activity-feed__item[data-type=tasks].sc-sui-activity-feed .sui-activity-feed__content.sc-sui-activity-feed{gap:8px}.sui-activity-feed__title.sc-sui-activity-feed{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px;width:100%;font-size:14px;line-height:20px;letter-spacing:-0.084px;word-break:break-word}.sui-activity-feed__title-text.sc-sui-activity-feed{display:inline-flex;align-items:center;gap:3px}.sui-activity-feed__user.sc-sui-activity-feed,.sui-activity-feed__target.sc-sui-activity-feed{font-weight:500;color:var(--sui-text-strong-950)}.sui-activity-feed__verb.sc-sui-activity-feed{font-weight:400;color:var(--sui-text-sub-600)}.sui-activity-feed__sep.sc-sui-activity-feed{font-weight:500;color:var(--sui-text-disabled-300)}.sui-activity-feed__timestamp.sc-sui-activity-feed{font-weight:400;color:var(--sui-text-soft-400);white-space:nowrap}.sui-activity-feed__action.sc-sui-activity-feed{box-sizing:border-box;flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:1px;background:transparent;border:0;border-radius:999px;color:var(--sui-text-sub-600);cursor:pointer;transition:background-color 0.15s ease;-webkit-tap-highlight-color:transparent}.sui-activity-feed__action.sc-sui-activity-feed:hover{background:var(--sui-bg-weak-50)}.sui-activity-feed__action.sc-sui-activity-feed:focus-visible{outline:2px solid var(--sui-primary-base);outline-offset:1px}.sui-activity-feed__action.sc-sui-activity-feed:active{transform:scale(0.94)}.sui-activity-feed__attachments.sc-sui-activity-feed{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.sui-activity-feed__file.sc-sui-activity-feed{display:inline-flex;align-items:center;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:8px;box-shadow:0 1px 2px 0 rgba(10, 13, 20, 0.03);overflow:hidden}.sui-activity-feed__file-content.sc-sui-activity-feed{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-right:1px solid var(--sui-stroke-soft-200)}.sui-activity-feed__file-icon.sc-sui-activity-feed{color:var(--sui-text-sub-600);flex-shrink:0}.sui-activity-feed__file-name.sc-sui-activity-feed{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;color:var(--sui-text-sub-600);white-space:nowrap}.sui-activity-feed__file-size.sc-sui-activity-feed{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.084px;color:var(--sui-text-soft-400);white-space:nowrap}.sui-activity-feed__file-download.sc-sui-activity-feed{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;padding:5px;background:transparent;border:0;color:var(--sui-text-sub-600);cursor:pointer;transition:background-color 0.15s ease;-webkit-tap-highlight-color:transparent}.sui-activity-feed__file-download.sc-sui-activity-feed:hover{background:var(--sui-bg-weak-50)}.sui-activity-feed__file-download.sc-sui-activity-feed:focus-visible{outline:2px solid var(--sui-primary-base);outline-offset:-2px}.sui-activity-feed__file-download.sc-sui-activity-feed:active{transform:scale(0.94)}.sui-activity-feed__comment.sc-sui-activity-feed{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 8px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:4px 12px 12px 12px;box-shadow:0 1px 2px 0 rgba(10, 13, 20, 0.03);transition:background-color 0.15s ease, border-color 0.15s ease;max-width:100%}.sui-activity-feed__comment.sc-sui-activity-feed:hover{background:var(--sui-bg-weak-50);border-color:transparent}.sui-activity-feed__comment.sc-sui-activity-feed:hover .sui-activity-feed__reply.sc-sui-activity-feed{text-decoration:underline;text-underline-offset:2px;color:var(--sui-primary-dark);font-feature-settings:"cv09" 1, "ss11" 1, "calt" 0, "liga" 0}.sui-activity-feed__comment-icon.sc-sui-activity-feed{color:var(--sui-text-sub-600);flex-shrink:0}.sui-activity-feed__comment-text.sc-sui-activity-feed{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;color:var(--sui-text-sub-600);word-break:break-word;white-space:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}.sui-activity-feed__reply.sc-sui-activity-feed{background:transparent;border:0;padding:0;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;color:var(--sui-primary-base);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color 0.15s ease}.sui-activity-feed__reply.sc-sui-activity-feed:hover{text-decoration:underline;text-underline-offset:2px;color:var(--sui-primary-dark);font-feature-settings:"cv09" 1, "ss11" 1, "calt" 0, "liga" 0}.sui-activity-feed__reply.sc-sui-activity-feed:focus-visible{outline:2px solid var(--sui-primary-base);outline-offset:2px;border-radius:2px}.sui-activity-feed__avatar-group.sc-sui-activity-feed{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 2px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:999px;box-shadow:0 1px 2px 0 rgba(10, 13, 20, 0.03)}.sui-activity-feed__avatar-stack.sc-sui-activity-feed{display:inline-flex;align-items:flex-start}.sui-activity-feed__avatar-stack.sc-sui-activity-feed .sui-activity-feed__stack-avatar.sc-sui-activity-feed{box-sizing:border-box;border:2px solid var(--sui-bg-white-0);border-radius:999px;margin-right:-2px}.sui-activity-feed__avatar-stack.sc-sui-activity-feed .sui-activity-feed__stack-avatar.sc-sui-activity-feed:last-child{margin-right:0}.sui-activity-feed__avatar-extra.sc-sui-activity-feed{font-size:12px;font-weight:400;line-height:16px;color:var(--sui-text-sub-600)}.sui-activity-feed__tasks.sc-sui-activity-feed{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.sui-activity-feed__task.sc-sui-activity-feed{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:8px;box-shadow:0 1px 2px 0 rgba(10, 13, 20, 0.03)}.sui-activity-feed__task-label.sc-sui-activity-feed{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;color:var(--sui-text-sub-600);white-space:nowrap}.sui-activity-feed__task-icon.sc-sui-activity-feed{flex-shrink:0}.sui-activity-feed__task[data-state=success].sc-sui-activity-feed .sui-activity-feed__task-icon.sc-sui-activity-feed{color:var(--sui-state-success-base)}.sui-activity-feed__task[data-state=warning].sc-sui-activity-feed .sui-activity-feed__task-icon.sc-sui-activity-feed{color:var(--sui-state-warning-base)}.sui-activity-feed__task[data-state=pending].sc-sui-activity-feed .sui-activity-feed__task-icon.sc-sui-activity-feed{color:var(--sui-state-away-base)}.sui-activity-feed__task[data-state=error].sc-sui-activity-feed .sui-activity-feed__task-icon.sc-sui-activity-feed{color:var(--sui-state-error-base)}`;
+
+const SuiActivityFeed = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.action = createEvent(this, "action");
+        this.fileDownload = createEvent(this, "fileDownload");
+        this.reply = createEvent(this, "reply");
+        /**
+         * Lista de items a proyectar. Cada item discrimina su row type por `type`.
+         * GOTCHA Stencil: lleva objetos -> pasar como PROPERTY (`el.items = [...]`).
+         */
+        this.items = [];
+        this.onAction = (item, event) => {
+            event.stopPropagation();
+            this.action.emit({ item, event });
+        };
+        this.onFileDownload = (item, file, event) => {
+            event.stopPropagation();
+            this.fileDownload.emit({ item, file, event });
+        };
+        this.onReply = (item, event) => {
+            event.stopPropagation();
+            this.reply.emit({ item, event });
+        };
+    }
+    /** Maps cada estado de Task al icon name canonico de Remix Icon. */
+    taskIcon(state) {
+        switch (state) {
+            case 'success':
+                return 'checkbox-circle-fill';
+            case 'warning':
+                return 'alert-fill';
+            case 'pending':
+                return 'time-fill';
+            case 'error':
+                return 'error-warning-fill';
+        }
+    }
+    /** Leading: icon-badge (alternativo) o avatar (default). */
+    renderLeading(item) {
+        var _a, _b, _c, _d;
+        if (item.icon) {
+            return (h("div", { class: "sui-activity-feed__icon-badge", "aria-hidden": "true" }, h("sui-icon", { name: item.icon, size: 20 })));
+        }
+        const av = item.avatar;
+        return (h("div", { class: "sui-activity-feed__avatar-wrap" }, h("sui-avatar", { class: "sui-activity-feed__leading-avatar", size: "md", src: (_a = av === null || av === void 0 ? void 0 : av.src) !== null && _a !== void 0 ? _a : undefined, initials: (_b = av === null || av === void 0 ? void 0 : av.initials) !== null && _b !== void 0 ? _b : '', color: (_c = av === null || av === void 0 ? void 0 : av.color) !== null && _c !== void 0 ? _c : 'slate', bgColor: (_d = av === null || av === void 0 ? void 0 : av.bgColor) !== null && _d !== void 0 ? _d : undefined, alt: item.userName })));
+    }
+    /** Title row: text sub-group (userName + verb + target) + dot + timestamp. */
+    renderTitle(item) {
+        return (h("div", { class: "sui-activity-feed__title" }, h("span", { class: "sui-activity-feed__title-text" }, h("span", { class: "sui-activity-feed__user" }, item.userName), h("span", { class: "sui-activity-feed__verb" }, item.verb), item.target && h("span", { class: "sui-activity-feed__target" }, item.target)), h("span", { class: "sui-activity-feed__sep", "aria-hidden": "true" }, "\u30FB"), h("span", { class: "sui-activity-feed__timestamp" }, item.timestamp)));
+    }
+    /** Attachment block segun el row type (file / comment / avatar-group / tasks). */
+    renderAttachment(item) {
+        var _a;
+        if (item.type === 'file') {
+            const files = item.files;
+            return (h("div", { class: "sui-activity-feed__attachments" }, files.map((file) => (h("div", { class: "sui-activity-feed__file", key: file.name }, h("div", { class: "sui-activity-feed__file-content" }, h("sui-icon", { name: "attachment-2", size: 20, class: "sui-activity-feed__file-icon" }), h("span", { class: "sui-activity-feed__file-name" }, file.name), file.size && h("span", { class: "sui-activity-feed__file-size" }, file.size)), file.href ? (
+            /* Con href el chip descarga solo: <a download> (mismo origen) o pestaña
+               nueva (otro origen, donde el navegador ignora download). fileDownload
+               sale igual, para registrar. */
+            h("a", { class: "sui-activity-feed__file-download", href: file.href, download: true, target: "_blank", rel: "noopener", "aria-label": `Descargar ${file.name}`, onClick: (e) => this.onFileDownload(item, file, e), onTouchStart: () => undefined, onTouchEnd: (e) => e.currentTarget.blur() }, h("sui-icon", { name: "download-2-line", size: 18 }))) : (h("button", { type: "button", class: "sui-activity-feed__file-download", "aria-label": `Descargar ${file.name}`, onClick: (e) => this.onFileDownload(item, file, e), onTouchStart: () => undefined, onTouchEnd: (e) => e.currentTarget.blur() }, h("sui-icon", { name: "download-2-line", size: 18 }))))))));
+        }
+        if (item.type === 'comment') {
+            return (h("div", { class: "sui-activity-feed__comment" }, h("sui-icon", { name: "chat-1-line", size: 20, class: "sui-activity-feed__comment-icon" }), h("span", { class: "sui-activity-feed__comment-text" }, item.comment), h("button", { type: "button", class: "sui-activity-feed__reply", onClick: (e) => this.onReply(item, e), onTouchStart: () => undefined, onTouchEnd: (e) => e.currentTarget.blur() }, (_a = item.replyLabel) !== null && _a !== void 0 ? _a : 'Responder')));
+        }
+        if (item.type === 'avatar-group') {
+            const avatars = item.avatars;
+            const extra = item.extraCount;
+            return (h("div", { class: "sui-activity-feed__avatar-group" }, h("div", { class: "sui-activity-feed__avatar-stack" }, avatars.map((avRef, i) => {
+                var _a, _b, _c, _d;
+                return (h("sui-avatar", { key: i, class: "sui-activity-feed__stack-avatar", size: "sm", src: (_a = avRef.src) !== null && _a !== void 0 ? _a : undefined, initials: (_b = avRef.initials) !== null && _b !== void 0 ? _b : '', color: (_c = avRef.color) !== null && _c !== void 0 ? _c : 'slate', bgColor: (_d = avRef.bgColor) !== null && _d !== void 0 ? _d : undefined }));
+            })), extra ? h("span", { class: "sui-activity-feed__avatar-extra" }, "+", extra) : null));
+        }
+        if (item.type === 'tasks') {
+            const tasks = item.tasks;
+            return (h("div", { class: "sui-activity-feed__tasks" }, tasks.map((task, i) => (h("div", { class: "sui-activity-feed__task", key: i, "data-state": task.state }, h("sui-icon", { name: this.taskIcon(task.state), size: 20, class: "sui-activity-feed__task-icon" }), h("span", { class: "sui-activity-feed__task-label" }, task.label))))));
+        }
+        return null;
+    }
+    render() {
+        return (h(Host, { key: '33a9b651e117948eff188b864ddd8f096522c816', role: "feed" }, this.items.map((item) => (h("article", { class: "sui-activity-feed__item", key: item.id, "data-type": item.type }, this.renderLeading(item), h("div", { class: "sui-activity-feed__content" }, this.renderTitle(item), this.renderAttachment(item)), item.showAction !== false && (h("button", { type: "button", class: "sui-activity-feed__action", "aria-label": "M\u00E1s opciones", onClick: (e) => this.onAction(item, e), onTouchStart: () => undefined, onTouchEnd: (e) => e.currentTarget.blur() }, h("sui-icon", { name: "more-2-line", size: 18 }))))))));
+    }
+};
+SuiActivityFeed.style = suiActivityFeedCss();
+
+export { SuiActivityFeed as sui_activity_feed };

package/dist/esm/sui-activity-filter.entry.js

@@ -0,0 +1,65 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CHeoPpKZ.js';
+
+const suiActivityFilterCss = () => `@charset "UTF-8";.sc-sui-activity-filter-h{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:6px;padding:4px 10px;border-radius:8px;cursor:pointer;user-select:none;outline:none;-webkit-tap-highlight-color:transparent;font-family:var(--sui-font-sans, "Inter", system-ui, sans-serif);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;border:1px solid transparent;background:transparent;color:var(--sui-text-sub-600);transition:background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.12s ease}.sc-sui-activity-filter-h:focus-visible{outline:2px solid var(--sui-primary-base);outline-offset:2px}.sc-sui-activity-filter-h:active:not([data-sui-disabled]){transform:scale(0.97)}[data-sui-state=default].sc-sui-activity-filter-h{background:var(--sui-bg-white-0);border-color:var(--sui-stroke-soft-200)}[data-sui-state=default].sc-sui-activity-filter-h:hover{background:var(--sui-bg-weak-50);border-color:transparent}[data-sui-state=default].sc-sui-activity-filter-h .sui-activity-filter__icon.sc-sui-activity-filter{color:var(--sui-icon-soft-400)}[data-sui-state=active].sc-sui-activity-filter-h{background:var(--sui-primary-alpha-10, rgba(250, 115, 25, 0.1));border-color:transparent;color:var(--sui-primary-base)}[data-sui-state=active].sc-sui-activity-filter-h .sui-activity-filter__icon.sc-sui-activity-filter{color:var(--sui-primary-base)}[data-sui-state=active].sc-sui-activity-filter-h:hover{background:var(--sui-primary-alpha-16, rgba(250, 115, 25, 0.16))}[data-sui-disabled].sc-sui-activity-filter-h{opacity:0.4;pointer-events:none;cursor:not-allowed}.sui-activity-filter__icon.sc-sui-activity-filter{display:inline-flex;flex-shrink:0}.sui-activity-filter__label.sc-sui-activity-filter{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;white-space:nowrap;word-break:break-word}`;
+
+const SuiActivityFilter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.clicked = createEvent(this, "clicked");
+        /** Estado seleccionado (controlled). Default `false`. */
+        this.active = false;
+        /** Deshabilitado: opacity + bloquea pointer/teclado/foco. Default `false`. */
+        this.disabled = false;
+        /**
+         * Ícono leading (Remix, 18px). Default `file-list-2-line`. Pasar `null` (o
+         * cadena vacía) lo oculta.
+         */
+        this.icon = 'file-list-2-line';
+    }
+    /** Estado derivado para el data-attr (default | active). */
+    get state() {
+        return this.active ? 'active' : 'default';
+    }
+    emit(event) {
+        if (this.disabled) {
+            event.stopPropagation();
+            event.preventDefault();
+            return;
+        }
+        this.clicked.emit(event);
+    }
+    onClick(event) {
+        this.emit(event);
+    }
+    onKeyDown(event) {
+        if (event.key === 'Enter') {
+            this.emit(event);
+        }
+        else if (event.key === ' ' || event.key === 'Spacebar') {
+            // Space activa pero NO scrollea la página.
+            event.preventDefault();
+            this.emit(event);
+        }
+    }
+    /**
+     * iOS WKWebView fix: la sola PRESENCIA del listener `touchstart` engage el
+     * touch event pipeline, lo que hace que `:active` dispare y se libere bien.
+     * Sin esto, `:active` "stickea" 300-500ms en pages standalone. no-op a propósito.
+     */
+    onTouchStart() {
+        /* presencia del binding = engage del touch pipeline iOS. */
+    }
+    /** touchend.blur() empuja la deselección inmediata del :active en iOS. */
+    onTouchEnd() {
+        if (!this.disabled)
+            this.el.blur();
+    }
+    render() {
+        const hasIcon = !!this.icon;
+        return (h(Host, { key: '7331f1645e015bc0a6af0ac3c3a221495ce968aa', "data-sui-state": this.state, "data-sui-disabled": this.disabled ? '' : null, role: "button", tabindex: this.disabled ? '-1' : '0', "aria-pressed": this.active ? 'true' : 'false' }, hasIcon && (h("sui-icon", { key: '6ff2f5ec1c305f9426e056714fdc51aedbc2c9f7', class: "sui-activity-filter__icon", name: this.icon, size: 18 })), h("span", { key: 'a6608610f42953aed8c493d88162aceae10c02d1', class: "sui-activity-filter__label" }, h("slot", { key: '4b8acbe943d067cbba649927bdaf549f9962a07c' }))));
+    }
+    get el() { return getElement(this); }
+};
+SuiActivityFilter.style = suiActivityFilterCss();
+
+export { SuiActivityFilter as sui_activity_filter };

package/dist/esm/sui-alert.entry.js

@@ -0,0 +1,126 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CHeoPpKZ.js';
+
+const suiAlertCss = () => `@charset "UTF-8";.sc-sui-alert-h{display:block}.sui-alert.sc-sui-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 14px 16px;border-radius:var(--sui-radius-12);overflow:hidden;border:1px solid transparent;box-sizing:border-box}.sui-alert[data-sui-style=filled].sc-sui-alert .sui-alert__title.sc-sui-alert,.sui-alert[data-sui-style=filled].sc-sui-alert .sui-alert__description.sc-sui-alert{color:var(--sui-static-white)}.sui-alert[data-sui-style=filled].sc-sui-alert .sui-alert__description.sc-sui-alert{opacity:1}.sui-alert[data-sui-style=filled].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-static-white)}.sui-alert[data-sui-style=filled].sc-sui-alert .sui-alert__close.sc-sui-alert{opacity:0.72;color:var(--sui-static-white)}.sui-alert[data-sui-style=filled].sc-sui-alert .sui-alert__actions.sc-sui-alert{color:var(--sui-static-white)}.sui-alert[data-sui-style=filled][data-sui-variant=info].sc-sui-alert{background:var(--sui-state-information-base)}.sui-alert[data-sui-style=filled][data-sui-variant=success].sc-sui-alert{background:var(--sui-state-success-base)}.sui-alert[data-sui-style=filled][data-sui-variant=warning].sc-sui-alert{background:var(--sui-state-warning-base)}.sui-alert[data-sui-style=filled][data-sui-variant=error].sc-sui-alert{background:var(--sui-state-error-base)}.sui-alert[data-sui-style=filled][data-sui-variant=feature].sc-sui-alert{background:var(--sui-state-feature-base)}.sui-alert[data-sui-style=light].sc-sui-alert .sui-alert__title.sc-sui-alert{color:var(--sui-text-strong-950)}.sui-alert[data-sui-style=light].sc-sui-alert .sui-alert__description.sc-sui-alert{color:var(--sui-text-strong-950);opacity:0.72}.sui-alert[data-sui-style=light].sc-sui-alert .sui-alert__close.sc-sui-alert{opacity:0.4;color:var(--sui-text-strong-950)}.sui-alert[data-sui-style=light].sc-sui-alert .sui-alert__actions.sc-sui-alert{color:var(--sui-text-strong-950)}.sui-alert[data-sui-style=light][data-sui-variant=info].sc-sui-alert{background:var(--sui-state-information-light)}.sui-alert[data-sui-style=light][data-sui-variant=info].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-information-base)}.sui-alert[data-sui-style=light][data-sui-variant=success].sc-sui-alert{background:var(--sui-state-success-light)}.sui-alert[data-sui-style=light][data-sui-variant=success].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-success-base)}.sui-alert[data-sui-style=light][data-sui-variant=warning].sc-sui-alert{background:var(--sui-state-warning-light)}.sui-alert[data-sui-style=light][data-sui-variant=warning].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-warning-base)}.sui-alert[data-sui-style=light][data-sui-variant=error].sc-sui-alert{background:var(--sui-state-error-light)}.sui-alert[data-sui-style=light][data-sui-variant=error].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-error-base)}.sui-alert[data-sui-style=light][data-sui-variant=feature].sc-sui-alert{background:var(--sui-state-feature-light)}.sui-alert[data-sui-style=light][data-sui-variant=feature].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-feature-base)}.sui-alert[data-sui-style=lighter].sc-sui-alert .sui-alert__title.sc-sui-alert{color:var(--sui-text-strong-950)}.sui-alert[data-sui-style=lighter].sc-sui-alert .sui-alert__description.sc-sui-alert{color:var(--sui-text-strong-950);opacity:0.72}.sui-alert[data-sui-style=lighter].sc-sui-alert .sui-alert__close.sc-sui-alert{opacity:0.4;color:var(--sui-text-strong-950)}.sui-alert[data-sui-style=lighter].sc-sui-alert .sui-alert__actions.sc-sui-alert{color:var(--sui-text-strong-950)}.sui-alert[data-sui-style=lighter][data-sui-variant=info].sc-sui-alert{background:var(--sui-state-information-lighter)}.sui-alert[data-sui-style=lighter][data-sui-variant=info].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-information-base)}.sui-alert[data-sui-style=lighter][data-sui-variant=success].sc-sui-alert{background:var(--sui-state-success-lighter)}.sui-alert[data-sui-style=lighter][data-sui-variant=success].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-success-base)}.sui-alert[data-sui-style=lighter][data-sui-variant=warning].sc-sui-alert{background:var(--sui-state-warning-lighter)}.sui-alert[data-sui-style=lighter][data-sui-variant=warning].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-warning-base)}.sui-alert[data-sui-style=lighter][data-sui-variant=error].sc-sui-alert{background:var(--sui-state-error-lighter)}.sui-alert[data-sui-style=lighter][data-sui-variant=error].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-error-base)}.sui-alert[data-sui-style=lighter][data-sui-variant=feature].sc-sui-alert{background:var(--sui-state-feature-lighter)}.sui-alert[data-sui-style=lighter][data-sui-variant=feature].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-feature-base)}.sui-alert[data-sui-style=stroke].sc-sui-alert{background:var(--sui-bg-white-0);border-color:var(--sui-stroke-soft-200);box-shadow:var(--sui-regular-shadow-medium)}.sui-alert[data-sui-style=stroke].sc-sui-alert .sui-alert__title.sc-sui-alert{color:var(--sui-text-strong-950)}.sui-alert[data-sui-style=stroke].sc-sui-alert .sui-alert__description.sc-sui-alert{color:var(--sui-text-sub-600)}.sui-alert[data-sui-style=stroke].sc-sui-alert .sui-alert__close.sc-sui-alert{opacity:0.4;color:var(--sui-text-strong-950)}.sui-alert[data-sui-style=stroke].sc-sui-alert .sui-alert__actions.sc-sui-alert{color:var(--sui-text-strong-950)}.sui-alert[data-sui-style=stroke][data-sui-variant=info].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-information-base)}.sui-alert[data-sui-style=stroke][data-sui-variant=success].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-success-base)}.sui-alert[data-sui-style=stroke][data-sui-variant=warning].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-warning-base)}.sui-alert[data-sui-style=stroke][data-sui-variant=error].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-error-base)}.sui-alert[data-sui-style=stroke][data-sui-variant=feature].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-feature-base)}.sui-alert[data-sui-style=stroke-dark].sc-sui-alert{background:var(--sui-neutral-950);border-color:var(--sui-white-alpha-10);box-shadow:var(--sui-regular-shadow-medium);color:var(--sui-static-white)}.sui-alert[data-sui-style=stroke-dark].sc-sui-alert .sui-alert__title.sc-sui-alert{color:var(--sui-static-white)}.sui-alert[data-sui-style=stroke-dark].sc-sui-alert .sui-alert__description.sc-sui-alert{color:var(--sui-static-white);opacity:0.72}.sui-alert[data-sui-style=stroke-dark].sc-sui-alert .sui-alert__close.sc-sui-alert{opacity:0.56;color:var(--sui-static-white)}.sui-alert[data-sui-style=stroke-dark].sc-sui-alert .sui-alert__action.sc-sui-alert,.sui-alert[data-sui-style=stroke-dark].sc-sui-alert .sui-alert__action-sep.sc-sui-alert{color:var(--sui-static-white)}.sui-alert[data-sui-style=stroke-dark].sc-sui-alert .sui-alert__actions.sc-sui-alert{color:var(--sui-static-white)}.sui-alert[data-sui-style=stroke-dark][data-sui-variant=info].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-information-base)}.sui-alert[data-sui-style=stroke-dark][data-sui-variant=success].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-success-base)}.sui-alert[data-sui-style=stroke-dark][data-sui-variant=warning].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-warning-base)}.sui-alert[data-sui-style=stroke-dark][data-sui-variant=error].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-error-base)}.sui-alert[data-sui-style=stroke-dark][data-sui-variant=feature].sc-sui-alert .sui-alert__icon.sc-sui-alert{color:var(--sui-state-feature-base)}[data-sui-size=xsmall].sc-sui-alert-h .sui-alert.sc-sui-alert{height:32px;padding:8px;gap:8px;border-radius:var(--sui-radius-8);align-items:center}[data-sui-size=xsmall].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__icon.sc-sui-alert,[data-sui-size=xsmall].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__close.sc-sui-alert{width:16px;height:16px}[data-sui-size=xsmall].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__title.sc-sui-alert{font-size:var(--sui-type-paragraph-xs-size);font-weight:var(--sui-type-paragraph-xs-weight);line-height:var(--sui-type-paragraph-xs-line);letter-spacing:var(--sui-type-paragraph-xs-spacing)}[data-sui-size=xsmall].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__action.sc-sui-alert,[data-sui-size=xsmall].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__action-sep.sc-sui-alert{font-size:var(--sui-type-paragraph-xs-size);line-height:var(--sui-type-paragraph-xs-line)}[data-sui-size=small].sc-sui-alert-h .sui-alert.sc-sui-alert{height:36px;padding:8px 10px;gap:8px;border-radius:var(--sui-radius-8);align-items:center}[data-sui-size=small].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__icon.sc-sui-alert,[data-sui-size=small].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__close.sc-sui-alert{width:20px;height:20px}[data-sui-size=small].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__title.sc-sui-alert{font-size:var(--sui-type-paragraph-sm-size);font-weight:var(--sui-type-paragraph-sm-weight);line-height:var(--sui-type-paragraph-sm-line);letter-spacing:var(--sui-type-paragraph-sm-spacing)}[data-sui-size=xlarge].sc-sui-alert-h .sui-alert.sc-sui-alert{padding:16px 16px 18px;gap:14px;border-radius:var(--sui-radius-16)}[data-sui-size=xlarge].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__icon.sc-sui-alert,[data-sui-size=xlarge].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__close.sc-sui-alert{width:24px;height:24px}[data-sui-size=xlarge].sc-sui-alert-h .sui-alert.sc-sui-alert .sui-alert__title.sc-sui-alert{font-size:var(--sui-type-label-md-size);font-weight:var(--sui-type-label-md-weight);line-height:var(--sui-type-label-md-line);letter-spacing:var(--sui-type-label-md-spacing)}.sui-alert__actions.sc-sui-alert{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sui-alert__actions.sc-sui-alert:empty{display:none}.sui-alert__actions--inline.sc-sui-alert{flex-wrap:nowrap;flex-shrink:0}.sui-alert__action.sc-sui-alert{appearance:none;background:transparent;border:none;padding:0;margin:0;cursor:pointer;font-family:var(--sui-font-sans);font-size:var(--sui-type-label-sm-size, 14px);font-weight:var(--sui-type-label-sm-weight, 500);line-height:var(--sui-type-label-sm-line, 20px);letter-spacing:var(--sui-type-label-sm-spacing, -0.006em);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto;color:inherit;text-decoration:none;text-underline-offset:2px;text-decoration-thickness:from-font;white-space:nowrap}.sui-alert__action.sc-sui-alert:hover{text-decoration:underline}.sui-alert__action--underline.sc-sui-alert{text-decoration:underline}.sui-alert__action-sep.sc-sui-alert{display:inline-block;user-select:none;pointer-events:none;font-family:var(--sui-font-sans);font-size:14px;line-height:20px;opacity:0.48;color:inherit}.sui-alert__icon.sc-sui-alert{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sui-alert__content.sc-sui-alert{display:flex;flex:1 0 0;flex-direction:column;gap:10px;min-width:0}.sui-alert__title.sc-sui-alert{margin:0;font-family:var(--sui-font-sans);font-size:var(--sui-type-label-sm-size);font-weight:var(--sui-type-label-sm-weight);line-height:var(--sui-type-label-sm-line);letter-spacing:var(--sui-type-label-sm-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto}.sui-alert__title.sc-sui-alert+.sui-alert__description.sc-sui-alert{margin-top:-6px}.sui-alert__description.sc-sui-alert{margin:0;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-sm-size);font-weight:var(--sui-type-paragraph-sm-weight);line-height:var(--sui-type-paragraph-sm-line);letter-spacing:var(--sui-type-paragraph-sm-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto}.sui-alert__title.sc-sui-alert+.sui-alert__description.sc-sui-alert{margin-top:-6px}.sui-alert__close.sc-sui-alert{flex-shrink:0;transition:opacity var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-alert__close.sc-sui-alert:hover{opacity:1 !important}@media (max-width: 767px){.sui-alert__close.sc-sui-alert{position:relative}.sui-alert__close.sc-sui-alert::before{content:"";position:absolute;inset:calc((100% - 44px) / 2)}[data-sui-size=xsmall].sc-sui-alert-h .sui-alert__close.sc-sui-alert::before,[data-sui-size=small].sc-sui-alert-h .sui-alert__close.sc-sui-alert::before{left:-4px}}`;
+
+const SuiAlert = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.closed = createEvent(this, "closed");
+        /** Variante semántica. Default `info`. */
+        this.variant = 'info';
+        /**
+         * Estilo visual. Default `lighter`.
+         * NOTA: el @Prop público se llama `variantStyle` (igual al Angular). En HTML
+         * el atributo es `variant-style`.
+         */
+        this.variantStyle = 'lighter';
+        /** Tamaño. Default `large` (layout completo con desc + actions). `xlarge` = layout completo con texto 16. */
+        this.size = 'large';
+        /**
+         * Título / línea principal del alert.
+         * Renombrado desde el `title` del Angular: `title` es un @Prop reservado del
+         * DOM (dispara el tooltip nativo gris). En HTML el atributo es `heading`.
+         */
+        this.heading = null;
+        /** Descripción (solo `large` / `xlarge`). Acepta HTML inline (innerHTML). */
+        this.description = null;
+        /** Muestra el ícono leading (color del variant). Default `true`. */
+        this.showIcon = true;
+        /** Muestra el botón X de cierre. Default `false`. */
+        this.dismissible = false;
+        /**
+         * Cuando `true` (default), al presionar la X el alert se oculta a sí mismo.
+         * Cuando `false`, solo emite el evento `closed` y deja al consumer manejar
+         * el unmount — útil cuando el parent necesita animar la salida ANTES de
+         * quitar el alert del DOM (ej. un toast-outlet con fade-out CSS).
+         */
+        this.autoHideOnDismiss = true;
+        /**
+         * Actions declarativos canon SUI (Figma 170:1465 — pattern doubleLink).
+         * Si se pasan, renderiza link-buttons con middle-dot separator automático,
+         * con colors = color del TEXTO por `variantStyle` (white en filled,
+         * text/strong-950 en light/lighter/stroke). Convención: action[0].underline.
+         *
+         * Si vacío (default), cae al slot `action` (proyección manual de HTML libre).
+         *
+         * GOTCHA Stencil: lleva callbacks (`onClick`) → pasar como PROPERTY
+         * (`el.actions = [...]`), no como atributo serializado.
+         */
+        this.actions = [];
+        /**
+         * Rol ARIA del contenedor. `auto` (default): `alert` para error/warning
+         * (el lector lo anuncia de inmediato), `status` para info/success/feature.
+         * `none` lo quita (alert decorativo dentro de otra región viva).
+         */
+        this.ariaRole = 'auto';
+        /** Texto accesible de la X. Default «Cerrar» (en Angular sale de provideSuiTextos). */
+        this.closeLabel = 'Cerrar';
+        /** Estado interno de cierre (equivale al `signal dismissed` del Angular). */
+        this.dismissed = false;
+        this.onDismiss = () => {
+            if (this.autoHideOnDismiss) {
+                this.dismissed = true;
+            }
+            this.closed.emit();
+        };
+    }
+    componentWillLoad() {
+        /* `<Host>` no borra un title puesto por el consumer: se quita
+           a mano para que no salga el tooltip nativo gris (en Angular, '[attr.title]': 'null').
+           shortcut: solo al montar; un title agregado después queda, subir a MutationObserver si hace falta. */
+        this.el.removeAttribute('title');
+    }
+    /** Icon map por variante (Remix). */
+    get iconName() {
+        const map = {
+            info: 'information-fill',
+            success: 'checkbox-circle-fill',
+            warning: 'alert-fill',
+            error: 'error-warning-fill',
+            feature: 'sparkling-fill',
+        };
+        return map[this.variant];
+    }
+    /** Icon size per size variant: xsmall=16, small=20, large=20. */
+    get iconSize() {
+        return this.size === 'xsmall' ? 16 : this.size === 'xlarge' ? 24 : 20;
+    }
+    get isFullLayout() {
+        return this.size === 'large' || this.size === 'xlarge';
+    }
+    get resolvedRole() {
+        if (this.ariaRole === 'none')
+            return null;
+        if (this.ariaRole !== 'auto')
+            return this.ariaRole;
+        return this.variant === 'error' || this.variant === 'warning' ? 'alert' : 'status';
+    }
+    get closeButtonSize() {
+        return this.size === 'xsmall' ? 'medium' : this.size === 'xlarge' ? 'xlarge' : 'large';
+    }
+    renderActions() {
+        return this.actions.map((a, i) => {
+            var _a, _b;
+            return [
+                i > 0 && (h("span", { class: "sui-alert__action-sep", "aria-hidden": "true" }, "\u2219")),
+                h("sui-link-button", { variant: "modifiable", size: this.isFullLayout ? 'medium' : 'small', underline: !!a.underline, href: (_a = a.href) !== null && _a !== void 0 ? _a : null, target: (_b = a.target) !== null && _b !== void 0 ? _b : null, rel: a.target === '_blank' ? 'noopener noreferrer' : null, style: a.color ? { color: a.color } : undefined, onClicked: () => { var _a; return (_a = a.onClick) === null || _a === void 0 ? void 0 : _a.call(a); } }, a.label),
+            ];
+        });
+    }
+    render() {
+        var _a;
+        if (this.dismissed) {
+            return h(Host, { "data-sui-size": this.size });
+        }
+        const full = this.isFullLayout;
+        const hasActions = this.actions.length > 0;
+        return (h(Host, { "data-sui-size": this.size }, h("div", { class: "sui-alert", "data-sui-variant": this.variant, "data-sui-style": this.variantStyle, role: (_a = this.resolvedRole) !== null && _a !== void 0 ? _a : undefined }, this.showIcon && (h("div", { class: "sui-alert__icon", "aria-hidden": "true" }, h("sui-icon", { name: this.iconName, size: this.iconSize }))), h("div", { class: "sui-alert__content" }, this.heading && h("p", { class: "sui-alert__title" }, this.heading), full && this.description && h("p", { class: "sui-alert__description", innerHTML: this.description }), full &&
+            (hasActions ? (h("div", { class: "sui-alert__actions" }, this.renderActions())) : (h("div", { class: "sui-alert__actions" }, h("slot", { name: "action" }))))), !full && hasActions && h("div", { class: "sui-alert__actions sui-alert__actions--inline" }, this.renderActions()), this.dismissible && (h("sui-compact-button", { class: "sui-alert__close", icon: "close-line", variantStyle: "modifiable",
+            // shortcut: el sui-compact-button de Stencil todavía no tipa 'xlarge' (lo porta otro rango); sacar el cast cuando llegue
+            size: this.closeButtonSize, ariaLabel: this.closeLabel, onClicked: this.onDismiss })))));
+    }
+    get el() { return getElement(this); }
+};
+SuiAlert.style = suiAlertCss();
+
+export { SuiAlert as sui_alert };

package/dist/esm/sui-app-store-badge.entry.js

@@ -0,0 +1,74 @@
+import { r as registerInstance, d as getAssetPath, h, H as Host, a as getElement } from './index-CHeoPpKZ.js';
+import { s as suiHrefClick } from './sui-href-CtltTdNy.js';
+
+const suiAppStoreBadgeCss = () => `@charset "UTF-8";.sc-sui-app-store-badge-h{display:inline-flex;vertical-align:middle;width:fit-content}.sui-app-store-badge__link.sc-sui-app-store-badge,.sui-app-store-badge__img.sc-sui-app-store-badge{display:block;height:var(--sui-app-store-badge-height, 40px);width:auto}.sui-app-store-badge__link.sc-sui-app-store-badge{display:inline-flex;text-decoration:none;color:inherit;border-radius:var(--sui-radius-8, 8px);outline:none;transition:transform var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out), opacity var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sui-app-store-badge__link.sc-sui-app-store-badge:hover{opacity:0.85}.sui-app-store-badge__link.sc-sui-app-store-badge:active{transform:scale(0.97)}.sui-app-store-badge__link.sc-sui-app-store-badge:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-primary-alpha-10)}.sui-app-store-badge__img.sc-sui-app-store-badge{display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}[data-sui-disabled].sc-sui-app-store-badge-h .sui-app-store-badge__img.sc-sui-app-store-badge{opacity:0.4;cursor:not-allowed}`;
+
+/** Alt automático por company (override con `aria-label` para CTAs reales). */
+const ALT_BY_COMPANY = {
+    'app-store': 'Descargar en App Store',
+    'mac-app-store': 'Descargar en Mac App Store',
+    'amazon-appstore': 'Disponible en Amazon Appstore',
+    'galaxy-store': 'Disponible en Galaxy Store',
+    'huawei-appgallery': 'Descubrir en AppGallery',
+    'f-droid': 'Disponible en F-Droid',
+    'google-play': 'Disponible en Google Play',
+    'microsoft-store': 'Obtener en Microsoft Store',
+};
+const SuiAppStoreBadge = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Variante visual del badge. `preferred` = filled dark, `alternative` = stroke
+         * light. Se llama `appearance` para no colisionar con el atributo HTML nativo
+         * `style`. Default `preferred`.
+         */
+        this.appearance = 'preferred';
+        /** URL de destino. Si está presente (y no disabled), el badge es un `<a>`. */
+        this.href = null;
+        /** Target del anchor (ej. `_blank`). */
+        this.target = null;
+        /** rel del anchor; solo se aplica cuando `target="_blank"`. Default `noopener`. */
+        this.rel = 'noopener';
+        /** Alto del badge en px. El width se computa por aspect ratio nativo. Default 40. */
+        this.height = 40;
+        /** Deshabilitado: opacity 0.4, sin click, fuerza render `<span>`. Default `false`. */
+        this.disabled = false;
+        /** Aria-label override del alt automático (úsalo para CTAs reales). */
+        this.ariaLabel = null;
+    }
+    /**
+     * iOS WKWebView fix: la sola PRESENCIA del listener `touchstart` engage el
+     * touch event pipeline; sin esto `:active` "stickea" 300-500ms en pages
+     * standalone. `touchend.blur()` empuja la deselección inmediata.
+     */
+    onTouchStart() {
+        /* presencia del binding = engage del touch pipeline iOS. no-op a propósito. */
+    }
+    onTouchEnd() {
+        const focusable = this.el.querySelector('.sui-app-store-badge__link');
+        focusable === null || focusable === void 0 ? void 0 : focusable.blur();
+    }
+    /** Path al SVG canon, resuelto contra el base path del componente. */
+    get src() {
+        return getAssetPath(`assets/store-badges/${this.company}-${this.appearance}.svg`);
+    }
+    /** Alt: override de ariaLabel, si no el mapa por company. */
+    get alt() {
+        return this.ariaLabel || ALT_BY_COMPANY[this.company];
+    }
+    /** Anchor solo cuando hay href Y no está disabled. */
+    get isAnchor() {
+        return !!this.href && !this.disabled;
+    }
+    render() {
+        var _a, _b;
+        const heightPx = `${this.height}px`;
+        const img = (h("img", { key: 'f469e5938e0d8aa4f043a44fe0abe2259f02ae0b', class: "sui-app-store-badge__img", src: this.src, alt: this.alt }));
+        return (h(Host, { key: '3d78ee16c5719a645df6685054595e8bb4555cc9', style: { '--sui-app-store-badge-height': heightPx }, "data-sui-company": this.company, "data-sui-appearance": this.appearance, "data-sui-disabled": this.disabled ? '' : null }, this.isAnchor ? (h("a", { class: "sui-app-store-badge__link", href: this.href, target: (_a = this.target) !== null && _a !== void 0 ? _a : undefined, rel: this.target === '_blank' ? ((_b = this.rel) !== null && _b !== void 0 ? _b : undefined) : undefined, "aria-label": this.alt, onClick: (ev) => suiHrefClick(ev, this.href) }, img)) : (img)));
+    }
+    static get assetsDirs() { return ["assets"]; }
+    get el() { return getElement(this); }
+};
+SuiAppStoreBadge.style = suiAppStoreBadgeCss();
+
+export { SuiAppStoreBadge as sui_app_store_badge };

package/dist/esm/sui-avatar-group.entry.js

@@ -0,0 +1,43 @@
+import { r as registerInstance, h, H as Host } from './index-CHeoPpKZ.js';
+
+const suiAvatarGroupCss = () => `@charset "UTF-8";.sc-sui-avatar-group-h{display:inline-flex;align-items:center;vertical-align:middle;line-height:0}.sui-avatar-group__stack.sc-sui-avatar-group{display:inline-flex;align-items:center}.sui-avatar-group__item.sc-sui-avatar-group,.sui-avatar-group__more.sc-sui-avatar-group{box-sizing:border-box;border:2px solid var(--sui-bg-white-0, #fff);border-radius:999px;flex-shrink:0}.sui-avatar-group__more.sc-sui-avatar-group{display:inline-flex;align-items:center;justify-content:center;background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-sub-600, #5c5c5c);font-family:var(--sui-font-sans, sans-serif);font-weight:500;user-select:none}[data-sui-size=xs].sc-sui-avatar-group-h .sui-avatar-group__item.sc-sui-avatar-group:not(:last-child),[data-sui-size=xs].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group,[data-sui-size=sm].sc-sui-avatar-group-h .sui-avatar-group__item.sc-sui-avatar-group:not(:last-child),[data-sui-size=sm].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{margin-right:-4px}[data-sui-size=md].sc-sui-avatar-group-h .sui-avatar-group__item.sc-sui-avatar-group:not(:last-child),[data-sui-size=md].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{margin-right:-6px}[data-sui-size=lg].sc-sui-avatar-group-h .sui-avatar-group__item.sc-sui-avatar-group:not(:last-child),[data-sui-size=lg].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group,[data-sui-size=xl].sc-sui-avatar-group-h .sui-avatar-group__item.sc-sui-avatar-group:not(:last-child),[data-sui-size=xl].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{margin-right:-12px}[data-sui-size="2xl"].sc-sui-avatar-group-h .sui-avatar-group__item.sc-sui-avatar-group:not(:last-child),[data-sui-size="2xl"].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group,[data-sui-size="3xl"].sc-sui-avatar-group-h .sui-avatar-group__item.sc-sui-avatar-group:not(:last-child),[data-sui-size="3xl"].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group,[data-sui-size="4xl"].sc-sui-avatar-group-h .sui-avatar-group__item.sc-sui-avatar-group:not(:last-child),[data-sui-size="4xl"].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group,[data-sui-size="5xl"].sc-sui-avatar-group-h .sui-avatar-group__item.sc-sui-avatar-group:not(:last-child),[data-sui-size="5xl"].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{margin-right:-16px}.sui-avatar-group__more.sc-sui-avatar-group:last-child{margin-right:0 !important}[data-sui-size=xs].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{width:20px;height:20px;font-size:11px;line-height:12px;letter-spacing:0.02em;text-transform:uppercase}[data-sui-size=sm].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{width:24px;height:24px;font-size:12px;line-height:16px;letter-spacing:0}[data-sui-size=md].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{width:32px;height:32px;font-size:14px;line-height:20px;letter-spacing:-0.006em}[data-sui-size=lg].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{width:40px;height:40px;font-size:16px;line-height:24px;letter-spacing:-0.011em}[data-sui-size=xl].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{width:48px;height:48px;font-size:20px;line-height:28px;letter-spacing:0}[data-sui-size="2xl"].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{width:56px;height:56px;font-size:24px;line-height:32px;letter-spacing:0}[data-sui-size="3xl"].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{width:64px;height:64px;font-size:24px;line-height:32px;letter-spacing:0}[data-sui-size="4xl"].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{width:72px;height:72px;font-size:24px;line-height:32px;letter-spacing:0}[data-sui-size="5xl"].sc-sui-avatar-group-h .sui-avatar-group__more.sc-sui-avatar-group{width:80px;height:80px;font-size:24px;line-height:32px;letter-spacing:0}`;
+
+const SuiAvatarGroup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Tamaño de todos los avatares del grupo. Default `md` (32px). 9 sizes canon. */
+        this.size = 'md';
+        /**
+         * Items del grupo (array de objetos `{ src?, initials?, color?, alt? }`). Cada
+         * uno se renderiza como un `<sui-avatar>`. Se debe setear vía property JS
+         * (`.items` en Storybook/lit, o asignación directa en JS), NO como atributo.
+         */
+        this.items = [];
+        /** Máximo de avatares visibles antes de colapsar el resto en la "+N" pill. Default 4. */
+        this.max = 4;
+    }
+    /** Items efectivamente visibles (slice por `max`). */
+    get visibleItems() {
+        var _a;
+        return ((_a = this.items) !== null && _a !== void 0 ? _a : []).slice(0, this.max);
+    }
+    /** Cantidad de items colapsados en la pill (0 = sin pill). */
+    get overflow() {
+        var _a;
+        return Math.max(0, ((_a = this.items) !== null && _a !== void 0 ? _a : []).length - this.max);
+    }
+    /** Label de la pill de overflow: `+N`. */
+    get overflowLabel() {
+        return `+${this.overflow}`;
+    }
+    render() {
+        const overflow = this.overflow;
+        return (h(Host, { key: '30e45d1f62dec5a5445d32eb96b2a58e91459288', "data-sui-size": this.size }, h("div", { key: '87517bdec285de5bbb2745226dd57c48add03454', class: "sui-avatar-group__stack" }, this.visibleItems.map((item) => {
+            var _a, _b, _c, _d;
+            return (h("sui-avatar", { class: "sui-avatar-group__item", size: this.size, src: (_a = item.src) !== null && _a !== void 0 ? _a : undefined, initials: (_b = item.initials) !== null && _b !== void 0 ? _b : '', color: (_c = item.color) !== null && _c !== void 0 ? _c : 'slate', alt: (_d = item.alt) !== null && _d !== void 0 ? _d : '' }));
+        }), overflow > 0 && (h("span", { key: 'fbda767e6173de36906d5a8d265cd1d7353791af', class: "sui-avatar-group__more", "aria-label": `${this.overflowLabel} más` }, this.overflowLabel)))));
+    }
+};
+SuiAvatarGroup.style = suiAvatarGroupCss();
+
+export { SuiAvatarGroup as sui_avatar_group };