@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

package/dist/esm/sui-integration-switch.entry.js

@@ -0,0 +1,119 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CHeoPpKZ.js';
+import { s as soltarToque } from './sui-toque-BKJeFTmQ.js';
+
+const suiIntegrationSwitchCss = () => `@charset "UTF-8";.sc-sui-integration-switch-h{position:relative;display:flex;box-sizing:border-box;width:100%;font-family:var(--sui-font-sans, "Inter", system-ui, sans-serif);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}[data-sui-type=horizontal].sc-sui-integration-switch-h{flex-direction:row;align-items:center;gap:14px}[data-sui-type=vertical].sc-sui-integration-switch-h{flex-direction:column;align-items:flex-start;gap:14px}[data-sui-appearance=card].sc-sui-integration-switch-h{padding:16px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:12px;box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.03))}[data-sui-appearance=list].sc-sui-integration-switch-h{padding:0;background:transparent;border:0}.sui-integration-switch__brand.sc-sui-integration-switch{box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:8px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:999px;box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.03));overflow:hidden}[data-sui-appearance=card].sc-sui-integration-switch-h .sui-integration-switch__brand.sc-sui-integration-switch{width:40px;height:40px}[data-sui-appearance=list].sc-sui-integration-switch-h .sui-integration-switch__brand.sc-sui-integration-switch{width:48px;height:48px}.sui-integration-switch__brand-img.sc-sui-integration-switch{width:100%;height:100%;object-fit:contain;display:block}.sui-integration-switch__text.sc-sui-integration-switch{flex:1 0 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.sui-integration-switch__title-row.sc-sui-integration-switch{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sui-integration-switch__title.sc-sui-integration-switch{color:var(--sui-text-strong-950);font-weight:500;word-break:break-word}[data-sui-appearance=card].sc-sui-integration-switch-h .sui-integration-switch__title.sc-sui-integration-switch{font-size:14px;line-height:20px;letter-spacing:-0.006em}[data-sui-appearance=list].sc-sui-integration-switch-h .sui-integration-switch__title.sc-sui-integration-switch{font-size:16px;line-height:24px;letter-spacing:-0.011em}.sui-integration-switch__description.sc-sui-integration-switch{margin:0;color:var(--sui-text-sub-600);font-weight:400;word-break:break-word}[data-sui-appearance=card].sc-sui-integration-switch-h .sui-integration-switch__description.sc-sui-integration-switch{font-size:12px;line-height:16px}[data-sui-appearance=list].sc-sui-integration-switch-h .sui-integration-switch__description.sc-sui-integration-switch{font-size:14px;line-height:20px;letter-spacing:-0.006em}.sui-integration-switch__badge.sc-sui-integration-switch{flex-shrink:0}.sui-integration-switch__manage.sc-sui-integration-switch{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:8px;box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.03));color:var(--sui-text-sub-600);font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 0.15s ease, transform 0.12s ease}.sui-integration-switch__manage.sc-sui-integration-switch:hover:not(:disabled){background:var(--sui-bg-weak-50)}.sui-integration-switch__manage.sc-sui-integration-switch:active:not(:disabled){transform:scale(0.97)}.sui-integration-switch__manage.sc-sui-integration-switch:focus-visible{outline:2px solid var(--sui-primary-base);outline-offset:2px}.sui-integration-switch__manage.sc-sui-integration-switch:disabled{opacity:0.4;cursor:not-allowed}.sui-integration-switch__manage-label.sc-sui-integration-switch{padding:0 4px;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.006em}[data-sui-size=large].sc-sui-integration-switch-h .sui-integration-switch__manage.sc-sui-integration-switch{padding:9px 8px;min-height:44px;box-sizing:border-box}[data-sui-size=large].sc-sui-integration-switch-h .sui-integration-switch__manage-label.sc-sui-integration-switch{font-size:var(--sui-type-label-md-size, 16px);line-height:var(--sui-type-label-md-line, 24px);letter-spacing:var(--sui-type-label-md-spacing, -0.011em)}[data-sui-type=vertical].sc-sui-integration-switch-h .sui-integration-switch__manage.sc-sui-integration-switch{width:100%}.sui-integration-switch__toggle.sc-sui-integration-switch{flex-shrink:0}[data-sui-type=vertical].sc-sui-integration-switch-h .sui-integration-switch__toggle.sc-sui-integration-switch{position:absolute;top:19px;right:19px}[data-sui-type=vertical][data-sui-appearance=list].sc-sui-integration-switch-h .sui-integration-switch__toggle.sc-sui-integration-switch{top:12px;right:12px}[data-sui-disabled].sc-sui-integration-switch-h{opacity:0.5;pointer-events:none}`;
+
+let uid = 0;
+const SuiIntegrationSwitch = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.activeChange = createEvent(this, "activeChange");
+        this.manageClick = createEvent(this, "manageClick");
+        /** Orientación. `horizontal` (default) row · `vertical` column (switch absolute top-right). */
+        this.type = 'horizontal';
+        /** Estilo. `card` (default) con border/bg/shadow · `list` flat. */
+        this.appearance = 'card';
+        /**
+         * Título de la integración. Se renderiza como texto visible en `.__title`.
+         * GOTCHA: NO se llama `title` (reservado del DOM en Stencil/HTML).
+         */
+        this.componentTitle = '';
+        /** Descripción opcional bajo el título. */
+        this.description = null;
+        /** URL al logo de la marca (SVG/PNG). Renderizado como `<img>` dentro del circle. */
+        this.brandIconSrc = null;
+        /** RemixIcon fallback si no hay brandIconSrc ni slot `brand` (ej. 'plug-line'). */
+        this.brandIcon = null;
+        /**
+         * Badge junto al título: string shorthand (`badge="NUEVO"`) u objeto
+         * `{ label, color?, variant?, size? }` (default orange / light / small).
+         * `null` = sin badge.
+         */
+        this.badge = null;
+        /**
+         * Botón de administrar: `true` (default) = «Administrar» + settings-2-line;
+         * string = label custom con el ícono default; objeto `{ label?, icon? }` = todo;
+         * `false` / `null` = oculto.
+         */
+        this.manage = true;
+        /** Botón «Administrar»: `medium` 38 (default) · `large` 44 para el teléfono. */
+        this.size = 'medium';
+        /** Mostrar el switch toggle. Default `true`. */
+        this.showToggle = true;
+        /**
+         * Estado VISIBLE del switch (controlled). El thumb se posiciona según este
+         * prop; el componente NO lo muta solo. Default `false`.
+         */
+        this.active = false;
+        /** Deshabilitado: bloquea toggle y manage, opacity reducida, no pointer-events. Default `false`. */
+        this.disabled = false;
+        /* El sui-switch interno toma su nombre del título (aria-labelledby) y su
+           descripción de la descripción: antes el lector decía solo «interruptor». */
+        this.titleId = `sui-integration-switch-${++uid}`;
+        this.descriptionId = `${this.titleId}-desc`;
+        /**
+         * Reacciona al `checkedChange` del switch hijo → re-emite hacia el consumer.
+         * NO muta el estado internamente (controlled). Disabled bloquea todo.
+         */
+        this.onSwitchChange = (event) => {
+            event.stopPropagation();
+            if (this.disabled)
+                return;
+            const next = event.detail;
+            if (next === this.active)
+                return;
+            this.activeChange.emit(next);
+        };
+        this.onManageClick = (event) => {
+            event.stopPropagation();
+            if (this.disabled) {
+                event.preventDefault();
+                return;
+            }
+            this.manageClick.emit(event);
+        };
+    }
+    /* Sin tooltip nativo gris: `title` en el Host del JSX no borra el atributo que
+       puso el consumer (el vdom no lo tenía), así que se quita a mano. */
+    componentWillLoad() {
+        this.el.removeAttribute('title');
+    }
+    get badgeCfg() {
+        const b = this.badge;
+        if (!b)
+            return null;
+        return typeof b === 'string' ? { label: b } : b;
+    }
+    get manageCfg() {
+        var _a, _b;
+        const m = this.manage;
+        if (m === false || m === null || m === 'false')
+            return null;
+        const cfg = m === true || m === '' ? {} : typeof m === 'string' ? { label: m } : m;
+        return {
+            label: (_a = cfg.label) !== null && _a !== void 0 ? _a : 'Administrar',
+            icon: (_b = cfg.icon) !== null && _b !== void 0 ? _b : 'settings-2-line',
+        };
+    }
+    /* iOS `:active` del botón: listeners PASIVOS en el host (utils/sui-toque.ts). */
+    alTocar() { }
+    alSoltar(event) {
+        soltarToque(event, '.sui-integration-switch__manage');
+    }
+    /** ¿Hay un logo custom proyectado en el slot `brand`? (para no renderear el fallback). */
+    get hasBrandSlot() {
+        return !!this.el.querySelector('[slot="brand"]');
+    }
+    render() {
+        var _a, _b, _c, _d;
+        const brandIconSize = this.appearance === 'list' ? 32 : 24;
+        const showFallbackBrand = !this.hasBrandSlot;
+        const badge = this.badgeCfg;
+        const manage = this.manageCfg;
+        return (h(Host, { key: '3d5a54c89f5f66dcaa60bef084c59c01fb94c174', "data-sui-type": this.type, "data-sui-appearance": this.appearance, "data-sui-size": this.size, "data-sui-disabled": this.disabled ? '' : null }, h("div", { key: 'df2a75be442dc6803304b665e5f9e4bef77f2dc7', class: "sui-integration-switch__brand", "aria-hidden": "true" }, h("slot", { key: 'a3c1bbf5158a7965256c718735c5edd40e69b8f6', name: "brand" }), showFallbackBrand && this.brandIconSrc ? (h("img", { src: (_a = this.brandIconSrc) !== null && _a !== void 0 ? _a : undefined, alt: "", class: "sui-integration-switch__brand-img" })) : showFallbackBrand && this.brandIcon ? (h("sui-icon", { name: this.brandIcon, size: brandIconSize })) : null), h("div", { key: '454d8425495cacc28a1fee18c6c22e99aae8bba4', class: "sui-integration-switch__text" }, h("div", { key: '34a1fcd117df41dd68120f9809e9b86ec1917f86', class: "sui-integration-switch__title-row" }, h("span", { key: 'fd31e6f7ee9a54c53ddff13c9aa83e76a9933851', class: "sui-integration-switch__title", id: this.titleId }, this.componentTitle), badge && (h("sui-badge", { key: '16b1de03ef9b93f937b6992a530c2e236e02c61c', class: "sui-integration-switch__badge", color: (_b = badge.color) !== null && _b !== void 0 ? _b : 'orange', variant: (_c = badge.variant) !== null && _c !== void 0 ? _c : 'light', size: (_d = badge.size) !== null && _d !== void 0 ? _d : 'small' }, badge.label))), this.description && (h("p", { key: '431fd709cd4d637b6e699d641b54355caa412588', class: "sui-integration-switch__description", id: this.descriptionId }, this.description))), manage && (h("button", { key: '7d65b5f7de5f1b75548368da59055be256b87def', type: "button", class: "sui-integration-switch__manage", "aria-label": manage.label, disabled: this.disabled, onClick: this.onManageClick }, h("sui-icon", { key: '354f1419720c221dfd030ef61d49bbfad22c74c4', name: manage.icon, size: 20 }), h("span", { key: '2234bcbed312a9dc555e5ec6b03be19ffd42c687', class: "sui-integration-switch__manage-label" }, manage.label))), this.showToggle && (h("sui-switch", { key: '4f9c974e6fa066d8c6c7bb4df0191319513ed2da', class: "sui-integration-switch__toggle", size: "medium", checked: this.active, disabled: this.disabled, "aria-labelledby": this.titleId, "aria-describedby": this.description ? this.descriptionId : null, onCheckedChange: this.onSwitchChange }))));
+    }
+    get el() { return getElement(this); }
+};
+SuiIntegrationSwitch.style = suiIntegrationSwitchCss();
+
+export { SuiIntegrationSwitch as sui_integration_switch };

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

