@ajuarezso/sui-design-system 0.26.0 → 0.26.1

package/docs/sui-modal-footer/README.md

@@ -161,6 +161,16 @@ Slot: `<ng-content>` sin selector → el bloque **izquierdo**.
 - **Dentro de `sui-modal` lleva `slot="footer"`.** Sin él se proyecta dentro del body: doble
   padding y scrollea con el contenido. En `sui-modal-sheet` no hay slot de footer: va al final
   del contenido, sin `slot` (`pages/customer/checkout/checkout.html:490`).
+- **Dentro de `sui-modal-sheet` hay que sacarle el padding y el borde.** El footer trae
+  `padding: 16px 20px` y `border-top`, pensados para el pie de un modal. En la hoja va dentro del
+  body, que ya tiene el margen de 20: se suman (el botón queda a 40 del borde) y aparece un
+  divisor que el modal fullscreen en el celular no muestra. Visto por el dueño en el aviso de app
+  cerrada el 01-11-2026. Arreglo, con una clase en el footer desde la pantalla que lo usa (le gana
+  al `:host` sin `::ng-deep`):
+  ```scss
+  .mi-hoja__botones { padding: 0; border-top: 0; background: transparent; margin-top: 24px; }
+  ```
+  Ejemplo: `components/aviso-cierre/aviso-cierre.scss` en master-pedidos.
 - **Lo que proyectas va a la izquierda.** Dos `sui-button` adentro quedan a la izquierda de los
   botones del componente, con su propio tamaño y sin el orden canon.
 - **No hay `loading`.** Para «guardando», cambia el label y deshabilita:

package/docs/sui-modal-sheet/README.md

@@ -73,8 +73,11 @@ lectura en `0.92`–`0.96`, 2 en `[0, 1]` y 1 en `[0, 0.6, 0.95]`. Suman los 13.
   para que no se pueda cerrar. Sin `0` en `breakpoints` y con `[closeOnBackdrop]="false"` ya no se
   cierra con el dedo ni con el fondo; el caso que tapa es Escape (`closeOnEscape` sigue en `true`).
   Con `[closeOnEscape]="false"` el reabrir sobra.
-- 2 footers de modal metidos en hojas: van sin `slot` (no hay slot de footer). Está bien, pero el
-  botón scrollea con el contenido: `pages/customer/checkout/checkout.html:490`,
+- 3 footers de modal metidos en hojas: van sin `slot` (no hay slot de footer). Está bien, pero el
+  botón scrollea con el contenido, y el footer trae su `padding: 16px 20px` y su `border-top`, que
+  dentro del body de la hoja dan doble margen a los lados y un divisor. El aviso de app cerrada
+  ya los saca (`components/aviso-cierre/aviso-cierre.scss`, 01-11-2026, ver la trampa en
+  `sui-modal-footer`); falta revisar `pages/customer/checkout/checkout.html:490` y
   `pages/super-admin/master-sonidos-push/master-sonidos-push.html:146`.
 
 ## Tamaño en mobile y en web

package/fesm2022/ajuarezso-sui-design-system.mjs