@@ -0,0 +1,24 @@
+import { r as registerInstance, h, H as Host } from './index-CHeoPpKZ.js';
+
+const suiKbdCss = () => `@charset "UTF-8";.sc-sui-kbd-h{display:inline-flex;align-items:center;justify-content:center;gap:2px;flex-shrink:0;height:20px;border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:var(--sui-radius-4, 4px);background:var(--sui-bg-white-0, #ffffff);font-family:var(--sui-font-sans);font-size:var(--sui-type-subheading-xs-size, 12px);font-weight:var(--sui-type-subheading-xs-weight, 500);line-height:var(--sui-type-subheading-xs-line, 16px);letter-spacing:var(--sui-type-subheading-xs-spacing, 0.04em);text-transform:uppercase;color:var(--sui-text-soft-400, #a3a3a3);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto;padding:0 6px;white-space:nowrap;user-select:none;vertical-align:middle;box-sizing:border-box}[data-sui-variant=subtle].sc-sui-kbd-h{background:var(--sui-bg-weak-50, #f7f7f7);padding:2px}.sc-sui-kbd-h sui-icon.sc-sui-kbd{display:inline-flex;line-height:1;color:var(--sui-text-sub-600, #5c5c5c)}`;
+
+const SuiKbd = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Variante visual.
+         *  - `default` → bg white-0, padding horizontal 6px. Para keys con texto
+         *    (⌘K, ESC, ⏎) sobre superficies tintadas.
+         *  - `subtle`  → bg weak-50, padding 2px uniforme. Para contener un solo
+         *    `<sui-icon>` 16×16 sin texto, sobre superficies blancas.
+         * Default `default`.
+         */
+        this.variant = 'default';
+    }
+    render() {
+        return (h(Host, { key: '42afa0452e71f6e30e234610fc032cff38656aa7', "data-sui-variant": this.variant }, h("slot", { key: 'a848476cf63940c26437f2c6ceb687374b87e63e' })));
+    }
+};
+SuiKbd.style = suiKbdCss();
+
+export { SuiKbd as sui_kbd };

package/dist/esm/sui-key-icon.entry.js

@@ -0,0 +1,36 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CHeoPpKZ.js';
+
+const suiKeyIconCss = () => `@charset "UTF-8";.sc-sui-key-icon-h{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:var(--sui-key-icon-size, 40px);height:var(--sui-key-icon-size, 40px);border-radius:var(--sui-radius-full);vertical-align:middle;--sui-key-icon-fg:var(--sui-state-faded-base);--sui-key-icon-lighter:var(--sui-state-faded-lighter);background:var(--sui-key-icon-bg)}[data-sui-color=gray].sc-sui-key-icon-h{--sui-key-icon-fg:var(--sui-state-faded-base);--sui-key-icon-lighter:var(--sui-state-faded-lighter)}[data-sui-color=blue].sc-sui-key-icon-h{--sui-key-icon-fg:var(--sui-state-information-base);--sui-key-icon-lighter:var(--sui-state-information-lighter)}[data-sui-color=orange].sc-sui-key-icon-h{--sui-key-icon-fg:var(--sui-state-warning-base);--sui-key-icon-lighter:var(--sui-state-warning-lighter)}[data-sui-color=red].sc-sui-key-icon-h{--sui-key-icon-fg:var(--sui-state-error-base);--sui-key-icon-lighter:var(--sui-state-error-lighter)}[data-sui-color=green].sc-sui-key-icon-h{--sui-key-icon-fg:var(--sui-state-success-base);--sui-key-icon-lighter:var(--sui-state-success-lighter)}[data-sui-color=yellow].sc-sui-key-icon-h{--sui-key-icon-fg:var(--sui-state-away-base);--sui-key-icon-lighter:var(--sui-state-away-lighter)}[data-sui-color=purple].sc-sui-key-icon-h{--sui-key-icon-fg:var(--sui-state-feature-base);--sui-key-icon-lighter:var(--sui-state-feature-lighter)}[data-sui-color=pink].sc-sui-key-icon-h{--sui-key-icon-fg:var(--sui-state-highlighted-base);--sui-key-icon-lighter:var(--sui-state-highlighted-lighter)}[data-sui-color=teal].sc-sui-key-icon-h{--sui-key-icon-fg:var(--sui-state-verified-base);--sui-key-icon-lighter:var(--sui-state-verified-lighter)}[data-sui-style=stroke].sc-sui-key-icon-h{--sui-key-icon-bg:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-shadow:var(--sui-shadow-x-small)}[data-sui-style=lighter].sc-sui-key-icon-h{--sui-key-icon-bg:var(--sui-key-icon-lighter);border:none;box-shadow:none}.sui-key-icon__icon.sc-sui-key-icon{display:inline-flex;color:var(--sui-key-icon-fg);line-height:0}`;
+
+const SuiKeyIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Estilo del contenedor. Default `stroke`. En el Angular original el input se
+         * llama `styleVariant` (para no chocar con la property `style` del HTMLElement);
+         * acá expuesto como prop `style-variant` (el attr `style` nativo tampoco
+         * debe reusarse).
+         */
+        this.styleVariant = 'stroke';
+        /** Color del set canon (9). Default `gray`. */
+        this.color = 'gray';
+        /** Tamaño del contenedor en px. Uno de 32/40/48/56/64. Default `40`. */
+        this.size = 40;
+    }
+    /** Tamaño del icono interno = 50% del contenedor, con piso de 20px
+     *  (Figma 263:1850: Small 32 → ícono 20, no 16). */
+    get iconSize() {
+        return Math.max(20, this.size / 2);
+    }
+    /** Strip del `title` nativo del host (el browser lo muestra como tooltip gris). */
+    componentDidLoad() {
+        this.el.removeAttribute('title');
+    }
+    render() {
+        return (h(Host, { key: '88bb4efee47a0231008d0116c376744c64683633', "data-sui-style": this.styleVariant, "data-sui-color": this.color, style: { '--sui-key-icon-size': `${this.size}px` } }, h("sui-icon", { key: '41af1db7433de807e17c89eb0121a05b80641016', class: "sui-key-icon__icon", name: this.name, size: this.iconSize })));
+    }
+    get el() { return getElement(this); }
+};
+SuiKeyIcon.style = suiKeyIconCss();
+
+export { SuiKeyIcon as sui_key_icon };

package/dist/esm/sui-link-button.entry.js