@@ -2398,7 +2398,7 @@ class SuiButtonGroupItem {
         this.clicked.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiButtonGroupItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SuiButtonGroupItem, isStandalone: true, selector: "sui-button-group-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", isSignal: true, isRequired: false, transformFunction: null }, rightIcon: { classPropertyName: "rightIcon", publicName: "rightIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "attr.data-sui-size": "size()", "attr.data-sui-state": "state()", "attr.data-sui-only-icon": "onlyIcon() ? \"\" : null", "attr.data-sui-icons": "iconLayout()" } }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"sui-button-group-item__inner\"\n  [disabled]=\"disabled() || null\"\n  [attr.aria-label]=\"ariaLabel() || null\"\n  [attr.aria-pressed]=\"active() ? 'true' : 'false'\"\n  (click)=\"onClick()\"\n  suiToque\n>\n  @if (leftIcon()) {\n    <sui-icon class=\"sui-button-group-item__icon\" [name]=\"leftIcon()\" [size]=\"iconSize()\" />\n  }\n  @if (label()) {\n    <span class=\"sui-button-group-item__label\">{{ label() }}</span>\n  }\n  @if (rightIcon()) {\n    <sui-icon class=\"sui-button-group-item__icon\" [name]=\"rightIcon()\" [size]=\"iconSize()\" />\n  }\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;font-family:var(--sui-font-sans);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0}.sui-button-group-item__inner{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;appearance:none;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-sizing:border-box;color:var(--sui-text-sub-600);text-align:center;cursor:pointer;overflow:clip;white-space:nowrap;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);transition:background-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out),border-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out),color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-button-group-item__inner:active{transform:none}:host([data-sui-first][data-sui-size=small]) .sui-button-group-item__inner,:host([data-sui-first][data-sui-size=xsmall]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-8);border-bottom-left-radius:var(--sui-radius-8)}:host([data-sui-last][data-sui-size=small]) .sui-button-group-item__inner,:host([data-sui-last][data-sui-size=xsmall]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-8);border-bottom-right-radius:var(--sui-radius-8)}:host([data-sui-first][data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-6);border-bottom-left-radius:var(--sui-radius-6)}:host([data-sui-last][data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-6);border-bottom-right-radius:var(--sui-radius-6)}:host([data-sui-size=small]) .sui-button-group-item__inner{gap:8px;padding:7px 16px;min-height:36px}:host([data-sui-size=small][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=small][data-sui-icons=right]) .sui-button-group-item__inner{padding:7px 14px}:host([data-sui-size=small][data-sui-icons=both]) .sui-button-group-item__inner{padding:7px 8px}:host([data-sui-size=small][data-sui-icons=only]) .sui-button-group-item__inner{padding:8px;width:36px;height:36px}:host([data-sui-size=xsmall]) .sui-button-group-item__inner{gap:6px;padding:5px 14px;min-height:32px}:host([data-sui-size=xsmall][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=xsmall][data-sui-icons=right]) .sui-button-group-item__inner{padding:5px 12px}:host([data-sui-size=xsmall][data-sui-icons=both]) .sui-button-group-item__inner{padding:5px 6px}:host([data-sui-size=xsmall][data-sui-icons=only]) .sui-button-group-item__inner{padding:6px;width:32px;height:32px}:host([data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{gap:4px;padding:3px 12px;min-height:24px;font-size:var(--sui-type-label-xs-size);font-weight:var(--sui-type-label-xs-weight);line-height:var(--sui-type-label-xs-line);letter-spacing:var(--sui-type-label-xs-spacing)}:host([data-sui-size=\"2xsmall\"][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=\"2xsmall\"][data-sui-icons=right]) .sui-button-group-item__inner{padding:3px 10px}:host([data-sui-size=\"2xsmall\"][data-sui-icons=both]) .sui-button-group-item__inner{padding:3px 4px}:host([data-sui-size=\"2xsmall\"][data-sui-icons=only]) .sui-button-group-item__inner{padding:4px;width:24px;height:24px}:host([data-sui-size=medium]) .sui-button-group-item__inner{gap:8px;padding:9px 18px;min-height:40px}:host([data-sui-size=medium][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=medium][data-sui-icons=right]) .sui-button-group-item__inner{padding:9px 16px}:host([data-sui-size=medium][data-sui-icons=both]) .sui-button-group-item__inner{padding:9px}:host([data-sui-size=medium][data-sui-icons=only]) .sui-button-group-item__inner{padding:9px;width:40px;height:40px}:host([data-sui-size=large]) .sui-button-group-item__inner{gap:8px;padding:11px 20px;min-height:48px;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)}:host([data-sui-size=large][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=large][data-sui-icons=right]) .sui-button-group-item__inner{padding:11px 18px}:host([data-sui-size=large][data-sui-icons=both]) .sui-button-group-item__inner{padding:11px}:host([data-sui-size=large][data-sui-icons=only]) .sui-button-group-item__inner{padding:11px;width:48px;height:48px}:host([data-sui-first][data-sui-size=medium]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-10);border-bottom-left-radius:var(--sui-radius-10)}:host([data-sui-last][data-sui-size=medium]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-10);border-bottom-right-radius:var(--sui-radius-10)}:host([data-sui-first][data-sui-size=large]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-12);border-bottom-left-radius:var(--sui-radius-12)}:host([data-sui-last][data-sui-size=large]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-12);border-bottom-right-radius:var(--sui-radius-12)}:host([data-sui-state=default]) .sui-button-group-item__inner:hover{background:var(--sui-bg-weak-50)}:host([data-sui-state=active]) .sui-button-group-item__inner{background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950)}:host([data-sui-state=disabled]) .sui-button-group-item__inner{background:var(--sui-bg-weak-50);border-color:transparent;color:var(--sui-text-disabled-300);pointer-events:none}.sui-button-group-item__inner:focus-visible{outline:2px solid var(--sui-stroke-strong-950, var(--sui-text-strong-950));outline-offset:-2px;z-index:1;position:relative}.sui-button-group-item__icon{flex-shrink:0}.sui-button-group-item__label{display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: SuiToque, selector: "[suiToque]" }, { kind: "component", type: SuiIcon, selector: "sui-icon", inputs: ["name", "size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SuiButtonGroupItem, isStandalone: true, selector: "sui-button-group-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", isSignal: true, isRequired: false, transformFunction: null }, rightIcon: { classPropertyName: "rightIcon", publicName: "rightIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "attr.data-sui-size": "size()", "attr.data-sui-state": "state()", "attr.data-sui-only-icon": "onlyIcon() ? \"\" : null", "attr.data-sui-icons": "iconLayout()" } }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"sui-button-group-item__inner\"\n  [disabled]=\"disabled() || null\"\n  [attr.aria-label]=\"ariaLabel() || null\"\n  [attr.aria-pressed]=\"active() ? 'true' : 'false'\"\n  (click)=\"onClick()\"\n  suiToque\n>\n  @if (leftIcon()) {\n    <sui-icon class=\"sui-button-group-item__icon\" [name]=\"leftIcon()\" [size]=\"iconSize()\" />\n  }\n  @if (label()) {\n    <span class=\"sui-button-group-item__label\">{{ label() }}</span>\n  }\n  @if (rightIcon()) {\n    <sui-icon class=\"sui-button-group-item__icon\" [name]=\"rightIcon()\" [size]=\"iconSize()\" />\n  }\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;font-family:var(--sui-font-sans);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0}.sui-button-group-item__inner{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;appearance:none;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-sizing:border-box;color:var(--sui-text-sub-600);text-align:center;cursor:pointer;overflow:clip;white-space:nowrap;font-family:inherit;font-feature-settings:inherit;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);transition:background-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out),border-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out),color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-button-group-item__inner:active{transform:none}:host([data-sui-first][data-sui-size=small]) .sui-button-group-item__inner,:host([data-sui-first][data-sui-size=xsmall]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-8);border-bottom-left-radius:var(--sui-radius-8)}:host([data-sui-last][data-sui-size=small]) .sui-button-group-item__inner,:host([data-sui-last][data-sui-size=xsmall]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-8);border-bottom-right-radius:var(--sui-radius-8)}:host([data-sui-first][data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-6);border-bottom-left-radius:var(--sui-radius-6)}:host([data-sui-last][data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-6);border-bottom-right-radius:var(--sui-radius-6)}:host([data-sui-size=small]) .sui-button-group-item__inner{gap:8px;padding:7px 16px;min-height:36px}:host([data-sui-size=small][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=small][data-sui-icons=right]) .sui-button-group-item__inner{padding:7px 14px}:host([data-sui-size=small][data-sui-icons=both]) .sui-button-group-item__inner{padding:7px 8px}:host([data-sui-size=small][data-sui-icons=only]) .sui-button-group-item__inner{padding:8px;width:36px;height:36px}:host([data-sui-size=xsmall]) .sui-button-group-item__inner{gap:6px;padding:5px 14px;min-height:32px}:host([data-sui-size=xsmall][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=xsmall][data-sui-icons=right]) .sui-button-group-item__inner{padding:5px 12px}:host([data-sui-size=xsmall][data-sui-icons=both]) .sui-button-group-item__inner{padding:5px 6px}:host([data-sui-size=xsmall][data-sui-icons=only]) .sui-button-group-item__inner{padding:6px;width:32px;height:32px}:host([data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{gap:4px;padding:3px 12px;min-height:24px;font-size:var(--sui-type-label-xs-size);font-weight:var(--sui-type-label-xs-weight);line-height:var(--sui-type-label-xs-line);letter-spacing:var(--sui-type-label-xs-spacing)}:host([data-sui-size=\"2xsmall\"][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=\"2xsmall\"][data-sui-icons=right]) .sui-button-group-item__inner{padding:3px 10px}:host([data-sui-size=\"2xsmall\"][data-sui-icons=both]) .sui-button-group-item__inner{padding:3px 4px}:host([data-sui-size=\"2xsmall\"][data-sui-icons=only]) .sui-button-group-item__inner{padding:4px;width:24px;height:24px}:host([data-sui-size=medium]) .sui-button-group-item__inner{gap:8px;padding:9px 18px;min-height:40px}:host([data-sui-size=medium][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=medium][data-sui-icons=right]) .sui-button-group-item__inner{padding:9px 16px}:host([data-sui-size=medium][data-sui-icons=both]) .sui-button-group-item__inner{padding:9px}:host([data-sui-size=medium][data-sui-icons=only]) .sui-button-group-item__inner{padding:9px;width:40px;height:40px}:host([data-sui-size=large]) .sui-button-group-item__inner{gap:8px;padding:11px 20px;min-height:48px;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)}:host([data-sui-size=large][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=large][data-sui-icons=right]) .sui-button-group-item__inner{padding:11px 18px}:host([data-sui-size=large][data-sui-icons=both]) .sui-button-group-item__inner{padding:11px}:host([data-sui-size=large][data-sui-icons=only]) .sui-button-group-item__inner{padding:11px;width:48px;height:48px}:host([data-sui-first][data-sui-size=medium]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-10);border-bottom-left-radius:var(--sui-radius-10)}:host([data-sui-last][data-sui-size=medium]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-10);border-bottom-right-radius:var(--sui-radius-10)}:host([data-sui-first][data-sui-size=large]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-12);border-bottom-left-radius:var(--sui-radius-12)}:host([data-sui-last][data-sui-size=large]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-12);border-bottom-right-radius:var(--sui-radius-12)}:host([data-sui-state=default]) .sui-button-group-item__inner:hover{background:var(--sui-bg-weak-50)}:host([data-sui-state=active]) .sui-button-group-item__inner{background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950)}:host([data-sui-state=disabled]) .sui-button-group-item__inner{background:var(--sui-bg-weak-50);border-color:transparent;color:var(--sui-text-disabled-300);pointer-events:none}.sui-button-group-item__inner:focus-visible{outline:2px solid var(--sui-stroke-strong-950, var(--sui-text-strong-950));outline-offset:-2px;z-index:1;position:relative}.sui-button-group-item__icon{flex-shrink:0}.sui-button-group-item__label{display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: SuiToque, selector: "[suiToque]" }, { kind: "component", type: SuiIcon, selector: "sui-icon", inputs: ["name", "size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiButtonGroupItem, decorators: [{
             type: Component,
@@ -2410,7 +2410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                            Gobierna el padding-x adaptativo por size (Figma reduce px cuando hay
                            icono de un lado, colapsa a padding cuadrado cuando hay dos / only). */
                         '[attr.data-sui-icons]': 'iconLayout()',
-                    }, template: "<button\n  type=\"button\"\n  class=\"sui-button-group-item__inner\"\n  [disabled]=\"disabled() || null\"\n  [attr.aria-label]=\"ariaLabel() || null\"\n  [attr.aria-pressed]=\"active() ? 'true' : 'false'\"\n  (click)=\"onClick()\"\n  suiToque\n>\n  @if (leftIcon()) {\n    <sui-icon class=\"sui-button-group-item__icon\" [name]=\"leftIcon()\" [size]=\"iconSize()\" />\n  }\n  @if (label()) {\n    <span class=\"sui-button-group-item__label\">{{ label() }}</span>\n  }\n  @if (rightIcon()) {\n    <sui-icon class=\"sui-button-group-item__icon\" [name]=\"rightIcon()\" [size]=\"iconSize()\" />\n  }\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;font-family:var(--sui-font-sans);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0}.sui-button-group-item__inner{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;appearance:none;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-sizing:border-box;color:var(--sui-text-sub-600);text-align:center;cursor:pointer;overflow:clip;white-space:nowrap;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);transition:background-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out),border-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out),color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-button-group-item__inner:active{transform:none}:host([data-sui-first][data-sui-size=small]) .sui-button-group-item__inner,:host([data-sui-first][data-sui-size=xsmall]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-8);border-bottom-left-radius:var(--sui-radius-8)}:host([data-sui-last][data-sui-size=small]) .sui-button-group-item__inner,:host([data-sui-last][data-sui-size=xsmall]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-8);border-bottom-right-radius:var(--sui-radius-8)}:host([data-sui-first][data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-6);border-bottom-left-radius:var(--sui-radius-6)}:host([data-sui-last][data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-6);border-bottom-right-radius:var(--sui-radius-6)}:host([data-sui-size=small]) .sui-button-group-item__inner{gap:8px;padding:7px 16px;min-height:36px}:host([data-sui-size=small][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=small][data-sui-icons=right]) .sui-button-group-item__inner{padding:7px 14px}:host([data-sui-size=small][data-sui-icons=both]) .sui-button-group-item__inner{padding:7px 8px}:host([data-sui-size=small][data-sui-icons=only]) .sui-button-group-item__inner{padding:8px;width:36px;height:36px}:host([data-sui-size=xsmall]) .sui-button-group-item__inner{gap:6px;padding:5px 14px;min-height:32px}:host([data-sui-size=xsmall][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=xsmall][data-sui-icons=right]) .sui-button-group-item__inner{padding:5px 12px}:host([data-sui-size=xsmall][data-sui-icons=both]) .sui-button-group-item__inner{padding:5px 6px}:host([data-sui-size=xsmall][data-sui-icons=only]) .sui-button-group-item__inner{padding:6px;width:32px;height:32px}:host([data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{gap:4px;padding:3px 12px;min-height:24px;font-size:var(--sui-type-label-xs-size);font-weight:var(--sui-type-label-xs-weight);line-height:var(--sui-type-label-xs-line);letter-spacing:var(--sui-type-label-xs-spacing)}:host([data-sui-size=\"2xsmall\"][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=\"2xsmall\"][data-sui-icons=right]) .sui-button-group-item__inner{padding:3px 10px}:host([data-sui-size=\"2xsmall\"][data-sui-icons=both]) .sui-button-group-item__inner{padding:3px 4px}:host([data-sui-size=\"2xsmall\"][data-sui-icons=only]) .sui-button-group-item__inner{padding:4px;width:24px;height:24px}:host([data-sui-size=medium]) .sui-button-group-item__inner{gap:8px;padding:9px 18px;min-height:40px}:host([data-sui-size=medium][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=medium][data-sui-icons=right]) .sui-button-group-item__inner{padding:9px 16px}:host([data-sui-size=medium][data-sui-icons=both]) .sui-button-group-item__inner{padding:9px}:host([data-sui-size=medium][data-sui-icons=only]) .sui-button-group-item__inner{padding:9px;width:40px;height:40px}:host([data-sui-size=large]) .sui-button-group-item__inner{gap:8px;padding:11px 20px;min-height:48px;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)}:host([data-sui-size=large][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=large][data-sui-icons=right]) .sui-button-group-item__inner{padding:11px 18px}:host([data-sui-size=large][data-sui-icons=both]) .sui-button-group-item__inner{padding:11px}:host([data-sui-size=large][data-sui-icons=only]) .sui-button-group-item__inner{padding:11px;width:48px;height:48px}:host([data-sui-first][data-sui-size=medium]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-10);border-bottom-left-radius:var(--sui-radius-10)}:host([data-sui-last][data-sui-size=medium]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-10);border-bottom-right-radius:var(--sui-radius-10)}:host([data-sui-first][data-sui-size=large]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-12);border-bottom-left-radius:var(--sui-radius-12)}:host([data-sui-last][data-sui-size=large]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-12);border-bottom-right-radius:var(--sui-radius-12)}:host([data-sui-state=default]) .sui-button-group-item__inner:hover{background:var(--sui-bg-weak-50)}:host([data-sui-state=active]) .sui-button-group-item__inner{background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950)}:host([data-sui-state=disabled]) .sui-button-group-item__inner{background:var(--sui-bg-weak-50);border-color:transparent;color:var(--sui-text-disabled-300);pointer-events:none}.sui-button-group-item__inner:focus-visible{outline:2px solid var(--sui-stroke-strong-950, var(--sui-text-strong-950));outline-offset:-2px;z-index:1;position:relative}.sui-button-group-item__icon{flex-shrink:0}.sui-button-group-item__label{display:inline-flex;align-items:center}\n"] }]
+                    }, template: "<button\n  type=\"button\"\n  class=\"sui-button-group-item__inner\"\n  [disabled]=\"disabled() || null\"\n  [attr.aria-label]=\"ariaLabel() || null\"\n  [attr.aria-pressed]=\"active() ? 'true' : 'false'\"\n  (click)=\"onClick()\"\n  suiToque\n>\n  @if (leftIcon()) {\n    <sui-icon class=\"sui-button-group-item__icon\" [name]=\"leftIcon()\" [size]=\"iconSize()\" />\n  }\n  @if (label()) {\n    <span class=\"sui-button-group-item__label\">{{ label() }}</span>\n  }\n  @if (rightIcon()) {\n    <sui-icon class=\"sui-button-group-item__icon\" [name]=\"rightIcon()\" [size]=\"iconSize()\" />\n  }\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;font-family:var(--sui-font-sans);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0}.sui-button-group-item__inner{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;appearance:none;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-sizing:border-box;color:var(--sui-text-sub-600);text-align:center;cursor:pointer;overflow:clip;white-space:nowrap;font-family:inherit;font-feature-settings:inherit;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);transition:background-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out),border-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out),color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-button-group-item__inner:active{transform:none}:host([data-sui-first][data-sui-size=small]) .sui-button-group-item__inner,:host([data-sui-first][data-sui-size=xsmall]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-8);border-bottom-left-radius:var(--sui-radius-8)}:host([data-sui-last][data-sui-size=small]) .sui-button-group-item__inner,:host([data-sui-last][data-sui-size=xsmall]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-8);border-bottom-right-radius:var(--sui-radius-8)}:host([data-sui-first][data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-6);border-bottom-left-radius:var(--sui-radius-6)}:host([data-sui-last][data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-6);border-bottom-right-radius:var(--sui-radius-6)}:host([data-sui-size=small]) .sui-button-group-item__inner{gap:8px;padding:7px 16px;min-height:36px}:host([data-sui-size=small][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=small][data-sui-icons=right]) .sui-button-group-item__inner{padding:7px 14px}:host([data-sui-size=small][data-sui-icons=both]) .sui-button-group-item__inner{padding:7px 8px}:host([data-sui-size=small][data-sui-icons=only]) .sui-button-group-item__inner{padding:8px;width:36px;height:36px}:host([data-sui-size=xsmall]) .sui-button-group-item__inner{gap:6px;padding:5px 14px;min-height:32px}:host([data-sui-size=xsmall][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=xsmall][data-sui-icons=right]) .sui-button-group-item__inner{padding:5px 12px}:host([data-sui-size=xsmall][data-sui-icons=both]) .sui-button-group-item__inner{padding:5px 6px}:host([data-sui-size=xsmall][data-sui-icons=only]) .sui-button-group-item__inner{padding:6px;width:32px;height:32px}:host([data-sui-size=\"2xsmall\"]) .sui-button-group-item__inner{gap:4px;padding:3px 12px;min-height:24px;font-size:var(--sui-type-label-xs-size);font-weight:var(--sui-type-label-xs-weight);line-height:var(--sui-type-label-xs-line);letter-spacing:var(--sui-type-label-xs-spacing)}:host([data-sui-size=\"2xsmall\"][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=\"2xsmall\"][data-sui-icons=right]) .sui-button-group-item__inner{padding:3px 10px}:host([data-sui-size=\"2xsmall\"][data-sui-icons=both]) .sui-button-group-item__inner{padding:3px 4px}:host([data-sui-size=\"2xsmall\"][data-sui-icons=only]) .sui-button-group-item__inner{padding:4px;width:24px;height:24px}:host([data-sui-size=medium]) .sui-button-group-item__inner{gap:8px;padding:9px 18px;min-height:40px}:host([data-sui-size=medium][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=medium][data-sui-icons=right]) .sui-button-group-item__inner{padding:9px 16px}:host([data-sui-size=medium][data-sui-icons=both]) .sui-button-group-item__inner{padding:9px}:host([data-sui-size=medium][data-sui-icons=only]) .sui-button-group-item__inner{padding:9px;width:40px;height:40px}:host([data-sui-size=large]) .sui-button-group-item__inner{gap:8px;padding:11px 20px;min-height:48px;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)}:host([data-sui-size=large][data-sui-icons=left]) .sui-button-group-item__inner,:host([data-sui-size=large][data-sui-icons=right]) .sui-button-group-item__inner{padding:11px 18px}:host([data-sui-size=large][data-sui-icons=both]) .sui-button-group-item__inner{padding:11px}:host([data-sui-size=large][data-sui-icons=only]) .sui-button-group-item__inner{padding:11px;width:48px;height:48px}:host([data-sui-first][data-sui-size=medium]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-10);border-bottom-left-radius:var(--sui-radius-10)}:host([data-sui-last][data-sui-size=medium]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-10);border-bottom-right-radius:var(--sui-radius-10)}:host([data-sui-first][data-sui-size=large]) .sui-button-group-item__inner{border-top-left-radius:var(--sui-radius-12);border-bottom-left-radius:var(--sui-radius-12)}:host([data-sui-last][data-sui-size=large]) .sui-button-group-item__inner{border-top-right-radius:var(--sui-radius-12);border-bottom-right-radius:var(--sui-radius-12)}:host([data-sui-state=default]) .sui-button-group-item__inner:hover{background:var(--sui-bg-weak-50)}:host([data-sui-state=active]) .sui-button-group-item__inner{background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950)}:host([data-sui-state=disabled]) .sui-button-group-item__inner{background:var(--sui-bg-weak-50);border-color:transparent;color:var(--sui-text-disabled-300);pointer-events:none}.sui-button-group-item__inner:focus-visible{outline:2px solid var(--sui-stroke-strong-950, var(--sui-text-strong-950));outline-offset:-2px;z-index:1;position:relative}.sui-button-group-item__icon{flex-shrink:0}.sui-button-group-item__label{display:inline-flex;align-items:center}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], leftIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "leftIcon", required: false }] }], rightIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "rightIcon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
 
 /**
@@ -5741,7 +5741,7 @@ class SuiCompactSelectForInput {
                 useExisting: forwardRef(() => SuiCompactSelectForInput),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "_menu", first: true, predicate: SuiDropdownMenu, descendants: true, isSignal: true }], hostDirectives: [{ directive: SuiToque }], ngImport: i0, template: "@if (country() && displayFlag()) {\n  <sui-flag\n    class=\"sui-compact-select-for-input__flag\"\n    [name]=\"displayFlag()!\"\n    [size]=\"flagSizePx() === 16 ? 'xs' : 'sm'\"\n  />\n}\n\n<div class=\"sui-compact-select-for-input__inner\">\n  <span class=\"sui-compact-select-for-input__value\">{{ displayValue() }}</span>\n  <sui-icon class=\"sui-compact-select-for-input__arrow\" [name]=\"arrowIcon()\" [size]=\"20\" />\n</div>\n\n@if (items().length > 0) {\n  <sui-dropdown-menu\n    [origin]=\"hostEl\"\n    [disabled]=\"mergedDisabled()\"\n    [matchWidth]=\"true\"\n    [minWidth]=\"200\"\n    panelClass=\"sui-compact-select__overlay-pane\"\n    (openedChange)=\"onMenuOpenedChange($event)\"\n  >\n    <ng-template suiDropdownPanel>\n      <div class=\"sui-compact-select-for-input__menu\" [class.sui-compact-select-for-input__menu--large]=\"size() === 'large'\">\n        @for (item of items(); track item.value) {\n          <sui-dropdown-item\n            mode=\"option\"\n            [label]=\"item.label\"\n            [sublabel]=\"item.sublabel ?? ''\"\n            [selected]=\"item.value === selected()?.value\"\n            [disabled]=\"item.disabled ?? false\"\n            (click)=\"selectItem(item)\"\n          >\n            @if (item.flag) {\n              <sui-flag slot=\"leading\" [name]=\"item.flag\" size=\"sm\" />\n            }\n          </sui-dropdown-item>\n        }\n      </div>\n    </ng-template>\n  </sui-dropdown-menu>\n}\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;background:var(--sui-bg-white-0, #fff);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;transition:background-color .1s ease;font-family:var(--sui-font-sans, sans-serif);font-size:var(--sui-type-paragraph-sm-size, 14px);font-weight:var(--sui-type-paragraph-sm-weight, 400);line-height:var(--sui-type-paragraph-sm-line, 20px);letter-spacing:var(--sui-type-paragraph-sm-spacing, -.006em);color:var(--sui-text-strong-950, #171717);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0}:host([data-sui-size=medium]){padding:9px 8px 9px 10px;gap:8px}:host([data-sui-size=small]){padding:7px 8px;gap:8px}:host([data-sui-size=xsmall]){padding:5px 6px 5px 8px;gap:6px}:host([data-sui-size=large]){padding:11px 10px 11px 12px;gap:8px;font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -.011em)}.sui-compact-select-for-input__menu--large sui-dropdown-item{min-height:44px;padding:10px 8px}.sui-compact-select-for-input__menu--large sui-dropdown-item ::ng-deep .sui-dropdown-item__label{font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -.011em)}@media(max-width:767px){.sui-compact-select-for-input__menu:not(.sui-compact-select-for-input__menu--large) sui-dropdown-item{min-height:44px;padding:12px 8px}}:host(:hover:not([data-sui-disabled])){background:var(--sui-bg-weak-50, #f7f7f7)}:host(:focus:not([data-sui-disabled])),:host([data-sui-open]:not([data-sui-disabled])){outline:none;background:var(--sui-bg-white-0, #fff)}:host([data-sui-disabled]){background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-disabled-300, #d1d1d1);cursor:not-allowed;pointer-events:none}:host([data-sui-disabled]) .sui-compact-select-for-input__flag{opacity:.48}:host([data-sui-disabled]) .sui-compact-select-for-input__arrow{color:var(--sui-text-disabled-300, #d1d1d1)}.sui-compact-select-for-input__flag{flex-shrink:0}.sui-compact-select-for-input__inner{display:inline-flex;align-items:center;gap:var(--sui-spacing-2, 2px);flex-shrink:0}.sui-compact-select-for-input__value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-compact-select-for-input__arrow{flex-shrink:0;color:var(--sui-text-sub-600, #5c5c5c)}.sui-compact-select-for-input__menu{display:flex;flex-direction:column;gap:4px}\n"], dependencies: [{ kind: "component", type: SuiIcon, selector: "sui-icon", inputs: ["name", "size", "color"] }, { kind: "component", type: SuiFlag, selector: "sui-flag", inputs: ["name", "size", "ariaLabel"] }, { kind: "component", type: SuiDropdownItem, selector: "sui-dropdown-item", inputs: ["label", "sublabel", "description", "size", "leadingFramed", "mode", "selected", "highlighted", "disabled", "shortcut"], outputs: ["clicked"] }, { kind: "component", type: SuiDropdownMenu, selector: "sui-dropdown-menu", inputs: ["matchWidth", "flexibleDimensions", "push", "minWidth", "position", "viewportMargin", "panelClass", "disabled", "popupRole", "origin"], outputs: ["openedChange"], exportAs: ["suiDropdownMenu"] }, { kind: "directive", type: SuiDropdownPanel, selector: "ng-template[suiDropdownPanel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "_menu", first: true, predicate: SuiDropdownMenu, descendants: true, isSignal: true }], hostDirectives: [{ directive: SuiToque }], ngImport: i0, template: "@if (country() && displayFlag()) {\n  <sui-flag\n    class=\"sui-compact-select-for-input__flag\"\n    [name]=\"displayFlag()!\"\n    [size]=\"flagSizePx() === 16 ? 'xs' : 'sm'\"\n  />\n}\n\n<div class=\"sui-compact-select-for-input__inner\">\n  <span class=\"sui-compact-select-for-input__value\">{{ displayValue() }}</span>\n  <sui-icon class=\"sui-compact-select-for-input__arrow\" [name]=\"arrowIcon()\" [size]=\"20\" />\n</div>\n\n@if (items().length > 0) {\n  <sui-dropdown-menu\n    [origin]=\"hostEl\"\n    [disabled]=\"mergedDisabled()\"\n    [matchWidth]=\"true\"\n    [minWidth]=\"200\"\n    panelClass=\"sui-compact-select__overlay-pane\"\n    (openedChange)=\"onMenuOpenedChange($event)\"\n  >\n    <ng-template suiDropdownPanel>\n      <div class=\"sui-compact-select-for-input__menu\" [class.sui-compact-select-for-input__menu--large]=\"size() === 'large'\">\n        @for (item of items(); track item.value) {\n          <sui-dropdown-item\n            mode=\"option\"\n            [label]=\"item.label\"\n            [sublabel]=\"item.sublabel ?? ''\"\n            [selected]=\"item.value === selected()?.value\"\n            [disabled]=\"item.disabled ?? false\"\n            (click)=\"selectItem(item)\"\n          >\n            @if (item.flag) {\n              <sui-flag slot=\"leading\" [name]=\"item.flag\" size=\"sm\" />\n            }\n          </sui-dropdown-item>\n        }\n      </div>\n    </ng-template>\n  </sui-dropdown-menu>\n}\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;background:var(--sui-bg-white-0, #fff);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;transition:background-color .1s ease;font-family:var(--sui-font-sans, sans-serif);font-size:var(--sui-type-paragraph-sm-size, 14px);font-weight:var(--sui-type-paragraph-sm-weight, 400);line-height:var(--sui-type-paragraph-sm-line, 20px);letter-spacing:var(--sui-type-paragraph-sm-spacing, -.006em);color:var(--sui-text-strong-950, #171717);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0}:host([data-sui-size=medium]){padding:9px 8px 9px 10px;gap:8px}:host([data-sui-size=small]){padding:7px 8px;gap:8px}:host([data-sui-size=xsmall]){padding:5px 6px 5px 8px;gap:6px}:host([data-sui-size=large]){padding:11px 10px 11px 12px;gap:8px;font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -.011em)}.sui-compact-select-for-input__menu--large sui-dropdown-item{min-height:44px;padding:10px 8px}.sui-compact-select-for-input__menu--large sui-dropdown-item ::ng-deep .sui-dropdown-item__label{font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -.011em)}@media(max-width:767px){.sui-compact-select-for-input__menu:not(.sui-compact-select-for-input__menu--large) sui-dropdown-item{min-height:44px;padding:12px 8px}}:host(:hover:not([data-sui-disabled])){background:var(--sui-bg-weak-50, #f7f7f7)}:host(:focus:not([data-sui-disabled])),:host([data-sui-open]:not([data-sui-disabled])){outline:none;background:var(--sui-bg-white-0, #fff)}:host([data-sui-disabled]){background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-disabled-300, #d1d1d1);cursor:not-allowed;pointer-events:none}:host([data-sui-disabled]) .sui-compact-select-for-input__flag{opacity:.48}:host([data-sui-disabled]) .sui-compact-select-for-input__arrow{color:var(--sui-text-disabled-300, #d1d1d1)}.sui-compact-select-for-input__flag{flex-shrink:0}.sui-compact-select-for-input__inner{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.sui-compact-select-for-input__value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-compact-select-for-input__arrow{flex-shrink:0;color:var(--sui-text-sub-600, #5c5c5c)}.sui-compact-select-for-input__menu{display:flex;flex-direction:column;gap:4px}\n"], dependencies: [{ kind: "component", type: SuiIcon, selector: "sui-icon", inputs: ["name", "size", "color"] }, { kind: "component", type: SuiFlag, selector: "sui-flag", inputs: ["name", "size", "ariaLabel"] }, { kind: "component", type: SuiDropdownItem, selector: "sui-dropdown-item", inputs: ["label", "sublabel", "description", "size", "leadingFramed", "mode", "selected", "highlighted", "disabled", "shortcut"], outputs: ["clicked"] }, { kind: "component", type: SuiDropdownMenu, selector: "sui-dropdown-menu", inputs: ["matchWidth", "flexibleDimensions", "push", "minWidth", "position", "viewportMargin", "panelClass", "disabled", "popupRole", "origin"], outputs: ["openedChange"], exportAs: ["suiDropdownMenu"] }, { kind: "directive", type: SuiDropdownPanel, selector: "ng-template[suiDropdownPanel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiCompactSelectForInput, decorators: [{
             type: Component,
@@ -5765,7 +5765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         '(click)': 'onHostClick($event)',
                         '(keydown.enter)': 'onHostClick($event)',
                         '(keydown.space)': 'onHostClick($event); $event.preventDefault()',
-                    }, template: "@if (country() && displayFlag()) {\n  <sui-flag\n    class=\"sui-compact-select-for-input__flag\"\n    [name]=\"displayFlag()!\"\n    [size]=\"flagSizePx() === 16 ? 'xs' : 'sm'\"\n  />\n}\n\n<div class=\"sui-compact-select-for-input__inner\">\n  <span class=\"sui-compact-select-for-input__value\">{{ displayValue() }}</span>\n  <sui-icon class=\"sui-compact-select-for-input__arrow\" [name]=\"arrowIcon()\" [size]=\"20\" />\n</div>\n\n@if (items().length > 0) {\n  <sui-dropdown-menu\n    [origin]=\"hostEl\"\n    [disabled]=\"mergedDisabled()\"\n    [matchWidth]=\"true\"\n    [minWidth]=\"200\"\n    panelClass=\"sui-compact-select__overlay-pane\"\n    (openedChange)=\"onMenuOpenedChange($event)\"\n  >\n    <ng-template suiDropdownPanel>\n      <div class=\"sui-compact-select-for-input__menu\" [class.sui-compact-select-for-input__menu--large]=\"size() === 'large'\">\n        @for (item of items(); track item.value) {\n          <sui-dropdown-item\n            mode=\"option\"\n            [label]=\"item.label\"\n            [sublabel]=\"item.sublabel ?? ''\"\n            [selected]=\"item.value === selected()?.value\"\n            [disabled]=\"item.disabled ?? false\"\n            (click)=\"selectItem(item)\"\n          >\n            @if (item.flag) {\n              <sui-flag slot=\"leading\" [name]=\"item.flag\" size=\"sm\" />\n            }\n          </sui-dropdown-item>\n        }\n      </div>\n    </ng-template>\n  </sui-dropdown-menu>\n}\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;background:var(--sui-bg-white-0, #fff);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;transition:background-color .1s ease;font-family:var(--sui-font-sans, sans-serif);font-size:var(--sui-type-paragraph-sm-size, 14px);font-weight:var(--sui-type-paragraph-sm-weight, 400);line-height:var(--sui-type-paragraph-sm-line, 20px);letter-spacing:var(--sui-type-paragraph-sm-spacing, -.006em);color:var(--sui-text-strong-950, #171717);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0}:host([data-sui-size=medium]){padding:9px 8px 9px 10px;gap:8px}:host([data-sui-size=small]){padding:7px 8px;gap:8px}:host([data-sui-size=xsmall]){padding:5px 6px 5px 8px;gap:6px}:host([data-sui-size=large]){padding:11px 10px 11px 12px;gap:8px;font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -.011em)}.sui-compact-select-for-input__menu--large sui-dropdown-item{min-height:44px;padding:10px 8px}.sui-compact-select-for-input__menu--large sui-dropdown-item ::ng-deep .sui-dropdown-item__label{font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -.011em)}@media(max-width:767px){.sui-compact-select-for-input__menu:not(.sui-compact-select-for-input__menu--large) sui-dropdown-item{min-height:44px;padding:12px 8px}}:host(:hover:not([data-sui-disabled])){background:var(--sui-bg-weak-50, #f7f7f7)}:host(:focus:not([data-sui-disabled])),:host([data-sui-open]:not([data-sui-disabled])){outline:none;background:var(--sui-bg-white-0, #fff)}:host([data-sui-disabled]){background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-disabled-300, #d1d1d1);cursor:not-allowed;pointer-events:none}:host([data-sui-disabled]) .sui-compact-select-for-input__flag{opacity:.48}:host([data-sui-disabled]) .sui-compact-select-for-input__arrow{color:var(--sui-text-disabled-300, #d1d1d1)}.sui-compact-select-for-input__flag{flex-shrink:0}.sui-compact-select-for-input__inner{display:inline-flex;align-items:center;gap:var(--sui-spacing-2, 2px);flex-shrink:0}.sui-compact-select-for-input__value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-compact-select-for-input__arrow{flex-shrink:0;color:var(--sui-text-sub-600, #5c5c5c)}.sui-compact-select-for-input__menu{display:flex;flex-direction:column;gap:4px}\n"] }]
+                    }, template: "@if (country() && displayFlag()) {\n  <sui-flag\n    class=\"sui-compact-select-for-input__flag\"\n    [name]=\"displayFlag()!\"\n    [size]=\"flagSizePx() === 16 ? 'xs' : 'sm'\"\n  />\n}\n\n<div class=\"sui-compact-select-for-input__inner\">\n  <span class=\"sui-compact-select-for-input__value\">{{ displayValue() }}</span>\n  <sui-icon class=\"sui-compact-select-for-input__arrow\" [name]=\"arrowIcon()\" [size]=\"20\" />\n</div>\n\n@if (items().length > 0) {\n  <sui-dropdown-menu\n    [origin]=\"hostEl\"\n    [disabled]=\"mergedDisabled()\"\n    [matchWidth]=\"true\"\n    [minWidth]=\"200\"\n    panelClass=\"sui-compact-select__overlay-pane\"\n    (openedChange)=\"onMenuOpenedChange($event)\"\n  >\n    <ng-template suiDropdownPanel>\n      <div class=\"sui-compact-select-for-input__menu\" [class.sui-compact-select-for-input__menu--large]=\"size() === 'large'\">\n        @for (item of items(); track item.value) {\n          <sui-dropdown-item\n            mode=\"option\"\n            [label]=\"item.label\"\n            [sublabel]=\"item.sublabel ?? ''\"\n            [selected]=\"item.value === selected()?.value\"\n            [disabled]=\"item.disabled ?? false\"\n            (click)=\"selectItem(item)\"\n          >\n            @if (item.flag) {\n              <sui-flag slot=\"leading\" [name]=\"item.flag\" size=\"sm\" />\n            }\n          </sui-dropdown-item>\n        }\n      </div>\n    </ng-template>\n  </sui-dropdown-menu>\n}\n", styles: ["@charset \"UTF-8\";:host{display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;background:var(--sui-bg-white-0, #fff);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;transition:background-color .1s ease;font-family:var(--sui-font-sans, sans-serif);font-size:var(--sui-type-paragraph-sm-size, 14px);font-weight:var(--sui-type-paragraph-sm-weight, 400);line-height:var(--sui-type-paragraph-sm-line, 20px);letter-spacing:var(--sui-type-paragraph-sm-spacing, -.006em);color:var(--sui-text-strong-950, #171717);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0}:host([data-sui-size=medium]){padding:9px 8px 9px 10px;gap:8px}:host([data-sui-size=small]){padding:7px 8px;gap:8px}:host([data-sui-size=xsmall]){padding:5px 6px 5px 8px;gap:6px}:host([data-sui-size=large]){padding:11px 10px 11px 12px;gap:8px;font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -.011em)}.sui-compact-select-for-input__menu--large sui-dropdown-item{min-height:44px;padding:10px 8px}.sui-compact-select-for-input__menu--large sui-dropdown-item ::ng-deep .sui-dropdown-item__label{font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -.011em)}@media(max-width:767px){.sui-compact-select-for-input__menu:not(.sui-compact-select-for-input__menu--large) sui-dropdown-item{min-height:44px;padding:12px 8px}}:host(:hover:not([data-sui-disabled])){background:var(--sui-bg-weak-50, #f7f7f7)}:host(:focus:not([data-sui-disabled])),:host([data-sui-open]:not([data-sui-disabled])){outline:none;background:var(--sui-bg-white-0, #fff)}:host([data-sui-disabled]){background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-disabled-300, #d1d1d1);cursor:not-allowed;pointer-events:none}:host([data-sui-disabled]) .sui-compact-select-for-input__flag{opacity:.48}:host([data-sui-disabled]) .sui-compact-select-for-input__arrow{color:var(--sui-text-disabled-300, #d1d1d1)}.sui-compact-select-for-input__flag{flex-shrink:0}.sui-compact-select-for-input__inner{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.sui-compact-select-for-input__value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-compact-select-for-input__arrow{flex-shrink:0;color:var(--sui-text-sub-600, #5c5c5c)}.sui-compact-select-for-input__menu{display:flex;flex-direction:column;gap:4px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], country: [{ type: i0.Input, args: [{ isSignal: true, alias: "country", required: false }] }], flag: [{ type: i0.Input, args: [{ isSignal: true, alias: "flag", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }], _menu: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SuiDropdownMenu), { isSignal: true }] }] } });
 
 class SuiCompactSelect {
@@ -6532,7 +6532,7 @@ class SuiTooltipPanel {
     /** Emitido cuando el user clickea el dismiss button. */
     dismissed = output();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiTooltipPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SuiTooltipPanel, isStandalone: true, selector: "sui-tooltip-panel", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.data-sui-position": "position()", "attr.data-sui-size": "size()", "attr.data-sui-theme": "theme()", "attr.data-sui-dismissible": "dismissible() ? \"\" : null", "attr.role": "\"tooltip\"" }, classAttribute: "sui-tooltip" }, ngImport: i0, template: "@if (size() === 'large' || size() === 'xlarge') {\n  <!-- Large/XLarge variant: icon + (title + description) + dismiss button -->\n  <div class=\"sui-tooltip__box sui-tooltip__box--large\">\n    @if (icon()) {\n      <sui-icon class=\"sui-tooltip__icon\" [name]=\"icon()!\" [size]=\"size() === 'xlarge' ? 24 : 20\" />\n    }\n    <div class=\"sui-tooltip__content\">\n      @if (title()) {\n        <p class=\"sui-tooltip__title\">{{ title() }}</p>\n      }\n      @if (description()) {\n        <p class=\"sui-tooltip__description\">{{ description() }}</p>\n      }\n    </div>\n    @if (dismissible()) {\n      <sui-compact-button\n        class=\"sui-tooltip__dismiss\"\n        icon=\"close-line\"\n        variantStyle=\"ghost\"\n        size=\"medium\"\n        [ariaLabel]=\"textos().comun.cerrar\"\n        (clicked)=\"dismissed.emit()\"\n      />\n    }\n    @if (showArrow()) {\n      <div class=\"sui-tooltip__arrow\" aria-hidden=\"true\"></div>\n    }\n  </div>\n} @else {\n  <!-- Small/Medium variant: text-only -->\n  <div class=\"sui-tooltip__box\">\n    <span class=\"sui-tooltip__text\">{{ text() }}</span>\n    @if (showArrow()) {\n      <div class=\"sui-tooltip__arrow\" aria-hidden=\"true\"></div>\n    }\n  </div>\n}\n", styles: ["@charset \"UTF-8\";.sui-tooltip{display:block;--sui-tooltip-shadow: var(--sui-shadow-tooltip, 0px 12px 24px 0px rgba(14, 18, 27, .06), 0px 1px 2px 0px rgba(14, 18, 27, .03));opacity:0;transform:translateY(4px);transition:opacity var(--sui-motion-duration-fast, .2s) var(--sui-motion-ease-out, ease-out),transform var(--sui-motion-duration-fast, .2s) var(--sui-motion-ease-out, ease-out);pointer-events:none}.sui-tooltip[data-sui-position=right],.sui-tooltip[data-sui-position=left]{transform:translate(4px)}.sui-tooltip--visible{opacity:1;transform:translateY(0)}.sui-tooltip--visible[data-sui-position=right],.sui-tooltip--visible[data-sui-position=left]{transform:translate(0)}.sui-tooltip__box{position:relative;font-family:var(--sui-font-sans, \"Inter\", sans-serif);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0;white-space:normal;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;box-shadow:var(--sui-tooltip-shadow)}.sui-tooltip[data-sui-size=small] .sui-tooltip__box{padding:2px 6px;border-radius:var(--sui-radius-4, 4px);max-width:200px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__box{padding:4px 10px;border-radius:var(--sui-radius-6, 6px);max-width:280px}.sui-tooltip[data-sui-size=large] .sui-tooltip__box{display:flex;align-items:flex-start;gap:12px;width:280px;padding:12px;border-radius:var(--sui-radius-12, 12px)}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__box{display:flex;align-items:flex-start;gap:14px;width:320px;padding:14px;border-radius:var(--sui-radius-14, 14px)}.sui-tooltip[data-sui-dismissible] .sui-tooltip__box{pointer-events:auto}.sui-tooltip__icon{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.sui-tooltip[data-sui-theme=light] .sui-tooltip__icon{color:var(--sui-icon-sub-600, #5c5c5c)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__icon{color:#a3a3a3}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__icon{width:24px;height:24px}.sui-tooltip__content{display:flex;flex-direction:column;flex:1 0 0;min-width:0;gap:4px}.sui-tooltip__title,.sui-tooltip__description{margin:0;font-family:var(--sui-font-sans, \"Inter\", sans-serif);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0;white-space:normal;overflow-wrap:break-word;word-break:break-word}.sui-tooltip__title{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.006em}.sui-tooltip__description{font-size:12px;font-weight:400;line-height:16px}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__title{font-size:16px;line-height:24px}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__description{font-size:14px;line-height:20px}.sui-tooltip[data-sui-theme=light] .sui-tooltip__title{color:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=light] .sui-tooltip__description{color:var(--sui-text-sub-600, #5c5c5c)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__title{color:var(--sui-static-white, #fff)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__description{color:#a3a3a3}.sui-tooltip__dismiss{flex-shrink:0;pointer-events:auto}.sui-tooltip[data-sui-theme=light] .sui-tooltip__box{background:var(--sui-static-white, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__box{background:var(--sui-static-black, #171717);border:none}.sui-tooltip__text{display:block;font-style:normal;white-space:normal;overflow-wrap:break-word;word-break:break-word}.sui-tooltip[data-sui-size=small] .sui-tooltip__text{font-size:12px;font-weight:400;line-height:16px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__text{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.006em}.sui-tooltip[data-sui-theme=light] .sui-tooltip__text{color:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__text{color:var(--sui-static-white, #fff)}.sui-tooltip__arrow{position:absolute;width:12px;height:6px;pointer-events:none;box-sizing:border-box}.sui-tooltip__arrow:before{content:\"\";position:absolute;inset:-1px -1px 0;background:var(--sui-stroke-soft-200, #ebebeb);clip-path:polygon(50% 0,100% 100%,0 100%)}.sui-tooltip__arrow:after{content:\"\";position:absolute;inset:0;background:var(--sui-static-white, #fff);clip-path:polygon(50% 0,100% 100%,0 100%)}.sui-tooltip[data-sui-size=small] .sui-tooltip__arrow{width:8px;height:4px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=large] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__arrow{width:12px;height:6px}.sui-tooltip[data-sui-theme=light] .sui-tooltip__arrow:after{background:var(--sui-static-white, #fff)}.sui-tooltip[data-sui-theme=light] .sui-tooltip__arrow:before{background:var(--sui-stroke-soft-200, #ebebeb)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__arrow:after{background:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__arrow:before{background:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-position=top] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=top-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=top-end] .sui-tooltip__arrow{bottom:-5px;transform:rotate(180deg)}.sui-tooltip[data-sui-size=small][data-sui-position=top] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=top-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=top-end] .sui-tooltip__arrow{bottom:-3px}.sui-tooltip[data-sui-position=top] .sui-tooltip__arrow{left:50%;margin-left:-6px}.sui-tooltip[data-sui-position=top-start] .sui-tooltip__arrow{left:16px}.sui-tooltip[data-sui-position=top-end] .sui-tooltip__arrow{right:16px}.sui-tooltip[data-sui-size=small][data-sui-position=top] .sui-tooltip__arrow{margin-left:-4px}.sui-tooltip[data-sui-size=small][data-sui-position=top-start] .sui-tooltip__arrow{left:8px}.sui-tooltip[data-sui-size=small][data-sui-position=top-end] .sui-tooltip__arrow{right:8px}.sui-tooltip[data-sui-position=bottom] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=bottom-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=bottom-end] .sui-tooltip__arrow{top:-5px;transform:rotate(0)}.sui-tooltip[data-sui-size=small][data-sui-position=bottom] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=bottom-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=bottom-end] .sui-tooltip__arrow{top:-3px}.sui-tooltip[data-sui-position=bottom] .sui-tooltip__arrow{left:50%;margin-left:-6px}.sui-tooltip[data-sui-position=bottom-start] .sui-tooltip__arrow{left:16px}.sui-tooltip[data-sui-position=bottom-end] .sui-tooltip__arrow{right:16px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom] .sui-tooltip__arrow{margin-left:-4px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom-start] .sui-tooltip__arrow{left:8px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom-end] .sui-tooltip__arrow{right:8px}.sui-tooltip[data-sui-position=right] .sui-tooltip__arrow{left:-9px;top:50%;margin-top:-3px;transform:rotate(-90deg)}.sui-tooltip[data-sui-size=small][data-sui-position=right] .sui-tooltip__arrow{left:-6px;margin-top:-2px}.sui-tooltip[data-sui-position=left] .sui-tooltip__arrow{right:-9px;top:50%;margin-top:-3px;transform:rotate(90deg)}.sui-tooltip[data-sui-size=small][data-sui-position=left] .sui-tooltip__arrow{right:-6px;margin-top:-2px}@media(prefers-reduced-motion:reduce){.sui-tooltip{transition:none}}\n"], dependencies: [{ kind: "component", type: SuiIcon, selector: "sui-icon", inputs: ["name", "size", "color"] }, { kind: "component", type: SuiCompactButton, selector: "sui-compact-button", inputs: ["icon", "variantStyle", "size", "fullRadius", "disabled", "href", "target", "rel", "type", "ariaLabel"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SuiTooltipPanel, isStandalone: true, selector: "sui-tooltip-panel", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, showArrow: { classPropertyName: "showArrow", publicName: "showArrow", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.data-sui-position": "position()", "attr.data-sui-size": "size()", "attr.data-sui-theme": "theme()", "attr.data-sui-dismissible": "dismissible() ? \"\" : null", "attr.role": "\"tooltip\"" }, classAttribute: "sui-tooltip" }, ngImport: i0, template: "@if (size() === 'large' || size() === 'xlarge') {\n  <!-- Large/XLarge variant: icon + (title + description) + dismiss button -->\n  <div class=\"sui-tooltip__box sui-tooltip__box--large\">\n    @if (icon()) {\n      <sui-icon class=\"sui-tooltip__icon\" [name]=\"icon()!\" [size]=\"size() === 'xlarge' ? 24 : 20\" />\n    }\n    <div class=\"sui-tooltip__content\">\n      @if (title()) {\n        <p class=\"sui-tooltip__title\">{{ title() }}</p>\n      }\n      @if (description()) {\n        <p class=\"sui-tooltip__description\">{{ description() }}</p>\n      }\n    </div>\n    @if (dismissible()) {\n      <sui-compact-button\n        class=\"sui-tooltip__dismiss\"\n        icon=\"close-line\"\n        variantStyle=\"ghost\"\n        size=\"medium\"\n        [ariaLabel]=\"textos().comun.cerrar\"\n        (clicked)=\"dismissed.emit()\"\n      />\n    }\n    @if (showArrow()) {\n      <div class=\"sui-tooltip__arrow\" aria-hidden=\"true\"></div>\n    }\n  </div>\n} @else {\n  <!-- Small/Medium variant: text-only -->\n  <div class=\"sui-tooltip__box\">\n    <span class=\"sui-tooltip__text\">{{ text() }}</span>\n    @if (showArrow()) {\n      <div class=\"sui-tooltip__arrow\" aria-hidden=\"true\"></div>\n    }\n  </div>\n}\n", styles: ["@charset \"UTF-8\";.sui-tooltip{display:block;--sui-tooltip-shadow: var(--sui-shadow-tooltip, 0 12px 24px 0 rgba(14, 18, 27, .06), 0 1px 2px 0 rgba(14, 18, 27, .03));opacity:0;transform:translateY(4px);transition:opacity var(--sui-motion-duration-fast, .2s) var(--sui-motion-ease-out, ease-out),transform var(--sui-motion-duration-fast, .2s) var(--sui-motion-ease-out, ease-out);pointer-events:none}.sui-tooltip[data-sui-position=right],.sui-tooltip[data-sui-position=left]{transform:translate(4px)}.sui-tooltip--visible{opacity:1;transform:translateY(0)}.sui-tooltip--visible[data-sui-position=right],.sui-tooltip--visible[data-sui-position=left]{transform:translate(0)}.sui-tooltip__box{position:relative;font-family:var(--sui-font-sans, \"Inter\", sans-serif);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0;white-space:normal;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;box-shadow:var(--sui-tooltip-shadow)}.sui-tooltip[data-sui-size=small] .sui-tooltip__box{padding:2px 6px;border-radius:var(--sui-radius-4, 4px);max-width:200px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__box{padding:4px 10px;border-radius:var(--sui-radius-6, 6px);max-width:280px}.sui-tooltip[data-sui-size=large] .sui-tooltip__box{display:flex;align-items:flex-start;gap:12px;width:280px;padding:12px;border-radius:var(--sui-radius-12, 12px)}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__box{display:flex;align-items:flex-start;gap:14px;width:320px;padding:14px;border-radius:14px}.sui-tooltip[data-sui-dismissible] .sui-tooltip__box{pointer-events:auto}.sui-tooltip__icon{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.sui-tooltip[data-sui-theme=light] .sui-tooltip__icon{color:var(--sui-neutral-600)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__icon{color:var(--sui-neutral-400)}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__icon{width:24px;height:24px}.sui-tooltip__content{display:flex;flex-direction:column;flex:1 0 0;min-width:0;gap:4px}.sui-tooltip__title,.sui-tooltip__description{margin:0;font-family:var(--sui-font-sans, \"Inter\", sans-serif);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0;white-space:normal;overflow-wrap:break-word;word-break:break-word}.sui-tooltip__title{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.006em}.sui-tooltip__description{font-size:12px;font-weight:400;line-height:16px}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__title{font-size:16px;line-height:24px}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__description{font-size:14px;line-height:20px}.sui-tooltip[data-sui-theme=light] .sui-tooltip__title{color:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=light] .sui-tooltip__description{color:var(--sui-neutral-600)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__title{color:var(--sui-static-white, #fff)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__description{color:var(--sui-neutral-400)}.sui-tooltip[data-sui-theme=light] .sui-tooltip__dismiss{--sui-icon-sub-600: var(--sui-neutral-600);--sui-icon-strong-950: var(--sui-neutral-950);--sui-icon-white-0: var(--sui-neutral-0);--sui-bg-weak-50: var(--sui-neutral-50);--sui-bg-surface-800: var(--sui-neutral-800);--sui-bg-white-0: var(--sui-neutral-0)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__dismiss{--sui-icon-sub-600: var(--sui-neutral-400);--sui-icon-strong-950: var(--sui-neutral-0);--sui-icon-white-0: var(--sui-neutral-950);--sui-bg-weak-50: var(--sui-neutral-800);--sui-bg-surface-800: var(--sui-neutral-200);--sui-bg-white-0: var(--sui-neutral-950)}.sui-tooltip__dismiss{flex-shrink:0;pointer-events:auto}.sui-tooltip[data-sui-theme=light] .sui-tooltip__box{background:var(--sui-static-white, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__box{background:var(--sui-static-black, #171717);border:none}.sui-tooltip__text{display:block;font-style:normal;white-space:normal;overflow-wrap:break-word;word-break:break-word}.sui-tooltip[data-sui-size=small] .sui-tooltip__text{font-size:12px;font-weight:400;line-height:16px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__text{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.006em}.sui-tooltip[data-sui-theme=light] .sui-tooltip__text{color:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__text{color:var(--sui-static-white, #fff)}.sui-tooltip__arrow{position:absolute;width:12px;height:6px;pointer-events:none;box-sizing:border-box}.sui-tooltip__arrow:before{content:\"\";position:absolute;inset:-1px -1px 0;background:var(--sui-stroke-soft-200, #ebebeb);clip-path:polygon(50% 0,100% 100%,0 100%)}.sui-tooltip__arrow:after{content:\"\";position:absolute;inset:0;background:var(--sui-static-white, #fff);clip-path:polygon(50% 0,100% 100%,0 100%)}.sui-tooltip[data-sui-size=small] .sui-tooltip__arrow{width:8px;height:4px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=large] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__arrow{width:12px;height:6px}.sui-tooltip[data-sui-theme=light] .sui-tooltip__arrow:after{background:var(--sui-static-white, #fff)}.sui-tooltip[data-sui-theme=light] .sui-tooltip__arrow:before{background:var(--sui-stroke-soft-200, #ebebeb)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__arrow:after{background:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__arrow:before{background:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-position=top] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=top-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=top-end] .sui-tooltip__arrow{bottom:-5px;transform:rotate(180deg)}.sui-tooltip[data-sui-size=small][data-sui-position=top] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=top-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=top-end] .sui-tooltip__arrow{bottom:-3px}.sui-tooltip[data-sui-position=top] .sui-tooltip__arrow{left:50%;margin-left:-6px}.sui-tooltip[data-sui-position=top-start] .sui-tooltip__arrow{left:16px}.sui-tooltip[data-sui-position=top-end] .sui-tooltip__arrow{right:16px}.sui-tooltip[data-sui-size=small][data-sui-position=top] .sui-tooltip__arrow{margin-left:-4px}.sui-tooltip[data-sui-size=small][data-sui-position=top-start] .sui-tooltip__arrow{left:8px}.sui-tooltip[data-sui-size=small][data-sui-position=top-end] .sui-tooltip__arrow{right:8px}.sui-tooltip[data-sui-position=bottom] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=bottom-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=bottom-end] .sui-tooltip__arrow{top:-5px;transform:rotate(0)}.sui-tooltip[data-sui-size=small][data-sui-position=bottom] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=bottom-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=bottom-end] .sui-tooltip__arrow{top:-3px}.sui-tooltip[data-sui-position=bottom] .sui-tooltip__arrow{left:50%;margin-left:-6px}.sui-tooltip[data-sui-position=bottom-start] .sui-tooltip__arrow{left:16px}.sui-tooltip[data-sui-position=bottom-end] .sui-tooltip__arrow{right:16px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom] .sui-tooltip__arrow{margin-left:-4px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom-start] .sui-tooltip__arrow{left:8px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom-end] .sui-tooltip__arrow{right:8px}.sui-tooltip[data-sui-position=right] .sui-tooltip__arrow{left:-9px;top:50%;margin-top:-3px;transform:rotate(-90deg)}.sui-tooltip[data-sui-size=small][data-sui-position=right] .sui-tooltip__arrow{left:-6px;margin-top:-2px}.sui-tooltip[data-sui-position=left] .sui-tooltip__arrow{right:-9px;top:50%;margin-top:-3px;transform:rotate(90deg)}.sui-tooltip[data-sui-size=small][data-sui-position=left] .sui-tooltip__arrow{right:-6px;margin-top:-2px}@media(prefers-reduced-motion:reduce){.sui-tooltip{transition:none}}\n"], dependencies: [{ kind: "component", type: SuiIcon, selector: "sui-icon", inputs: ["name", "size", "color"] }, { kind: "component", type: SuiCompactButton, selector: "sui-compact-button", inputs: ["icon", "variantStyle", "size", "fullRadius", "disabled", "href", "target", "rel", "type", "ariaLabel"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiTooltipPanel, decorators: [{
             type: Component,
@@ -6547,7 +6547,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                            cambia. */
                         '[attr.data-sui-dismissible]': 'dismissible() ? "" : null',
                         '[attr.role]': '"tooltip"',
-                    }, template: "@if (size() === 'large' || size() === 'xlarge') {\n  <!-- Large/XLarge variant: icon + (title + description) + dismiss button -->\n  <div class=\"sui-tooltip__box sui-tooltip__box--large\">\n    @if (icon()) {\n      <sui-icon class=\"sui-tooltip__icon\" [name]=\"icon()!\" [size]=\"size() === 'xlarge' ? 24 : 20\" />\n    }\n    <div class=\"sui-tooltip__content\">\n      @if (title()) {\n        <p class=\"sui-tooltip__title\">{{ title() }}</p>\n      }\n      @if (description()) {\n        <p class=\"sui-tooltip__description\">{{ description() }}</p>\n      }\n    </div>\n    @if (dismissible()) {\n      <sui-compact-button\n        class=\"sui-tooltip__dismiss\"\n        icon=\"close-line\"\n        variantStyle=\"ghost\"\n        size=\"medium\"\n        [ariaLabel]=\"textos().comun.cerrar\"\n        (clicked)=\"dismissed.emit()\"\n      />\n    }\n    @if (showArrow()) {\n      <div class=\"sui-tooltip__arrow\" aria-hidden=\"true\"></div>\n    }\n  </div>\n} @else {\n  <!-- Small/Medium variant: text-only -->\n  <div class=\"sui-tooltip__box\">\n    <span class=\"sui-tooltip__text\">{{ text() }}</span>\n    @if (showArrow()) {\n      <div class=\"sui-tooltip__arrow\" aria-hidden=\"true\"></div>\n    }\n  </div>\n}\n", styles: ["@charset \"UTF-8\";.sui-tooltip{display:block;--sui-tooltip-shadow: var(--sui-shadow-tooltip, 0px 12px 24px 0px rgba(14, 18, 27, .06), 0px 1px 2px 0px rgba(14, 18, 27, .03));opacity:0;transform:translateY(4px);transition:opacity var(--sui-motion-duration-fast, .2s) var(--sui-motion-ease-out, ease-out),transform var(--sui-motion-duration-fast, .2s) var(--sui-motion-ease-out, ease-out);pointer-events:none}.sui-tooltip[data-sui-position=right],.sui-tooltip[data-sui-position=left]{transform:translate(4px)}.sui-tooltip--visible{opacity:1;transform:translateY(0)}.sui-tooltip--visible[data-sui-position=right],.sui-tooltip--visible[data-sui-position=left]{transform:translate(0)}.sui-tooltip__box{position:relative;font-family:var(--sui-font-sans, \"Inter\", sans-serif);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0;white-space:normal;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;box-shadow:var(--sui-tooltip-shadow)}.sui-tooltip[data-sui-size=small] .sui-tooltip__box{padding:2px 6px;border-radius:var(--sui-radius-4, 4px);max-width:200px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__box{padding:4px 10px;border-radius:var(--sui-radius-6, 6px);max-width:280px}.sui-tooltip[data-sui-size=large] .sui-tooltip__box{display:flex;align-items:flex-start;gap:12px;width:280px;padding:12px;border-radius:var(--sui-radius-12, 12px)}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__box{display:flex;align-items:flex-start;gap:14px;width:320px;padding:14px;border-radius:var(--sui-radius-14, 14px)}.sui-tooltip[data-sui-dismissible] .sui-tooltip__box{pointer-events:auto}.sui-tooltip__icon{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.sui-tooltip[data-sui-theme=light] .sui-tooltip__icon{color:var(--sui-icon-sub-600, #5c5c5c)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__icon{color:#a3a3a3}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__icon{width:24px;height:24px}.sui-tooltip__content{display:flex;flex-direction:column;flex:1 0 0;min-width:0;gap:4px}.sui-tooltip__title,.sui-tooltip__description{margin:0;font-family:var(--sui-font-sans, \"Inter\", sans-serif);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0;white-space:normal;overflow-wrap:break-word;word-break:break-word}.sui-tooltip__title{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.006em}.sui-tooltip__description{font-size:12px;font-weight:400;line-height:16px}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__title{font-size:16px;line-height:24px}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__description{font-size:14px;line-height:20px}.sui-tooltip[data-sui-theme=light] .sui-tooltip__title{color:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=light] .sui-tooltip__description{color:var(--sui-text-sub-600, #5c5c5c)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__title{color:var(--sui-static-white, #fff)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__description{color:#a3a3a3}.sui-tooltip__dismiss{flex-shrink:0;pointer-events:auto}.sui-tooltip[data-sui-theme=light] .sui-tooltip__box{background:var(--sui-static-white, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__box{background:var(--sui-static-black, #171717);border:none}.sui-tooltip__text{display:block;font-style:normal;white-space:normal;overflow-wrap:break-word;word-break:break-word}.sui-tooltip[data-sui-size=small] .sui-tooltip__text{font-size:12px;font-weight:400;line-height:16px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__text{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.006em}.sui-tooltip[data-sui-theme=light] .sui-tooltip__text{color:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__text{color:var(--sui-static-white, #fff)}.sui-tooltip__arrow{position:absolute;width:12px;height:6px;pointer-events:none;box-sizing:border-box}.sui-tooltip__arrow:before{content:\"\";position:absolute;inset:-1px -1px 0;background:var(--sui-stroke-soft-200, #ebebeb);clip-path:polygon(50% 0,100% 100%,0 100%)}.sui-tooltip__arrow:after{content:\"\";position:absolute;inset:0;background:var(--sui-static-white, #fff);clip-path:polygon(50% 0,100% 100%,0 100%)}.sui-tooltip[data-sui-size=small] .sui-tooltip__arrow{width:8px;height:4px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=large] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__arrow{width:12px;height:6px}.sui-tooltip[data-sui-theme=light] .sui-tooltip__arrow:after{background:var(--sui-static-white, #fff)}.sui-tooltip[data-sui-theme=light] .sui-tooltip__arrow:before{background:var(--sui-stroke-soft-200, #ebebeb)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__arrow:after{background:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__arrow:before{background:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-position=top] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=top-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=top-end] .sui-tooltip__arrow{bottom:-5px;transform:rotate(180deg)}.sui-tooltip[data-sui-size=small][data-sui-position=top] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=top-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=top-end] .sui-tooltip__arrow{bottom:-3px}.sui-tooltip[data-sui-position=top] .sui-tooltip__arrow{left:50%;margin-left:-6px}.sui-tooltip[data-sui-position=top-start] .sui-tooltip__arrow{left:16px}.sui-tooltip[data-sui-position=top-end] .sui-tooltip__arrow{right:16px}.sui-tooltip[data-sui-size=small][data-sui-position=top] .sui-tooltip__arrow{margin-left:-4px}.sui-tooltip[data-sui-size=small][data-sui-position=top-start] .sui-tooltip__arrow{left:8px}.sui-tooltip[data-sui-size=small][data-sui-position=top-end] .sui-tooltip__arrow{right:8px}.sui-tooltip[data-sui-position=bottom] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=bottom-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=bottom-end] .sui-tooltip__arrow{top:-5px;transform:rotate(0)}.sui-tooltip[data-sui-size=small][data-sui-position=bottom] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=bottom-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=bottom-end] .sui-tooltip__arrow{top:-3px}.sui-tooltip[data-sui-position=bottom] .sui-tooltip__arrow{left:50%;margin-left:-6px}.sui-tooltip[data-sui-position=bottom-start] .sui-tooltip__arrow{left:16px}.sui-tooltip[data-sui-position=bottom-end] .sui-tooltip__arrow{right:16px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom] .sui-tooltip__arrow{margin-left:-4px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom-start] .sui-tooltip__arrow{left:8px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom-end] .sui-tooltip__arrow{right:8px}.sui-tooltip[data-sui-position=right] .sui-tooltip__arrow{left:-9px;top:50%;margin-top:-3px;transform:rotate(-90deg)}.sui-tooltip[data-sui-size=small][data-sui-position=right] .sui-tooltip__arrow{left:-6px;margin-top:-2px}.sui-tooltip[data-sui-position=left] .sui-tooltip__arrow{right:-9px;top:50%;margin-top:-3px;transform:rotate(90deg)}.sui-tooltip[data-sui-size=small][data-sui-position=left] .sui-tooltip__arrow{right:-6px;margin-top:-2px}@media(prefers-reduced-motion:reduce){.sui-tooltip{transition:none}}\n"] }]
+                    }, template: "@if (size() === 'large' || size() === 'xlarge') {\n  <!-- Large/XLarge variant: icon + (title + description) + dismiss button -->\n  <div class=\"sui-tooltip__box sui-tooltip__box--large\">\n    @if (icon()) {\n      <sui-icon class=\"sui-tooltip__icon\" [name]=\"icon()!\" [size]=\"size() === 'xlarge' ? 24 : 20\" />\n    }\n    <div class=\"sui-tooltip__content\">\n      @if (title()) {\n        <p class=\"sui-tooltip__title\">{{ title() }}</p>\n      }\n      @if (description()) {\n        <p class=\"sui-tooltip__description\">{{ description() }}</p>\n      }\n    </div>\n    @if (dismissible()) {\n      <sui-compact-button\n        class=\"sui-tooltip__dismiss\"\n        icon=\"close-line\"\n        variantStyle=\"ghost\"\n        size=\"medium\"\n        [ariaLabel]=\"textos().comun.cerrar\"\n        (clicked)=\"dismissed.emit()\"\n      />\n    }\n    @if (showArrow()) {\n      <div class=\"sui-tooltip__arrow\" aria-hidden=\"true\"></div>\n    }\n  </div>\n} @else {\n  <!-- Small/Medium variant: text-only -->\n  <div class=\"sui-tooltip__box\">\n    <span class=\"sui-tooltip__text\">{{ text() }}</span>\n    @if (showArrow()) {\n      <div class=\"sui-tooltip__arrow\" aria-hidden=\"true\"></div>\n    }\n  </div>\n}\n", styles: ["@charset \"UTF-8\";.sui-tooltip{display:block;--sui-tooltip-shadow: var(--sui-shadow-tooltip, 0 12px 24px 0 rgba(14, 18, 27, .06), 0 1px 2px 0 rgba(14, 18, 27, .03));opacity:0;transform:translateY(4px);transition:opacity var(--sui-motion-duration-fast, .2s) var(--sui-motion-ease-out, ease-out),transform var(--sui-motion-duration-fast, .2s) var(--sui-motion-ease-out, ease-out);pointer-events:none}.sui-tooltip[data-sui-position=right],.sui-tooltip[data-sui-position=left]{transform:translate(4px)}.sui-tooltip--visible{opacity:1;transform:translateY(0)}.sui-tooltip--visible[data-sui-position=right],.sui-tooltip--visible[data-sui-position=left]{transform:translate(0)}.sui-tooltip__box{position:relative;font-family:var(--sui-font-sans, \"Inter\", sans-serif);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0;white-space:normal;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box;box-shadow:var(--sui-tooltip-shadow)}.sui-tooltip[data-sui-size=small] .sui-tooltip__box{padding:2px 6px;border-radius:var(--sui-radius-4, 4px);max-width:200px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__box{padding:4px 10px;border-radius:var(--sui-radius-6, 6px);max-width:280px}.sui-tooltip[data-sui-size=large] .sui-tooltip__box{display:flex;align-items:flex-start;gap:12px;width:280px;padding:12px;border-radius:var(--sui-radius-12, 12px)}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__box{display:flex;align-items:flex-start;gap:14px;width:320px;padding:14px;border-radius:14px}.sui-tooltip[data-sui-dismissible] .sui-tooltip__box{pointer-events:auto}.sui-tooltip__icon{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.sui-tooltip[data-sui-theme=light] .sui-tooltip__icon{color:var(--sui-neutral-600)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__icon{color:var(--sui-neutral-400)}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__icon{width:24px;height:24px}.sui-tooltip__content{display:flex;flex-direction:column;flex:1 0 0;min-width:0;gap:4px}.sui-tooltip__title,.sui-tooltip__description{margin:0;font-family:var(--sui-font-sans, \"Inter\", sans-serif);font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0;white-space:normal;overflow-wrap:break-word;word-break:break-word}.sui-tooltip__title{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.006em}.sui-tooltip__description{font-size:12px;font-weight:400;line-height:16px}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__title{font-size:16px;line-height:24px}.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__description{font-size:14px;line-height:20px}.sui-tooltip[data-sui-theme=light] .sui-tooltip__title{color:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=light] .sui-tooltip__description{color:var(--sui-neutral-600)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__title{color:var(--sui-static-white, #fff)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__description{color:var(--sui-neutral-400)}.sui-tooltip[data-sui-theme=light] .sui-tooltip__dismiss{--sui-icon-sub-600: var(--sui-neutral-600);--sui-icon-strong-950: var(--sui-neutral-950);--sui-icon-white-0: var(--sui-neutral-0);--sui-bg-weak-50: var(--sui-neutral-50);--sui-bg-surface-800: var(--sui-neutral-800);--sui-bg-white-0: var(--sui-neutral-0)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__dismiss{--sui-icon-sub-600: var(--sui-neutral-400);--sui-icon-strong-950: var(--sui-neutral-0);--sui-icon-white-0: var(--sui-neutral-950);--sui-bg-weak-50: var(--sui-neutral-800);--sui-bg-surface-800: var(--sui-neutral-200);--sui-bg-white-0: var(--sui-neutral-950)}.sui-tooltip__dismiss{flex-shrink:0;pointer-events:auto}.sui-tooltip[data-sui-theme=light] .sui-tooltip__box{background:var(--sui-static-white, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__box{background:var(--sui-static-black, #171717);border:none}.sui-tooltip__text{display:block;font-style:normal;white-space:normal;overflow-wrap:break-word;word-break:break-word}.sui-tooltip[data-sui-size=small] .sui-tooltip__text{font-size:12px;font-weight:400;line-height:16px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__text{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.006em}.sui-tooltip[data-sui-theme=light] .sui-tooltip__text{color:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__text{color:var(--sui-static-white, #fff)}.sui-tooltip__arrow{position:absolute;width:12px;height:6px;pointer-events:none;box-sizing:border-box}.sui-tooltip__arrow:before{content:\"\";position:absolute;inset:-1px -1px 0;background:var(--sui-stroke-soft-200, #ebebeb);clip-path:polygon(50% 0,100% 100%,0 100%)}.sui-tooltip__arrow:after{content:\"\";position:absolute;inset:0;background:var(--sui-static-white, #fff);clip-path:polygon(50% 0,100% 100%,0 100%)}.sui-tooltip[data-sui-size=small] .sui-tooltip__arrow{width:8px;height:4px}.sui-tooltip[data-sui-size=medium] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=large] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=xlarge] .sui-tooltip__arrow{width:12px;height:6px}.sui-tooltip[data-sui-theme=light] .sui-tooltip__arrow:after{background:var(--sui-static-white, #fff)}.sui-tooltip[data-sui-theme=light] .sui-tooltip__arrow:before{background:var(--sui-stroke-soft-200, #ebebeb)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__arrow:after{background:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-theme=dark] .sui-tooltip__arrow:before{background:var(--sui-static-black, #171717)}.sui-tooltip[data-sui-position=top] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=top-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=top-end] .sui-tooltip__arrow{bottom:-5px;transform:rotate(180deg)}.sui-tooltip[data-sui-size=small][data-sui-position=top] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=top-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=top-end] .sui-tooltip__arrow{bottom:-3px}.sui-tooltip[data-sui-position=top] .sui-tooltip__arrow{left:50%;margin-left:-6px}.sui-tooltip[data-sui-position=top-start] .sui-tooltip__arrow{left:16px}.sui-tooltip[data-sui-position=top-end] .sui-tooltip__arrow{right:16px}.sui-tooltip[data-sui-size=small][data-sui-position=top] .sui-tooltip__arrow{margin-left:-4px}.sui-tooltip[data-sui-size=small][data-sui-position=top-start] .sui-tooltip__arrow{left:8px}.sui-tooltip[data-sui-size=small][data-sui-position=top-end] .sui-tooltip__arrow{right:8px}.sui-tooltip[data-sui-position=bottom] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=bottom-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-position=bottom-end] .sui-tooltip__arrow{top:-5px;transform:rotate(0)}.sui-tooltip[data-sui-size=small][data-sui-position=bottom] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=bottom-start] .sui-tooltip__arrow,.sui-tooltip[data-sui-size=small][data-sui-position=bottom-end] .sui-tooltip__arrow{top:-3px}.sui-tooltip[data-sui-position=bottom] .sui-tooltip__arrow{left:50%;margin-left:-6px}.sui-tooltip[data-sui-position=bottom-start] .sui-tooltip__arrow{left:16px}.sui-tooltip[data-sui-position=bottom-end] .sui-tooltip__arrow{right:16px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom] .sui-tooltip__arrow{margin-left:-4px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom-start] .sui-tooltip__arrow{left:8px}.sui-tooltip[data-sui-size=small][data-sui-position=bottom-end] .sui-tooltip__arrow{right:8px}.sui-tooltip[data-sui-position=right] .sui-tooltip__arrow{left:-9px;top:50%;margin-top:-3px;transform:rotate(-90deg)}.sui-tooltip[data-sui-size=small][data-sui-position=right] .sui-tooltip__arrow{left:-6px;margin-top:-2px}.sui-tooltip[data-sui-position=left] .sui-tooltip__arrow{right:-9px;top:50%;margin-top:-3px;transform:rotate(90deg)}.sui-tooltip[data-sui-size=small][data-sui-position=left] .sui-tooltip__arrow{right:-6px;margin-top:-2px}@media(prefers-reduced-motion:reduce){.sui-tooltip{transition:none}}\n"] }]
         }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], showArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArrow", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
 
 /**