@@ -0,0 +1,79 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CHeoPpKZ.js';
+import { s as suiHrefClick } from './sui-href-CtltTdNy.js';
+
+const suiLinkButtonCss = () => `@charset "UTF-8";.sc-sui-link-button-h{display:inline-flex;align-items:center;justify-content:center;vertical-align:baseline;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sui-link-button__el.sc-sui-link-button{appearance:none;margin:0;padding:0;border:0;background:transparent;text-decoration:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;word-break:break-word;font-family:var(--sui-font-sans);font-style:normal;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto;color:var(--sui-link-button-color, currentColor);transition:transform var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1)), color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1))}.sui-link-button__el.sc-sui-link-button:active:not(:disabled){transform:scale(0.97)}.sui-link-button__el.sc-sui-link-button:hover:not(:disabled){color:var(--sui-link-button-color-hover, var(--sui-link-button-color))}.sui-link-button__el.sc-sui-link-button:focus-visible:not(:disabled){outline:none;color:var(--sui-link-button-color-focus, var(--sui-link-button-color))}.sui-link-button__el.sc-sui-link-button:disabled{cursor:not-allowed}.sui-link-button__el.sc-sui-link-button:hover:not(:disabled) .sui-link-button__text.sc-sui-link-button::after,.sui-link-button__el.sc-sui-link-button:focus-visible:not(:disabled) .sui-link-button__text.sc-sui-link-button::after{opacity:1}.sui-link-button__icon.sc-sui-link-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sui-link-button__text.sc-sui-link-button{position:relative;display:inline-block}.sui-link-button__text.sc-sui-link-button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:currentColor;opacity:0;pointer-events:none}[data-sui-size=medium].sc-sui-link-button-h .sui-link-button__el.sc-sui-link-button{font-size:var(--sui-type-label-sm-size, 14px);line-height:var(--sui-type-label-sm-line, 20px);letter-spacing:var(--sui-type-label-sm-spacing, -0.006em);font-weight:var(--sui-type-label-sm-weight, 500)}[data-sui-size=medium].sc-sui-link-button-h .sui-link-button__icon.sc-sui-link-button{width:20px;height:20px}[data-sui-size=small].sc-sui-link-button-h .sui-link-button__el.sc-sui-link-button{font-size:var(--sui-type-label-xs-size, 12px);line-height:var(--sui-type-label-xs-line, 16px);letter-spacing:var(--sui-type-label-xs-spacing, 0);font-weight:var(--sui-type-label-xs-weight, 500)}[data-sui-size=small].sc-sui-link-button-h .sui-link-button__icon.sc-sui-link-button{width:16px;height:16px}[data-sui-size=large].sc-sui-link-button-h .sui-link-button__el.sc-sui-link-button{font-size:var(--sui-type-label-md-size, 16px);line-height:var(--sui-type-label-md-line, 24px);letter-spacing:var(--sui-type-label-md-spacing, -0.011em);font-weight:var(--sui-type-label-md-weight, 500)}[data-sui-size=large].sc-sui-link-button-h .sui-link-button__icon.sc-sui-link-button{width:20px;height:20px}[data-sui-variant=gray].sc-sui-link-button-h{--sui-link-button-color:var(--sui-text-sub-600);--sui-link-button-color-hover:var(--sui-text-sub-600);--sui-link-button-color-focus:var(--sui-text-strong-950)}[data-sui-variant=black].sc-sui-link-button-h{--sui-link-button-color:var(--sui-text-strong-950);--sui-link-button-color-hover:var(--sui-text-strong-950);--sui-link-button-color-focus:var(--sui-text-strong-950)}[data-sui-variant=primary].sc-sui-link-button-h{--sui-link-button-color:var(--sui-primary-base);--sui-link-button-color-hover:var(--sui-primary-dark);--sui-link-button-color-focus:var(--sui-primary-base)}[data-sui-variant=error].sc-sui-link-button-h{--sui-link-button-color:var(--sui-state-error-base);--sui-link-button-color-hover:var(--sui-red-700);--sui-link-button-color-focus:var(--sui-state-error-base)}[data-sui-variant=modifiable].sc-sui-link-button-h{--sui-link-button-color:currentColor;--sui-link-button-color-hover:currentColor;--sui-link-button-color-focus:currentColor}[data-sui-underline].sc-sui-link-button-h .sui-link-button__text.sc-sui-link-button::after{opacity:1}[data-sui-disabled].sc-sui-link-button-h .sui-link-button__el.sc-sui-link-button,.sui-link-button__el.sc-sui-link-button:disabled{color:var(--sui-text-disabled-300);cursor:not-allowed}[data-sui-disabled].sc-sui-link-button-h .sui-link-button__el.sc-sui-link-button:hover,[data-sui-disabled].sc-sui-link-button-h .sui-link-button__el.sc-sui-link-button:focus-visible,.sui-link-button__el.sc-sui-link-button:disabled:hover,.sui-link-button__el.sc-sui-link-button:disabled:focus-visible{color:var(--sui-text-disabled-300)}[data-sui-disabled].sc-sui-link-button-h .sui-link-button__el.sc-sui-link-button .sui-link-button__text.sc-sui-link-button::after,.sui-link-button__el.sc-sui-link-button:disabled .sui-link-button__text.sc-sui-link-button::after{opacity:0}`;
+
+const SuiLinkButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.clicked = createEvent(this, "clicked");
+        /** Variante de color. Default `gray`. */
+        this.variant = 'gray';
+        /** Tamaño. Default `medium` (text 14, icons 20). `large` (text 16) para mobile. */
+        this.size = 'medium';
+        /** Subraya el texto desde el estado base (además de hover/focus). Default `false`. */
+        this.underline = false;
+        /** Deshabilitado: bloquea click, color disabled-300, sin underline. Default `false`. */
+        this.disabled = false;
+        /** Nombre del ícono leading (`<sui-icon name>`). null → sin ícono. */
+        this.leftIcon = null;
+        /** Nombre del ícono trailing (`<sui-icon name>`). null → sin ícono. */
+        this.rightIcon = null;
+        /** Cuando se setea (y no disabled), el componente renderiza un `<a>` nativo en vez de `<button>`. */
+        this.href = null;
+        /** target del `<a>` (ej. `_blank`). Solo aplica en modo anchor. */
+        this.target = null;
+        /** rel del `<a>` (ej. `noopener noreferrer`). Solo aplica en modo anchor. */
+        this.rel = null;
+        /** type del `<button>`. Solo aplica en modo button. Default `button`. */
+        this.type = 'button';
+        /** aria-label opcional para accesibilidad cuando el label visible no alcanza. */
+        this.ariaLabel = null;
+        /** Disabled bloquea todo; en caso contrario re-emite el click como output `clicked`. */
+        this.onClick = (event) => {
+            if (this.disabled) {
+                event.stopPropagation();
+                event.preventDefault();
+                return;
+            }
+            this.clicked.emit(event);
+            /* Href interno: navegación SPA vía `suiNavigate` si la app la escucha (sui-href). */
+            if (this.href)
+                suiHrefClick(event, this.href);
+        };
+    }
+    /** true cuando debe renderizar un `<a>` (href presente y habilitado). */
+    get isAnchor() {
+        return !!this.href && !this.disabled;
+    }
+    /** Tamaño de ícono: 20 (large / medium) / 16 (small). */
+    get iconSize() {
+        return this.size === 'small' ? 16 : 20;
+    }
+    /**
+     * iOS WKWebView fix: la sola PRESENCIA del listener `touchstart` engage el
+     * touch event pipeline, lo que hace que `:active` dispare y se libere
+     * correctamente. Sin esto `:active` "stickea" 300-500ms en pages standalone.
+     */
+    onTouchStart() {
+        /* presencia del binding = engage del touch pipeline iOS. no-op a propósito. */
+    }
+    /** touchend.blur() empuja la deselección inmediata del :active en iOS. */
+    onTouchEnd() {
+        const inner = this.el.querySelector('.sui-link-button__el');
+        inner === null || inner === void 0 ? void 0 : inner.blur();
+    }
+    render() {
+        var _a, _b, _c;
+        const inner = [
+            this.leftIcon && (h("sui-icon", { key: '09886b1c0617214cfe8d5adce20734edbb1d8a2c', class: "sui-link-button__icon", name: this.leftIcon, size: this.iconSize })),
+            h("span", { key: '0ae4da490dad69fc4b5229f3c854618663574545', class: "sui-link-button__text" }, h("slot", { key: '37a23fb2e775c8f2e7064bf34d57fbd958a0ec55' })),
+            this.rightIcon && (h("sui-icon", { key: '672248f3bd08006ffd032636cb9289abf35c1a58', class: "sui-link-button__icon", name: this.rightIcon, size: this.iconSize })),
+        ];
+        return (h(Host, { key: '5c5632703319c9e5ef0421ac83dfc75f64b1370d', "data-sui-variant": this.variant, "data-sui-size": this.size, "data-sui-underline": this.underline ? '' : null, "data-sui-disabled": this.disabled ? '' : null }, this.isAnchor ? (h("a", { class: "sui-link-button__el", href: (_a = this.href) !== null && _a !== void 0 ? _a : undefined, target: (_b = this.target) !== null && _b !== void 0 ? _b : undefined, rel: (_c = this.rel) !== null && _c !== void 0 ? _c : undefined, "aria-label": this.ariaLabel, onClick: this.onClick }, inner)) : (h("button", { class: "sui-link-button__el", type: this.type, disabled: this.disabled || undefined, "aria-label": this.ariaLabel, onClick: this.onClick }, inner))));
+    }
+    get el() { return getElement(this); }
+};
+SuiLinkButton.style = suiLinkButtonCss();
+
+export { SuiLinkButton as sui_link_button };

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

@@ -0,0 +1,69 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CHeoPpKZ.js';
+
+const suiLogoCss = () => `@charset "UTF-8";.sc-sui-logo-h{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;height:var(--sui-logo-height);width:auto;flex-shrink:0}.sui-logo__svg.sc-sui-logo{display:block;height:100%;width:auto;overflow:visible}.sui-logo__mark.sc-sui-logo{fill:var(--sui-logo-mark-color)}.sui-logo__word.sc-sui-logo{fill:var(--sui-logo-text-color)}`;
+
+/** Alto en px por size. El size manda el ALTO; el ancho sale del ratio del lockup. */
+const SIZE_PX = {
+    xs: 16,
+    sm: 20,
+    md: 24,
+    lg: 32,
+    xl: 40,
+    '2xl': 48,
+};
+const SuiLogo = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Lockup: `horizontal` (M a la izquierda) o `stacked` (M arriba, centrado). */
+        this.orientation = 'horizontal';
+        /** Solo la M, sin la palabra. Cuando es `true`, `orientation` no aplica. */
+        this.markOnly = false;
+        /** Alto del logo: xs=16, sm=20, md=24, lg=32, xl=40, 2xl=48 (px). */
+        this.size = 'md';
+        /** Alto fuera de la escala. Número = px; string = cualquier valor CSS. Gana sobre `size`. */
+        this.height = null;
+        /** Color de la M. Token o cualquier color CSS. */
+        this.markColor = 'var(--sui-primary-base)';
+        /** Color de la palabra. Token o cualquier color CSS. */
+        this.textColor = 'var(--sui-text-strong-950)';
+        /** `true` cuando al lado ya está escrito «Master Pedidos». */
+        this.decorative = false;
+        /** Nombre accesible. */
+        this.ariaLabel = 'Master Pedidos';
+    }
+    get heightCss() {
+        var _a;
+        const h = this.height;
+        if (h === null || h === undefined || h === '')
+            return `${(_a = SIZE_PX[this.size]) !== null && _a !== void 0 ? _a : SIZE_PX.md}px`;
+        // Un atributo HTML llega como string: un número suelto ("80") son px.
+        return typeof h === 'number' || /^\d+(\.\d+)?$/.test(h) ? `${h}px` : h;
+    }
+    componentWillLoad() {
+        /* Sin title nativo en el host (tooltip gris del navegador): Host title={undefined} no lo borra. */
+        this.el.removeAttribute('title');
+    }
+    render() {
+        const stacked = !this.markOnly && this.orientation === 'stacked';
+        const viewBox = this.markOnly
+            ? '0.218 3.987 257.897 266.421'
+            : stacked
+                ? '-0.266 0.109 257.897 420.55'
+                : '0.218 3.987 773.623 266.421';
+        const masterTransform = stacked
+            ? 'translate(0,309.299) scale(0.55765) translate(39.626,0.082)'
+            : 'matrix(1,0,0,1,311.359985,40.32)';
+        const pedidosTransform = stacked
+            ? 'translate(0,309.299) scale(0.55765) translate(0.3,110.402)'
+            : 'matrix(1,0,0,1,312.480011,150.639999)';
+        return (h(Host, { key: '8d59b652179da809f5480d0c015f694685eb9a0e', "data-sui-orientation": this.markOnly ? 'mark' : this.orientation, "data-sui-size": this.size, style: {
+                '--sui-logo-height': this.heightCss,
+                '--sui-logo-mark-color': this.markColor,
+                '--sui-logo-text-color': this.textColor,
+            } }, h("svg", { key: 'dae6361de70969a07eea5d4bd445f69b1d2cb2dd', class: "sui-logo__svg", viewBox: viewBox, role: this.decorative ? undefined : 'img', "aria-label": this.decorative ? undefined : this.ariaLabel, "aria-hidden": this.decorative ? 'true' : undefined, focusable: "false", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '399e514ab1b89653f2dc19d828788b7b08dcbe3a', class: "sui-logo__mark", transform: stacked ? 'translate(-0.484,-3.878)' : undefined, "fill-rule": "nonzero" }, h("polygon", { key: 'b56ce24176f764540e9414ee24e3b5c0a3df0bf1', points: "21.2352 84.0784 57.3384 84.0784 60.3288 66.472 24.1752 66.472" }), h("polygon", { key: '08c0a9da6cb06f249283d840666085b2c74de153', points: "30.072 31.0744 27.132 48.6976 63.3528 48.6976 66.3432 31.0744" }), h("path", { key: '4b45281f95edad2751a9d9556b16d6610a211be8', d: "M219.8112,31.0744 L145.8072,137.2336 C145.6392,137.5528 145.32,137.872 145.152,138.04 C144.6648,138.5272 144.0264,138.8464 143.3712,138.8464 C142.2456,138.8464 141.4392,138.208 140.952,137.2336 L104.5968,31.0744 L66.2088,31.0744 L63.0672,49.6888 L60.3288,66.4552 L60.2448,66.4552 L56.7672,87.0688 L54.348,101.8528 L54.2808,101.8528 L44.6544,158.8888 C42.7224,166.8016 35.9352,172.6312 27.5184,172.6312 L6.5184,172.6312 L0.2184,210.448 L45.6288,210.448 C61.7904,210.448 75.0456,199.2928 78.5904,184.2736 L79.0776,181.3672 L80.6904,172.648 L81.4968,167.9608 L92.3328,103.4824 L124.8072,193.3288 C124.9752,193.984 125.1264,194.6224 125.4624,195.2608 C126.924,198.3352 129.9816,200.4352 133.5432,200.4352 C135.9624,200.4352 138.2304,199.4608 139.8432,197.848 C139.8432,197.68 140.0112,197.5288 140.1624,197.5288 L141.288,195.748 L207.6984,102.1888 L179.256,270.4072 L217.56,270.4072 L258.1152,31.0912 L219.8112,31.0912 L219.8112,31.0744 Z" }), h("circle", { key: 'ae00f51af0a008ba62f829cccf8934ee09034092', cx: "161.175613", cy: "31.0350292", r: "27.0484118" }), h("polygon", { key: '9c506b73075668cc41dbcfcccd7f598d896fddc0', points: "12.3816 137.2504 9.4416 154.8568 45.3264 154.8568 48.3168 137.2504" }), h("polygon", { key: '91cc4968d82ea620f9a3c60efcf993812fc903dd', points: "15.3384 119.476 51.3408 119.476 54.3312 101.8528 18.2784 101.8528" })), !this.markOnly && (h("g", { key: '9a2a8311cc7afa7c132aa17faaaff10305764d48', class: "sui-logo__word", transform: masterTransform, "fill-rule": "nonzero" }, h("path", { key: '781c648c9a83f07694b17eb894ac89f9000d0076', d: "M18.4912,86.296 L0.1456,86.296 L0.1456,0.1288 L27.5464,0.1288 L43.6912,68.6728 L59.3488,0.1288 L87.0016,0.1288 L87.0016,86.296 L68.656,86.296 L68.656,19.1632 L54.9808,77.3584 C53.7544,82.6 49.0672,86.3128 43.6912,86.3128 L43.6912,86.3128 C38.3152,86.3128 33.6616,82.6336 32.4016,77.4088 L18.508,19.18 L18.508,86.296 L18.4912,86.296 Z" }), h("path", { key: '4d95c8432a3ac2b1e6ba57b85a87a52d4a4b0171', d: "M157.9816,86.296 L139.384,86.296 C137.8048,84.3976 137.4352,83.2216 137.4352,79.912 C131.32,86.0608 124.7176,89.0176 117.376,89.0176 C105.2632,89.0176 97.3168,81.34 97.3168,69.8656 C97.3168,58.3912 103.6672,51.8896 116.7712,49.7728 L123.6256,48.5968 C132.0592,47.3032 132.0592,47.3032 134.3944,46.1272 C136.2424,45.0688 137.3344,43.288 137.3344,41.1544 C137.3344,36.904 134.0248,34.7704 127.4224,34.7704 C118.9888,34.7704 116.1664,36.904 115.3096,43.5232 L98.7952,43.5232 C99.904,28.7392 109.1944,21.4144 127.036,21.4144 C144.8776,21.4144 154.0672,28.0336 154.0672,41.0368 L154.0672,76.5016 C154.0672,79.6936 155.0416,81.5752 157.9816,84.2968 L157.9816,86.296 Z M137.3176,56.1568 C135.352,57.0976 134.6296,57.3328 130.0936,58.1728 L124.2136,59.2312 C117.124,60.6592 114.436,63.0112 114.436,67.984 C114.436,72.7216 117.9808,75.6616 123.7264,75.6616 C132.412,75.6616 137.3008,70.2184 137.3008,60.6592 L137.3008,56.1568 L137.3176,56.1568 Z" }), h("path", { key: '3c0333935ebdbd29480faf008824ea17fa1a89de', d: "M206.8696,43.036 C206.752,37.24 202.72,34.4008 194.5216,34.4008 C188.524,34.4008 184.6096,36.7696 184.6096,40.3144 C184.6096,42.9184 185.836,43.8592 190.6072,45.2704 L212.2624,51.3016 C220.948,53.788 225.232,59.1136 225.232,67.3792 C225.232,73.6456 222.292,79.5592 217.4032,83.3392 C212.5144,87.1192 205.5424,89.0008 196.3696,89.0008 C176.3104,89.0008 165.676,81.7936 165.1888,67.732 L181.9384,67.732 C182.6776,71.1592 183.4168,72.4528 185.248,73.7632 C187.4488,75.3088 190.876,76.0144 195.3952,76.0144 C203.3584,76.0144 208.1128,73.6456 208.1128,69.748 C208.1128,67.1608 206.6344,65.8504 202.3672,64.5568 L181.9384,58.408 C175.588,56.4088 173.5048,55.3336 171.1696,53.0992 C168.8512,50.6128 167.4904,46.9504 167.4904,42.7 C167.4904,29.5792 177.8896,21.4312 194.6392,21.4312 C212.38,21.4312 223.132,29.5792 223.384,43.0696 L206.8696,43.0696 L206.8696,43.036 Z" }), h("path", { key: '3ea4753ff96c8e5d30c7808654940b6dd5460fb4', d: "M266.2744,34.7704 L256.732,34.7704 L256.732,69.5128 C256.732,75.1744 257.8408,76.4848 262.36,76.4848 C263.704,76.4848 264.5608,76.3672 266.2744,76.132 L266.2744,87.724 C263.0992,88.6648 260.2768,89.0176 256.3624,89.0176 C245.1064,89.0176 239.6128,84.0616 239.6128,73.9984 L239.6128,34.7536 L231.1792,34.7536 L231.1792,23.7496 L239.6128,23.7496 L239.6128,6.6136 L256.732,6.6136 L256.732,23.7496 L266.2744,23.7496 L266.2744,34.7704 L266.2744,34.7704 Z" }), h("path", { key: '16dace5cc3a5b8c7067e24e21ac08743436afb79', d: "M289.492,59.6008 C289.744,65.632 290.3488,68.4544 291.9448,70.8232 C294.3808,74.368 298.2952,76.384 303.2008,76.384 C309.4336,76.384 314.2048,73.4272 316.288,68.3536 L333.172,68.3536 C329.3752,81.004 317.3968,89.0344 302.596,89.0344 C283.8808,89.0344 272.3896,76.5016 272.3896,56.056 C272.3896,34.6528 284.0152,21.4312 302.9656,21.4312 C316.3048,21.4312 326.9392,28.4032 331.3408,39.9784 C332.9368,44.4808 333.9112,50.3776 333.9112,56.7616 C333.9112,57.5848 333.9112,58.1896 333.7936,59.6008 L289.492,59.6008 L289.492,59.6008 Z M316.036,48.5968 C315.1792,39.1384 310.5256,34.0648 302.6968,34.0648 C295.1032,34.0648 290.836,38.8024 289.7272,48.5968 L316.036,48.5968 Z" }), h("path", { key: '2f81979c88c837325953832a37f398a83a4e1760', d: "M362.4712,22.4728 L362.4712,35.0056 C366.268,26.3704 372.988,21.4144 380.8168,21.4144 C381.556,21.4144 381.9256,21.4144 382.9,21.532 L382.9,38.3152 C380.5816,37.9624 379.3552,37.8448 377.5072,37.8448 C367.4776,37.8448 362.4712,42.6832 362.4712,52.3768 L362.4712,86.296 L345.352,86.296 L345.352,22.4728 L362.4712,22.4728 L362.4712,22.4728 Z" }))), !this.markOnly && (h("g", { key: '43b33005eb397393130bcd0dde9e03b6ccdb6611', class: "sui-logo__word", transform: pedidosTransform, "fill-rule": "nonzero" }, h("path", { key: '9098ede131c79d8565e86c8052fe9e0b83d6d6b6', d: "M18.8328,86.5704 L0.4872,86.5704 L0.4872,0.4032 L39.8664,0.4032 C58.4472,0.4032 68.6112,9.8616 68.6112,27.1152 C68.6112,44.604 58.0944,55.8432 41.6976,55.8432 L18.8328,55.8432 L18.8328,86.5704 Z M35.952,41.0592 C45.7464,41.0592 50.2656,36.9264 50.2656,28.056 C50.2656,19.3032 45.7464,15.1704 35.952,15.1704 L18.8328,15.1704 L18.8328,41.0592 L35.952,41.0592 Z" }), h("path", { key: '50fc71688d9448693fae9f53c3403fc073172535', d: "M89.7624,59.8584 C90.0144,65.8896 90.6192,68.712 92.2152,71.0808 C94.6512,74.6256 98.5656,76.6416 103.4712,76.6416 C109.704,76.6416 114.4752,73.6848 116.5584,68.6112 L133.4424,68.6112 C129.6456,81.2616 117.6672,89.292 102.8664,89.292 C84.1512,89.292 72.66,76.7592 72.66,56.3136 C72.66,34.9104 84.2856,21.6888 103.236,21.6888 C116.5752,21.6888 127.2096,28.6608 131.6112,40.236 C133.2072,44.7384 134.1816,50.6352 134.1816,57.0192 C134.1816,57.8424 134.1816,58.4472 134.064,59.8584 L89.7624,59.8584 L89.7624,59.8584 Z M116.3064,48.8544 C115.4496,39.396 110.796,34.3224 102.9672,34.3224 C95.3736,34.3224 91.1064,39.06 89.9976,48.8544 L116.3064,48.8544 Z" }), h("path", { key: '9ea665eee4e105f1957210929a7943e40652178a', d: "M189.252,80.0688 C184.968,86.4528 179.34,89.292 171.024,89.292 C162.96,89.292 154.8792,85.3944 150.36,79.128 C145.9584,72.9792 143.2704,64.2432 143.2704,55.608 C143.2704,36.3384 155.2656,21.6888 171.0408,21.6888 C179.3568,21.6888 184.9848,24.6456 189.2688,31.0296 L189.2688,0.42 L206.388,0.42 L206.388,86.5872 L189.2688,86.5872 L189.2688,80.0688 L189.252,80.0688 Z M160.3896,55.608 C160.3896,67.3008 166.2528,75.4656 174.8208,75.4656 C183.372,75.4656 189.252,67.4352 189.252,55.8432 C189.252,43.5456 183.4896,35.5151741 174.8208,35.5151741 C166.2528,35.4984 160.3896,43.6632 160.3896,55.608 Z" }), h("rect", { key: '37fccbee3bf5c6d0a856599a15bc02280831fb9c', x: "222.6", y: "22.7472", width: "17.1192", height: "63.8232" }), h("path", { key: '402b6c8e499a06297a6d5e546ca6c244bbcecc12', d: "M297.9144,80.0688 C293.6304,86.4528 288.0024,89.292 279.6864,89.292 C271.6224,89.292 263.5416,85.3944 259.0224,79.128 C254.6208,72.9792 251.9328,64.2432 251.9328,55.608 C251.9328,36.3384 263.928,21.6888 279.7032,21.6888 C288.0192,21.6888 293.6472,24.6456 297.9312,31.0296 L297.9312,0.42 L315.0504,0.42 L315.0504,86.5872 L297.9312,86.5872 L297.9312,80.0688 L297.9144,80.0688 Z M269.052,55.608 C269.052,67.3008 274.9152,75.4656 283.4832,75.4656 C292.0344,75.4656 297.9144,67.4352 297.9144,55.8432 C297.9144,43.5456 292.152,35.5151741 283.4832,35.5151741 C274.9152,35.4984 269.052,43.6632 269.052,55.608 Z" }), h("path", { key: '8dce194ec90261d0691df26411f3b8d581d72862', d: "M392.6664,55.944 C392.6664,76.5072 380.2008,89.2752 360.0072,89.2752 C339.7128,89.2752 327.348,76.5072 327.348,55.4736 C327.348,34.5576 339.696,21.672 359.8728,21.672 C380.5536,21.672 392.6664,34.3224 392.6664,55.944 Z M344.4672,55.4736 C344.4672,67.7712 350.7,75.9192 360.0072,75.9192 C369.18,75.9192 375.5472,67.6536 375.5472,55.7088 C375.5472,43.176 369.432,35.028 360.0072,35.028 C350.7168,35.028 344.4672,43.1928 344.4672,55.4736 Z" }), h("path", { key: 'c77fff03b6430a97884b8baad86f9686a877e44f', d: "M442.9992,43.3104 C442.8816,37.5144 438.8328,34.6752 430.6512,34.6752 C424.6536,34.6752 420.7392,37.044 420.7392,40.5888 C420.7392,43.1928 421.9656,44.1336 426.7368,45.5448 L448.392,51.576 C457.0776,54.0624 461.3616,59.388 461.3616,67.6536 C461.3616,73.92 458.4216,79.8336 453.5328,83.6136 C448.644,87.3936 441.672,89.2752 432.4992,89.2752 C412.44,89.2752 401.8056,82.068 401.3184,68.0064 L418.068,68.0064 C418.8072,71.4336 419.5464,72.7272 421.3776,74.0376 C423.5784,75.5832 427.0056,76.2888 431.5248,76.2888 C439.488,76.2888 444.2424,73.92 444.2424,70.0224 C444.2424,67.4352 442.7808,66.1248 438.4968,64.8312 L418.068,58.6824 C411.7176,56.6832 409.6344,55.608 407.2992,53.3736 C404.9808,50.8872 403.6368,47.2248 403.6368,42.9744 C403.6368,29.8536 414.036,21.7056 430.7856,21.7056 C448.5264,21.7056 459.2784,29.8536 459.5304,43.344 L442.9992,43.344 L442.9992,43.3104 Z" }), h("ellipse", { key: 'c14f360d24cf949ce6c89c5350903bb54c219e63', cx: "231.168", cy: "8.6688", rx: "8.5512", ry: "8.2656" }))))));
+    }
+    get el() { return getElement(this); }
+};
+SuiLogo.style = suiLogoCss();
+
+export { SuiLogo as sui_logo };

package/dist/esm/sui-modal-footer.entry.js

@@ -0,0 +1,41 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CHeoPpKZ.js';
+
+const suiModalFooterCss = () => `@charset "UTF-8";.sc-sui-modal-footer-h{display:flex;align-items:center;gap:12px;padding:16px 20px;box-sizing:border-box;background:var(--sui-bg-white-0);border-top:1px solid var(--sui-stroke-soft-200)}.sui-modal-footer__aux.sc-sui-modal-footer{flex:1 1 0;min-width:0;display:flex;align-items:center}.sui-modal-footer__actions.sc-sui-modal-footer{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.sui-modal__footer.sc-sui-modal-footer-h,.sui-modal__footer .sc-sui-modal-footer-h{flex:1 1 auto;min-width:0;padding:0;border-top:0;background:transparent}[data-sui-stretch].sc-sui-modal-footer-h .sui-modal-footer__aux.sc-sui-modal-footer{display:none}[data-sui-stretch].sc-sui-modal-footer-h .sui-modal-footer__actions.sc-sui-modal-footer{flex:1 1 0;min-width:0;margin-left:0}[data-sui-stretch].sc-sui-modal-footer-h .sui-modal-footer__actions.sc-sui-modal-footer sui-button.sc-sui-modal-footer{flex:1 1 0;min-width:0}[data-sui-stretch][data-has-aux].sc-sui-modal-footer-h .sui-modal-footer__aux.sc-sui-modal-footer{display:grid;align-items:center}`;
+
+const SuiModalFooter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.primaryClick = createEvent(this, "primaryClick");
+        this.secondaryClick = createEvent(this, "secondaryClick");
+        /** Botón primario (derecha) — string shorthand o `{ label, disabled?, color? }`. `null` = sin botón. */
+        this.primaryButton = null;
+        /** Botón secundario (izquierda del primario, stroke neutral) — string o config. */
+        this.secondaryButton = null;
+        /** Type Stretch de Figma: los botones ocupan todo el ancho (50/50). */
+        this.stretch = false;
+        /** Size explícito de los botones. Sin valor, el DS usa `large` (48 px) en todos los modales. */
+        this.buttonSize = null;
+        /** Hay contenido proyectado en el slot izquierdo (el `:empty` del Angular no sirve con slots scoped). */
+        this.hasAux = false;
+    }
+    componentWillLoad() {
+        this.hasAux = Array.from(this.el.childNodes).some((n) => { var _a; return n.nodeType === 1 || (n.nodeType === 3 && !!((_a = n.textContent) === null || _a === void 0 ? void 0 : _a.trim())); });
+    }
+    cfg(v) {
+        if (!v)
+            return null;
+        const c = typeof v === 'string' ? { label: v } : v;
+        return c.label ? c : null;
+    }
+    render() {
+        var _a, _b, _c, _d;
+        const pri = this.cfg(this.primaryButton);
+        const sec = this.cfg(this.secondaryButton);
+        const size = (_a = this.buttonSize) !== null && _a !== void 0 ? _a : 'large';
+        return (h(Host, { key: '838b5b4008a9e1559d658cefe4b88a7c432cb7be', "data-sui-stretch": this.stretch ? '' : null, "data-has-aux": this.hasAux ? '' : null }, h("div", { key: 'b535a008ec654e09e920b0e8146f1ccba846c587', class: "sui-modal-footer__aux" }, h("slot", { key: 'afe4ec613faf4d6a2839a6ec3586f13961243893' })), h("div", { key: '0a8ef7576012958a369aef4ffed154497f68a99d', class: "sui-modal-footer__actions" }, sec && (h("sui-button", { key: 'd9cfdef0ef615988e7357321691b94c29c55cc73', variant: "stroke", color: "neutral", size: size, type: "button", disabled: (_b = sec.disabled) !== null && _b !== void 0 ? _b : false, onClick: () => !sec.disabled && this.secondaryClick.emit() }, sec.label)), pri && (h("sui-button", { key: '8044143b06234e36afa70def2e34bf9cfce958bb', variant: "filled", size: size, type: "button", color: (_c = pri.color) !== null && _c !== void 0 ? _c : 'primary', disabled: (_d = pri.disabled) !== null && _d !== void 0 ? _d : false, onClick: () => !pri.disabled && this.primaryClick.emit() }, pri.label)))));
+    }
+    get el() { return getElement(this); }
+};
+SuiModalFooter.style = suiModalFooterCss();
+
+export { SuiModalFooter as sui_modal_footer };

package/dist/esm/sui-modal-header.entry.js

@@ -0,0 +1,48 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CHeoPpKZ.js';
+
+const suiModalHeaderCss = () => `@charset "UTF-8";.sc-sui-modal-header-h{display:flex;align-items:center;flex-shrink:0;gap:16px;padding:16px 56px 16px 20px;min-height:80px;background:var(--sui-bg-white-0);border-bottom:1px solid var(--sui-stroke-soft-200);position:relative;overflow:hidden;box-sizing:border-box}[data-sui-size=small].sc-sui-modal-header-h{min-height:56px;gap:12px}[data-has-icon].sc-sui-modal-header-h{gap:14px}.sui-modal-header__icon.sc-sui-modal-header{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;padding:10px;border-radius:var(--sui-radius-full)}.sui-modal-header__icon[data-variant=error].sc-sui-modal-header{background:var(--sui-state-error-lighter);color:var(--sui-state-error-base)}.sui-modal-header__icon[data-variant=warning].sc-sui-modal-header{background:var(--sui-state-warning-lighter);color:var(--sui-state-warning-base)}.sui-modal-header__icon[data-variant=success].sc-sui-modal-header{background:var(--sui-state-success-lighter);color:var(--sui-state-success-base)}.sui-modal-header__icon[data-variant=info].sc-sui-modal-header{background:var(--sui-state-information-lighter);color:var(--sui-state-information-base)}.sui-modal-header__icon[data-variant=neutral].sc-sui-modal-header{background:var(--sui-bg-weak-50);color:var(--sui-icon-sub-600)}[data-sui-size=small].sc-sui-modal-header-h .sui-modal-header__icon.sc-sui-modal-header{padding:0;background:transparent;align-self:center}.sui-modal-header__titles.sc-sui-modal-header{display:block;flex:1 1 auto;min-width:0}.sui-modal-header__title.sc-sui-modal-header{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);color:var(--sui-text-strong-950);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;word-break:break-word}.sui-modal-header__description.sc-sui-modal-header{margin:4px 0 0 0;font-family:var(--sui-font-sans);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:0;color:var(--sui-text-sub-600);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-modal-header__description.sc-sui-modal-header:first-child{margin-top:0}.sui-modal-header__close.sc-sui-modal-header{position:absolute;top:16px;right:16px;flex-shrink:0}@media (max-width: 767px){.sui-modal-header__close.sc-sui-modal-header::before{content:"";position:absolute;inset:calc((100% - 44px) / 2)}}`;
+
+const VARIANT_ICON = {
+    info: 'information-fill',
+    success: 'checkbox-circle-fill',
+    warning: 'alert-fill',
+    error: 'error-warning-fill',
+};
+const SuiModalHeader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.closed = createEvent(this, "closed");
+        /** Título del header (Label/Small). Renombrado desde el `title` del Angular. */
+        this.heading = '';
+        /** Descripción bajo el título (Paragraph/X-Small). */
+        this.description = null;
+        /** `medium` (80): título + descripción · `small` (56): título; icono flat 24. */
+        this.size = 'medium';
+        /** Icono semántico de status (círculo state lighter/base en medium). */
+        this.iconVariant = null;
+        /** Icono custom RemixIcon (type "Left Icon" de Figma). Prioridad sobre `iconVariant`. */
+        this.icon = null;
+        /** Muestra el botón de cerrar. Default `true`. */
+        this.showClose = true;
+        /** id del h2 del título — para aria-labelledby del dialog contenedor. */
+        this.titleId = null;
+        /** id del p de la descripción — para aria-describedby del dialog contenedor. */
+        this.descriptionId = null;
+        /** aria-label del botón de cerrar. */
+        this.closeAriaLabel = 'Cerrar';
+    }
+    /** Strip del `title` nativo: el vdom no borra un atributo que él no puso, así que se quita a mano. */
+    componentDidRender() {
+        this.el.removeAttribute('title');
+    }
+    render() {
+        var _a, _b;
+        const iconName = this.icon || (this.iconVariant ? VARIANT_ICON[this.iconVariant] : null);
+        const variant = this.icon ? 'neutral' : this.iconVariant;
+        return (h(Host, { key: '421bb3a6ba4af0c5c47cf61ee7ff1fe870644f7f', "data-sui-size": this.size, "data-has-icon": iconName ? '' : null }, iconName && (h("span", { key: 'e2072ab3bcee96ac76313cbe3509a6667d1baf23', class: "sui-modal-header__icon", "data-variant": variant, "aria-hidden": "true" }, h("sui-icon", { key: 'fe0c0322e9accdcb555c0630ae091a958d38f6d7', name: iconName, size: this.size === 'small' ? 24 : 20 }))), h("div", { key: '427e5fe21d4794e3001c09d86b87b46b7125f458', class: "sui-modal-header__titles" }, this.heading && (h("h2", { key: '122f895f0ac267bdde1d96ca1fa49aaf80d436cc', class: "sui-modal-header__title", id: (_a = this.titleId) !== null && _a !== void 0 ? _a : undefined }, this.heading)), this.description && (h("p", { key: 'b13531f27e071c6b9c8d1bcfd7fde3f93e64a7f0', class: "sui-modal-header__description", id: (_b = this.descriptionId) !== null && _b !== void 0 ? _b : undefined }, this.description))), this.showClose && (h("sui-compact-button", { key: 'cb8df4f714901b6abbb9b1fc6a91dd8c08b2d4bd', class: "sui-modal-header__close", icon: "close-line", variantStyle: "ghost", size: "large", ariaLabel: this.closeAriaLabel, onClicked: () => this.closed.emit() }))));
+    }
+    get el() { return getElement(this); }
+};
+SuiModalHeader.style = suiModalHeaderCss();
+
+export { SuiModalHeader as sui_modal_header };