@ajuarezso/sui-design-system 0.4.6 → 0.5.1

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

@@ -13896,6 +13896,116 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                     }, template: "@switch (variant()) {\n\n  @case ('dot') {\n    @for (item of items(); track item.index) {\n      @if (interactive()) {\n        <button\n          type=\"button\"\n          class=\"sui-stepper__dot\"\n          [attr.data-state]=\"item.state\"\n          [attr.aria-label]=\"item.label\"\n          [attr.aria-current]=\"item.state === 'active' ? 'step' : null\"\n          (click)=\"onItemClick(item.index)\"\n          (touchstart)=\"$event.currentTarget\"\n          (touchend)=\"$any($event.currentTarget).blur()\">\n        </button>\n      } @else {\n        <span\n          class=\"sui-stepper__dot\"\n          [attr.data-state]=\"item.state\"\n          [attr.aria-current]=\"item.state === 'active' ? 'step' : null\"\n          role=\"listitem\">\n        </span>\n      }\n    }\n  }\n\n  @case ('horizontal') {\n    @for (item of items(); track item.index) {\n      @if (interactive()) {\n        <button\n          type=\"button\"\n          class=\"sui-stepper__h-item\"\n          [attr.data-state]=\"item.state\"\n          [attr.aria-current]=\"item.state === 'active' ? 'step' : null\"\n          (click)=\"onItemClick(item.index)\"\n          (touchstart)=\"$event.currentTarget\"\n          (touchend)=\"$any($event.currentTarget).blur()\">\n          <span class=\"sui-stepper__indicator\">\n            @if (item.state === 'completed') {\n              <sui-icon name=\"checkbox-circle-fill\" [size]=\"20\" />\n            } @else if (item.state === 'error') {\n              <sui-icon name=\"close-circle-fill\" [size]=\"20\" />\n            } @else {\n              <span class=\"sui-stepper__indicator-num\">{{ item.number }}</span>\n            }\n          </span>\n          <span class=\"sui-stepper__label\">{{ item.label }}</span>\n        </button>\n      } @else {\n        <div\n          class=\"sui-stepper__h-item\"\n          [attr.data-state]=\"item.state\"\n          [attr.aria-current]=\"item.state === 'active' ? 'step' : null\"\n          role=\"listitem\">\n          <span class=\"sui-stepper__indicator\">\n            @if (item.state === 'completed') {\n              <sui-icon name=\"checkbox-circle-fill\" [size]=\"20\" />\n            } @else if (item.state === 'error') {\n              <sui-icon name=\"close-circle-fill\" [size]=\"20\" />\n            } @else {\n              <span class=\"sui-stepper__indicator-num\">{{ item.number }}</span>\n            }\n          </span>\n          <span class=\"sui-stepper__label\">{{ item.label }}</span>\n        </div>\n      }\n      @if (!item.isLast) {\n        <span class=\"sui-stepper__separator\" aria-hidden=\"true\">\n          <sui-icon name=\"arrow-right-s-line\" [size]=\"20\" />\n        </span>\n      }\n    }\n  }\n\n  @case ('vertical') {\n    @for (item of items(); track item.index) {\n      @if (interactive()) {\n        <button\n          type=\"button\"\n          class=\"sui-stepper__v-item\"\n          [attr.data-state]=\"item.state\"\n          [attr.aria-current]=\"item.state === 'active' ? 'step' : null\"\n          (click)=\"onItemClick(item.index)\"\n          (touchstart)=\"$event.currentTarget\"\n          (touchend)=\"$any($event.currentTarget).blur()\">\n          <span class=\"sui-stepper__indicator\">\n            @if (item.state === 'completed') {\n              <sui-icon name=\"checkbox-circle-fill\" [size]=\"20\" />\n            } @else if (item.state === 'error') {\n              <sui-icon name=\"close-circle-fill\" [size]=\"20\" />\n            } @else {\n              <span class=\"sui-stepper__indicator-num\">{{ item.number }}</span>\n            }\n          </span>\n          <span class=\"sui-stepper__label\">{{ item.label }}</span>\n          @if (item.state === 'active') {\n            <span class=\"sui-stepper__chevron\" aria-hidden=\"true\">\n              <sui-icon name=\"arrow-right-s-line\" [size]=\"20\" />\n            </span>\n          }\n        </button>\n      } @else {\n        <div\n          class=\"sui-stepper__v-item\"\n          [attr.data-state]=\"item.state\"\n          [attr.aria-current]=\"item.state === 'active' ? 'step' : null\"\n          role=\"listitem\">\n          <span class=\"sui-stepper__indicator\">\n            @if (item.state === 'completed') {\n              <sui-icon name=\"checkbox-circle-fill\" [size]=\"20\" />\n            } @else if (item.state === 'error') {\n              <sui-icon name=\"close-circle-fill\" [size]=\"20\" />\n            } @else {\n              <span class=\"sui-stepper__indicator-num\">{{ item.number }}</span>\n            }\n          </span>\n          <span class=\"sui-stepper__label\">{{ item.label }}</span>\n          @if (item.state === 'active') {\n            <span class=\"sui-stepper__chevron\" aria-hidden=\"true\">\n              <sui-icon name=\"arrow-right-s-line\" [size]=\"20\" />\n            </span>\n          }\n        </div>\n      }\n    }\n  }\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;font-family:var(--sui-font-sans)}:host([data-variant=dot]){align-items:center;flex-wrap:wrap;gap:10px}:host([data-variant=dot][data-size=xsmall]){gap:6px}.sui-stepper__dot{appearance:none;border:0;padding:0;margin:0;background:transparent;cursor:default;font:inherit;display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--sui-bg-soft-200);flex-shrink:0;transition:background-color var(--sui-motion-duration-x-fast, .12s) var(--sui-motion-ease-out, ease-out)}.sui-stepper__dot[data-state=active]{background:var(--sui-primary-base)}:host([data-variant=dot][data-size=xsmall]) .sui-stepper__dot{width:4px;height:4px}:host([data-variant=dot]) button.sui-stepper__dot{cursor:pointer}:host([data-variant=dot]) button.sui-stepper__dot:focus-visible{outline:2px solid var(--sui-text-strong-950);outline-offset:2px}:host([data-variant=horizontal]){align-items:center;flex-wrap:wrap;gap:16px}.sui-stepper__h-item{appearance:none;border:0;padding:0;margin:0;background:transparent;font:inherit;text-align:left;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;cursor:default}.sui-stepper__h-item[data-state=active] .sui-stepper__label,.sui-stepper__h-item[data-state=completed] .sui-stepper__label{color:var(--sui-text-strong-950)}:host([data-variant=horizontal]) button.sui-stepper__h-item{cursor:pointer}:host([data-variant=horizontal]) button.sui-stepper__h-item:focus-visible{outline:2px solid var(--sui-text-strong-950);outline-offset:2px;border-radius:6px}.sui-stepper__separator{display:inline-flex;align-items:center;color:var(--sui-icon-soft-400);flex-shrink:0}:host([data-variant=vertical]){flex-direction:column;align-items:stretch;gap:8px;width:100%}.sui-stepper__v-item{appearance:none;border:0;margin:0;font:inherit;text-align:left;display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--sui-radius-10);background:var(--sui-bg-weak-50);width:100%;cursor:default;transition:background-color var(--sui-motion-duration-x-fast, .12s) var(--sui-motion-ease-out, ease-out),box-shadow var(--sui-motion-duration-x-fast, .12s) var(--sui-motion-ease-out, ease-out)}.sui-stepper__v-item[data-state=active]{background:var(--sui-bg-white-0);box-shadow:var(--sui-regular-shadow-x-small)}.sui-stepper__v-item[data-state=active] .sui-stepper__label{color:var(--sui-text-strong-950)}.sui-stepper__v-item[data-state=completed] .sui-stepper__label{color:var(--sui-text-sub-600)}:host([data-variant=vertical]) button.sui-stepper__v-item{cursor:pointer}:host([data-variant=vertical]) button.sui-stepper__v-item:focus-visible{outline:2px solid var(--sui-text-strong-950);outline-offset:2px}.sui-stepper__chevron{display:inline-flex;align-items:center;color:var(--sui-icon-sub-600);flex-shrink:0;margin-left:auto}.sui-stepper__indicator{width:20px;height:20px;border-radius:var(--sui-radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--sui-bg-white-0);flex-shrink:0;overflow:clip;box-shadow:inset 0 0 0 1px var(--sui-stroke-soft-200);transition:background-color var(--sui-motion-duration-x-fast, .12s) var(--sui-motion-ease-out, ease-out),box-shadow var(--sui-motion-duration-x-fast, .12s) var(--sui-motion-ease-out, ease-out),color var(--sui-motion-duration-x-fast, .12s) var(--sui-motion-ease-out, ease-out)}[data-state=active] .sui-stepper__indicator{background:var(--sui-primary-base);box-shadow:none}[data-state=completed] .sui-stepper__indicator{background:transparent;box-shadow:none;color:var(--sui-state-success-base)}[data-state=error] .sui-stepper__indicator{background:transparent;box-shadow:none;color:var(--sui-state-error-base)}[data-state=error] .sui-stepper__label{color:var(--sui-state-error-base)}:host([data-variant=vertical]) .sui-stepper__v-item[data-state=default] .sui-stepper__indicator{box-shadow:var(--sui-regular-shadow-x-small)}.sui-stepper__indicator-num{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);color:var(--sui-text-sub-600);text-align:center;width:16px;font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0}[data-state=active] .sui-stepper__indicator-num{color:var(--sui-static-white, #ffffff)}.sui-stepper__label{font-size:var(--sui-type-paragraph-sm-size);font-weight:var(--sui-type-paragraph-sm-weight);line-height:var(--sui-type-paragraph-sm-line);letter-spacing:var(--sui-type-paragraph-sm-spacing);color:var(--sui-text-sub-600);white-space:nowrap;font-feature-settings:\"ss11\" 1,\"calt\" 0,\"liga\" 0}:host([data-variant=vertical]) .sui-stepper__label{white-space:normal;flex:1 0 0;min-width:0}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], currentStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStep", required: false }] }], errorStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStep", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }] } });
 
+/**
+ * Carga de imágenes resiliente estilo app nativa (feel SDWebImage/Glide).
+ *
+ * Los `<img>` (y los background CSS) del browser NO reintentan cuando un load
+ * falla: una caída puntual de red deja la imagen rota/en blanco hasta que el
+ * elemento se re-crea (bug real 2026-07-10: covers grises en el home tras un
+ * blip de red). Esta directiva replica el estándar nativo:
+ *
+ * - **Retry con backoff** al fallar: 1s → 3s → 8s (3 intentos).
+ * - **Reintento inmediato al volver la red** (evento `window:online`).
+ * - **`sui-img-loaded`** como clase al cargar → el consumer puede hacer
+ *   fade-in con CSS (`img { opacity: 0 } img.sui-img-loaded { opacity: 1 }`).
+ * - **`data-sui-img-dead`** como atributo tras agotar reintentos → el consumer
+ *   decide el fallback (ocultar, mostrar placeholder).
+ * - Si el `[src]` cambia entre errores, el contador de reintentos se resetea.
+ *
+ * El cache en disco es responsabilidad de los headers HTTP del asset
+ * (`cache-control: public, max-age=31536000, immutable` en nuestro Storage);
+ * con eso el WebView persiste la imagen entre sesiones igual que una app
+ * nativa — esta directiva solo cubre el gap de los loads FALLIDOS.
+ *
+ * Uso: `<img suiImgRetry [src]="url" />`
+ */
+class SuiImgRetry {
+    img = inject(ElementRef).nativeElement;
+    retries = 0;
+    lastFailedSrc = '';
+    timer = null;
+    static DELAYS_MS = [1000, 3000, 8000];
+    constructor() {
+        const onError = () => this.onError();
+        const onLoad = () => this.onLoad();
+        const onOnline = () => this.onOnline();
+        this.img.addEventListener('error', onError);
+        this.img.addEventListener('load', onLoad);
+        window.addEventListener('online', onOnline);
+        inject(DestroyRef).onDestroy(() => {
+            this.img.removeEventListener('error', onError);
+            this.img.removeEventListener('load', onLoad);
+            window.removeEventListener('online', onOnline);
+            if (this.timer)
+                clearTimeout(this.timer);
+        });
+    }
+    onLoad() {
+        this.retries = 0;
+        this.img.classList.add('sui-img-loaded');
+        this.img.removeAttribute('data-sui-img-dead');
+    }
+    onError() {
+        const src = this.img.src;
+        if (!src)
+            return;
+        /* src distinto al del último fallo = URL nueva → arrancar de cero. */
+        if (src !== this.lastFailedSrc) {
+            this.retries = 0;
+            this.lastFailedSrc = src;
+        }
+        this.img.classList.remove('sui-img-loaded');
+        if (this.retries >= SuiImgRetry.DELAYS_MS.length) {
+            this.img.setAttribute('data-sui-img-dead', '');
+            return;
+        }
+        const delay = SuiImgRetry.DELAYS_MS[this.retries++];
+        if (this.timer)
+            clearTimeout(this.timer);
+        this.timer = setTimeout(() => this.retry(src), delay);
+    }
+    onOnline() {
+        /* Volvió la red: si la imagen no está cargada, reintento inmediato. */
+        if (this.img.src && (!this.img.complete || this.img.naturalWidth === 0)) {
+            this.retries = 0;
+            this.retry(this.img.src);
+        }
+    }
+    async retry(src) {
+        if (this.img.src !== src)
+            return; // el binding ya lo cambió — no pisar
+        /* Cache envenenado: si la red se cortó a mitad de descarga, el WebView
+           puede cachear el cuerpo TRUNCADO bajo el header immutable — y todos los
+           reintentos leen esa copia corrupta del disco (bug real 2026-07-10:
+           cover que nunca cargaba en un solo device). `fetch cache:'reload'`
+           re-descarga desde la red y REEMPLAZA la entrada del disk cache para
+           esta URL; el <img> siguiente ya lee la copia sana. Requiere CORS GET
+           en el bucket (ya configurado). Best effort: si falla (offline), el
+           retry normal corre igual. NO limpiar el cache completo (onDestroy o
+           similar) — eso mata el beneficio nativo de no re-descargar nada. */
+        if (this.retries >= 2) {
+            try {
+                await fetch(src, { mode: 'cors', cache: 'reload' });
+            }
+            catch { /* offline */ }
+            if (this.img.src !== src)
+                return;
+        }
+        /* Re-asignar el MISMO src es no-op en algunos engines; limpiar primero
+           fuerza un load nuevo. */
+        this.img.removeAttribute('src');
+        this.img.src = src;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiImgRetry, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SuiImgRetry, isStandalone: true, selector: "img[suiImgRetry]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiImgRetry, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'img[suiImgRetry]',
+                }]
+        }], ctorParameters: () => [] });
+
 class SuiStoreCard {
     store = input.required(...(ngDevMode ? [{ debugName: "store" }] : /* istanbul ignore next */ []));
     isFavorite = input(false, ...(ngDevMode ? [{ debugName: "isFavorite" }] : /* istanbul ignore next */ []));
@@ -13964,11 +14074,11 @@ class SuiStoreCard {
         this.ratingClicked.emit({ id: s.id, name: s.name, logoUrl: s.logoUrl ?? null });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiStoreCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SuiStoreCard, isStandalone: true, selector: "sui-store-card", inputs: { store: { classPropertyName: "store", publicName: "store", isSignal: true, isRequired: true, transformFunction: null }, isFavorite: { classPropertyName: "isFavorite", publicName: "isFavorite", isSignal: true, isRequired: false, transformFunction: null }, disableLink: { classPropertyName: "disableLink", publicName: "disableLink", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleFavorite: "toggleFavorite", ratingClicked: "ratingClicked" }, ngImport: i0, template: "<a class=\"store\"\n   [class.store--suspended]=\"store().isSuspended\"\n   [class.store--closed]=\"!store().isOpen && !store().isSuspended && !store().isOwnerPreview\"\n   [class.store--preview]=\"store().isOwnerPreview\"\n   [routerLink]=\"link()\"\n   (click)=\"onCardClick($event)\">\n\n  <div class=\"store__cover\"\n       [style.background-image]=\"store().coverUrl ? 'url(' + store().coverUrl + ')' : null\"\n       [class.store__cover--fallback]=\"!store().coverUrl\">\n    <div class=\"store__cover-grad\"></div>\n\n    @if (!store().isOwnerPreview) {\n      <button type=\"button\"\n              class=\"store__fav\"\n              [class.store__fav--active]=\"isFavorite()\"\n              (click)=\"onFavClick($event)\"\n              aria-label=\"Favorito\">\n        <sui-icon\n          [name]=\"isFavorite() ? 'heart-fill' : 'heart-line'\"\n          [size]=\"18\"\n          color=\"#fa7319\"\n        ></sui-icon>\n      </button>\n    }\n\n    @if (store().isSuspended) {\n      <span class=\"store__status store__status--suspended\">No disponible</span>\n    } @else if (previewBadge(); as pb) {\n      <span class=\"store__status\"\n            [class.store__status--draft]=\"pb.variant === 'draft'\"\n            [class.store__status--pending]=\"pb.variant === 'pending'\"\n            [class.store__status--rejected]=\"pb.variant === 'rejected'\">\n        {{ pb.label }}\n      </span>\n    } @else {\n      <span class=\"store__status\"\n            [class.store__status--open]=\"store().isOpen\"\n            [class.store__status--closed]=\"!store().isOpen\">\n        {{ store().isOpen ? 'Abierto' : 'Cerrado' }}\n      </span>\n    }\n  </div>\n\n  <div class=\"store__body\">\n    <div class=\"store__logo\">\n      @if (store().logoUrl) {\n        <img [src]=\"store().logoUrl\" [alt]=\"store().name\" (error)=\"$any($event).target.style.display='none'\" />\n      } @else {\n        {{ initial() }}\n      }\n    </div>\n    <div class=\"store__info\">\n      <h3 class=\"store__name\">{{ store().name }}</h3>\n      <p class=\"store__type\">{{ store().businessType }}</p>\n\n      @if (store().isOwnerPreview) {\n        <!-- Modo preview (owner viendo borrador/revisi\u00F3n, super-admin revisando):\n             solo Ubicaci\u00F3n + Env\u00EDo. Rating + Distancia no aplican antes de aprobar. -->\n        <div class=\"store__meta store__meta--preview\">\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Ubicaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"map-pin-line\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ store().district || '\u2014' }}\n            </span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Env\u00EDo</span>\n            <span class=\"store__stat-value\">{{ deliveryLabel() }}</span>\n          </div>\n        </div>\n      } @else {\n        <div class=\"store__meta\">\n          <button\n            type=\"button\"\n            class=\"store__stat store__stat--clickable\"\n            (click)=\"onRatingClick($event)\"\n            (touchstart)=\"$event.currentTarget\"\n            (touchend)=\"$any($event.currentTarget).blur()\"\n            [attr.aria-label]=\"'Ver calificaciones del local'\"\n          >\n            <span class=\"store__stat-label\">Calificaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"star-fill\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ ratingLabel() }}\n            </span>\n          </button>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Ubicaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"map-pin-line\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ store().district || '\u2014' }}\n            </span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Env\u00EDo</span>\n            <span class=\"store__stat-value\">{{ deliveryLabel() }}</span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Distancia</span>\n            <span class=\"store__stat-value\">{{ distanceLabel() }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</a>\n", styles: ["@charset \"UTF-8\";.mp-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent;line-height:1}.mp-badge--green{background:var(--admin-success-bg, #dcfce7);color:var(--admin-success, #16a34a)}.mp-badge--red{background:var(--admin-error-bg, #fee2e2);color:var(--admin-error, #ef4444)}.mp-badge--orange{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.mp-badge--blue{background:var(--admin-info-bg, #dbeafe);color:#2563eb}.mp-badge--gray{background:var(--admin-bg-tertiary, #f3f4f6);color:var(--admin-text-tertiary, #6b7280)}.mp-badge--sm{height:20px;padding:0 8px;font-size:11px}.mp-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s ease}.mp-action-btn:disabled{opacity:.5;cursor:not-allowed}.mp-action-btn--activate{background:var(--admin-success, #16a34a);color:#fff}.mp-action-btn--activate:hover{background:#15803d}.mp-action-btn--renew{background:var(--admin-info, #3b82f6);color:#fff}.mp-action-btn--renew:hover{background:#2563eb}.mp-action-btn--suspend{background:var(--admin-bg-primary, #fff);color:var(--admin-error, #ef4444);border-color:#fca5a5}.mp-action-btn--suspend:hover{background:var(--admin-error-bg, #fee2e2)}.mp-action-btn--danger{background:#dc2626;color:#fff;border:none}.mp-action-btn--danger:hover{background:#b91c1c}.mp-action-btn--outline{background:var(--admin-bg-primary, #fff);color:var(--admin-text-secondary, #374151);border-color:var(--admin-border-primary, #e5e7eb)}.mp-action-btn--outline:hover{background:var(--admin-bg-hover, #f9fafb)}.mp-action-btn--icon{width:28px;height:28px;padding:0;background:transparent;color:var(--admin-text-muted, #9ca3af);border:none}.mp-action-btn--icon:hover{background:var(--admin-bg-hover, #f9fafb);color:var(--admin-text-primary, #171717)}.mp-action-btn--icon-danger{width:28px;height:28px;padding:0;background:transparent;color:#dc2626;border:none}.mp-action-btn--icon-danger:hover{background:var(--admin-error-bg, #fee2e2);color:#dc2626}:host{display:block}.store{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.store img{-webkit-user-drag:none;pointer-events:none}.store{display:block;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}.store:active{transform:scale(.995);box-shadow:0 4px 14px #00000014}.store--suspended{cursor:not-allowed;opacity:.6}.store--closed .store__cover{filter:grayscale(1) brightness(.92);transition:filter .2s ease}.store--preview{cursor:default}.store--preview:active{transform:none;box-shadow:none}.store__cover{height:120px;position:relative;background:var(--sui-bg-soft-200, #e5e7eb);background-size:cover;background-position:center}.store__cover--fallback{background:linear-gradient(135deg,#3a3a3a,#171717)}.store__cover-grad{position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#00000059);pointer-events:none}.store__fav{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background .15s ease}.store__fav:active{background:#fff}.store__status{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:4px;z-index:1;letter-spacing:.01em}.store__status:before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--sui-state-success-base, #22c55e)}.store__status--open{color:var(--sui-state-success-base, #16a34a)}.store__status--open:before{background:var(--sui-state-success-base, #22c55e)}.store__status--closed{color:var(--sui-state-faded-base, #94a3b8)}.store__status--closed:before{background:var(--sui-state-faded-base, #94a3b8)}.store__status--suspended{color:var(--sui-state-error-base, #dc2626)}.store__status--suspended:before{background:var(--sui-state-error-base, #dc2626)}.store__status--draft{color:var(--sui-state-faded-base, #475569);background:#fffffff5}.store__status--draft:before{background:var(--sui-state-faded-base, #94a3b8)}.store__status--pending{color:#c2530b;background:#fffffff5}.store__status--pending:before{background:var(--sui-primary-base, #fa7319);animation:store-pulse 1.6s ease-in-out infinite}.store__status--rejected{color:var(--sui-state-error-base, #b91c1c);background:#fffffff5}.store__status--rejected:before{background:var(--sui-state-error-base, #dc2626)}@keyframes store-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.4)}}.store__body{padding:12px 14px 14px;display:flex;gap:12px;align-items:flex-start}.store__logo{width:48px;height:48px;border-radius:10px;background:var(--sui-bg-white-0, #fff);border:2px solid var(--sui-bg-white-0, #fff);box-shadow:0 1px 4px #0000001f;flex-shrink:0;margin-top:-32px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--sui-primary-base, #fa7319);overflow:hidden;position:relative;z-index:2}.store__logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.store__info{flex:1;min-width:0}.store__name{font-size:20px;line-height:26px;font-weight:700;color:var(--sui-text-strong-950, #171717);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store__type{font-size:14px;line-height:20px;font-weight:500;color:var(--sui-text-sub-600, #5c5c5c);margin:0 0 8px}.store__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--sui-stroke-soft-200, #ebebeb)}.store__meta--preview{justify-content:flex-start;gap:32px}.store__stat{display:flex;flex-direction:column;gap:2px;min-width:0}.store__stat--clickable{background:transparent;border:none;padding:4px 6px;margin:-4px -6px;border-radius:8px;cursor:pointer;text-align:left;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;transition:background-color .15s}.store__stat--clickable:hover{background:var(--sui-bg-weak-50, #f5f7fa)}.store__stat--clickable:active{background:var(--sui-bg-soft-200, #ebeef2)}.store__stat-label{font-size:10px;color:var(--sui-text-soft-400, #a3a3a3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.store__stat-value{font-size:13px;font-weight:700;color:var(--sui-text-strong-950, #171717);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.store__stat-value svg{color:var(--sui-primary-base, #fa7319);flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: SuiStoreCard, isStandalone: true, selector: "sui-store-card", inputs: { store: { classPropertyName: "store", publicName: "store", isSignal: true, isRequired: true, transformFunction: null }, isFavorite: { classPropertyName: "isFavorite", publicName: "isFavorite", isSignal: true, isRequired: false, transformFunction: null }, disableLink: { classPropertyName: "disableLink", publicName: "disableLink", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleFavorite: "toggleFavorite", ratingClicked: "ratingClicked" }, ngImport: i0, template: "<a class=\"store\"\n   [class.store--suspended]=\"store().isSuspended\"\n   [class.store--closed]=\"!store().isOpen && !store().isSuspended && !store().isOwnerPreview\"\n   [class.store--preview]=\"store().isOwnerPreview\"\n   [routerLink]=\"link()\"\n   (click)=\"onCardClick($event)\">\n\n  <div class=\"store__cover\"\n       [class.store__cover--fallback]=\"!store().coverUrl\">\n    <!-- <img> real (no background CSS): permite retry nativo via suiImgRetry\n         cuando un load falla (red flaky) + fade-in al cargar. El fallback\n         oscuro queda debajo como placeholder hasta que la imagen aparece. -->\n    @if (store().coverUrl) {\n      <img class=\"store__cover-img\"\n           suiImgRetry\n           [src]=\"store().coverUrl\"\n           alt=\"\"\n           loading=\"lazy\"\n           decoding=\"async\" />\n    }\n    <div class=\"store__cover-grad\"></div>\n\n    @if (!store().isOwnerPreview) {\n      <button type=\"button\"\n              class=\"store__fav\"\n              [class.store__fav--active]=\"isFavorite()\"\n              (click)=\"onFavClick($event)\"\n              aria-label=\"Favorito\">\n        <sui-icon\n          [name]=\"isFavorite() ? 'heart-fill' : 'heart-line'\"\n          [size]=\"18\"\n          color=\"#fa7319\"\n        ></sui-icon>\n      </button>\n    }\n\n    @if (store().isSuspended) {\n      <span class=\"store__status store__status--suspended\">No disponible</span>\n    } @else if (previewBadge(); as pb) {\n      <span class=\"store__status\"\n            [class.store__status--draft]=\"pb.variant === 'draft'\"\n            [class.store__status--pending]=\"pb.variant === 'pending'\"\n            [class.store__status--rejected]=\"pb.variant === 'rejected'\">\n        {{ pb.label }}\n      </span>\n    } @else {\n      <span class=\"store__status\"\n            [class.store__status--open]=\"store().isOpen\"\n            [class.store__status--closed]=\"!store().isOpen\">\n        {{ store().isOpen ? 'Abierto' : 'Cerrado' }}\n      </span>\n    }\n  </div>\n\n  <div class=\"store__body\">\n    <div class=\"store__logo\">\n      @if (store().logoUrl) {\n        <!-- suiImgRetry reintenta loads fallidos; si muere definitivo, el\n             atributo data-sui-img-dead lo oculta via CSS (queda el fondo). -->\n        <img suiImgRetry [src]=\"store().logoUrl\" [alt]=\"store().name\" />\n      } @else {\n        {{ initial() }}\n      }\n    </div>\n    <div class=\"store__info\">\n      <h3 class=\"store__name\">{{ store().name }}</h3>\n      <p class=\"store__type\">{{ store().businessType }}</p>\n\n      @if (store().isOwnerPreview) {\n        <!-- Modo preview (owner viendo borrador/revisi\u00F3n, super-admin revisando):\n             solo Ubicaci\u00F3n + Env\u00EDo. Rating + Distancia no aplican antes de aprobar. -->\n        <div class=\"store__meta store__meta--preview\">\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Ubicaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"map-pin-line\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ store().district || '\u2014' }}\n            </span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Env\u00EDo</span>\n            <span class=\"store__stat-value\">{{ deliveryLabel() }}</span>\n          </div>\n        </div>\n      } @else {\n        <div class=\"store__meta\">\n          <button\n            type=\"button\"\n            class=\"store__stat store__stat--clickable\"\n            (click)=\"onRatingClick($event)\"\n            (touchstart)=\"$event.currentTarget\"\n            (touchend)=\"$any($event.currentTarget).blur()\"\n            [attr.aria-label]=\"'Ver calificaciones del local'\"\n          >\n            <span class=\"store__stat-label\">Calificaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"star-fill\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ ratingLabel() }}\n            </span>\n          </button>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Ubicaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"map-pin-line\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ store().district || '\u2014' }}\n            </span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Env\u00EDo</span>\n            <span class=\"store__stat-value\">{{ deliveryLabel() }}</span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Distancia</span>\n            <span class=\"store__stat-value\">{{ distanceLabel() }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</a>\n", styles: ["@charset \"UTF-8\";.mp-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent;line-height:1}.mp-badge--green{background:var(--admin-success-bg, #dcfce7);color:var(--admin-success, #16a34a)}.mp-badge--red{background:var(--admin-error-bg, #fee2e2);color:var(--admin-error, #ef4444)}.mp-badge--orange{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.mp-badge--blue{background:var(--admin-info-bg, #dbeafe);color:#2563eb}.mp-badge--gray{background:var(--admin-bg-tertiary, #f3f4f6);color:var(--admin-text-tertiary, #6b7280)}.mp-badge--sm{height:20px;padding:0 8px;font-size:11px}.mp-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s ease}.mp-action-btn:disabled{opacity:.5;cursor:not-allowed}.mp-action-btn--activate{background:var(--admin-success, #16a34a);color:#fff}.mp-action-btn--activate:hover{background:#15803d}.mp-action-btn--renew{background:var(--admin-info, #3b82f6);color:#fff}.mp-action-btn--renew:hover{background:#2563eb}.mp-action-btn--suspend{background:var(--admin-bg-primary, #fff);color:var(--admin-error, #ef4444);border-color:#fca5a5}.mp-action-btn--suspend:hover{background:var(--admin-error-bg, #fee2e2)}.mp-action-btn--danger{background:#dc2626;color:#fff;border:none}.mp-action-btn--danger:hover{background:#b91c1c}.mp-action-btn--outline{background:var(--admin-bg-primary, #fff);color:var(--admin-text-secondary, #374151);border-color:var(--admin-border-primary, #e5e7eb)}.mp-action-btn--outline:hover{background:var(--admin-bg-hover, #f9fafb)}.mp-action-btn--icon{width:28px;height:28px;padding:0;background:transparent;color:var(--admin-text-muted, #9ca3af);border:none}.mp-action-btn--icon:hover{background:var(--admin-bg-hover, #f9fafb);color:var(--admin-text-primary, #171717)}.mp-action-btn--icon-danger{width:28px;height:28px;padding:0;background:transparent;color:#dc2626;border:none}.mp-action-btn--icon-danger:hover{background:var(--admin-error-bg, #fee2e2);color:#dc2626}:host{display:block}.store{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.store img{-webkit-user-drag:none;pointer-events:none}.store{display:block;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}.store:active{transform:scale(.995);box-shadow:0 4px 14px #00000014}.store--suspended{cursor:not-allowed;opacity:.6}.store--closed .store__cover{filter:grayscale(1) brightness(.92);transition:filter .2s ease}.store--preview{cursor:default}.store--preview:active{transform:none;box-shadow:none}.store__cover{height:120px;position:relative;overflow:hidden;background:linear-gradient(135deg,#3a3a3a,#171717)}.store__cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease-out}.store__cover-img.sui-img-loaded{opacity:1}.store__cover-img[data-sui-img-dead]{display:none}.store__cover-grad{position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#00000059);pointer-events:none}.store__fav{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background .15s ease}.store__fav:active{background:#fff}.store__status{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:4px;z-index:1;letter-spacing:.01em}.store__status:before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--sui-state-success-base, #22c55e)}.store__status--open{color:var(--sui-state-success-base, #16a34a)}.store__status--open:before{background:var(--sui-state-success-base, #22c55e)}.store__status--closed{color:var(--sui-state-faded-base, #94a3b8)}.store__status--closed:before{background:var(--sui-state-faded-base, #94a3b8)}.store__status--suspended{color:var(--sui-state-error-base, #dc2626)}.store__status--suspended:before{background:var(--sui-state-error-base, #dc2626)}.store__status--draft{color:var(--sui-state-faded-base, #475569);background:#fffffff5}.store__status--draft:before{background:var(--sui-state-faded-base, #94a3b8)}.store__status--pending{color:#c2530b;background:#fffffff5}.store__status--pending:before{background:var(--sui-primary-base, #fa7319);animation:store-pulse 1.6s ease-in-out infinite}.store__status--rejected{color:var(--sui-state-error-base, #b91c1c);background:#fffffff5}.store__status--rejected:before{background:var(--sui-state-error-base, #dc2626)}@keyframes store-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.4)}}.store__body{padding:12px 14px 14px;display:flex;gap:12px;align-items:flex-start}.store__logo img[data-sui-img-dead]{display:none}.store__logo{width:48px;height:48px;border-radius:10px;background:var(--sui-bg-white-0, #fff);border:2px solid var(--sui-bg-white-0, #fff);box-shadow:0 1px 4px #0000001f;flex-shrink:0;margin-top:-32px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--sui-primary-base, #fa7319);overflow:hidden;position:relative;z-index:2}.store__logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.store__info{flex:1;min-width:0}.store__name{font-size:20px;line-height:26px;font-weight:700;color:var(--sui-text-strong-950, #171717);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store__type{font-size:14px;line-height:20px;font-weight:500;color:var(--sui-text-sub-600, #5c5c5c);margin:0 0 8px}.store__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--sui-stroke-soft-200, #ebebeb)}.store__meta--preview{justify-content:flex-start;gap:32px}.store__stat{display:flex;flex-direction:column;gap:2px;min-width:0}.store__stat--clickable{background:transparent;border:none;padding:4px 6px;margin:-4px -6px;border-radius:8px;cursor:pointer;text-align:left;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;transition:background-color .15s}.store__stat--clickable:hover{background:var(--sui-bg-weak-50, #f5f7fa)}.store__stat--clickable:active{background:var(--sui-bg-soft-200, #ebeef2)}.store__stat-label{font-size:10px;color:var(--sui-text-soft-400, #a3a3a3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.store__stat-value{font-size:13px;font-weight:700;color:var(--sui-text-strong-950, #171717);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.store__stat-value svg{color:var(--sui-primary-base, #fa7319);flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: SuiIcon, selector: "sui-icon", inputs: ["name", "size", "color"] }, { kind: "directive", type: SuiImgRetry, selector: "img[suiImgRetry]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SuiStoreCard, decorators: [{
             type: Component,
-            args: [{ selector: 'sui-store-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [RouterLink, SuiIcon], template: "<a class=\"store\"\n   [class.store--suspended]=\"store().isSuspended\"\n   [class.store--closed]=\"!store().isOpen && !store().isSuspended && !store().isOwnerPreview\"\n   [class.store--preview]=\"store().isOwnerPreview\"\n   [routerLink]=\"link()\"\n   (click)=\"onCardClick($event)\">\n\n  <div class=\"store__cover\"\n       [style.background-image]=\"store().coverUrl ? 'url(' + store().coverUrl + ')' : null\"\n       [class.store__cover--fallback]=\"!store().coverUrl\">\n    <div class=\"store__cover-grad\"></div>\n\n    @if (!store().isOwnerPreview) {\n      <button type=\"button\"\n              class=\"store__fav\"\n              [class.store__fav--active]=\"isFavorite()\"\n              (click)=\"onFavClick($event)\"\n              aria-label=\"Favorito\">\n        <sui-icon\n          [name]=\"isFavorite() ? 'heart-fill' : 'heart-line'\"\n          [size]=\"18\"\n          color=\"#fa7319\"\n        ></sui-icon>\n      </button>\n    }\n\n    @if (store().isSuspended) {\n      <span class=\"store__status store__status--suspended\">No disponible</span>\n    } @else if (previewBadge(); as pb) {\n      <span class=\"store__status\"\n            [class.store__status--draft]=\"pb.variant === 'draft'\"\n            [class.store__status--pending]=\"pb.variant === 'pending'\"\n            [class.store__status--rejected]=\"pb.variant === 'rejected'\">\n        {{ pb.label }}\n      </span>\n    } @else {\n      <span class=\"store__status\"\n            [class.store__status--open]=\"store().isOpen\"\n            [class.store__status--closed]=\"!store().isOpen\">\n        {{ store().isOpen ? 'Abierto' : 'Cerrado' }}\n      </span>\n    }\n  </div>\n\n  <div class=\"store__body\">\n    <div class=\"store__logo\">\n      @if (store().logoUrl) {\n        <img [src]=\"store().logoUrl\" [alt]=\"store().name\" (error)=\"$any($event).target.style.display='none'\" />\n      } @else {\n        {{ initial() }}\n      }\n    </div>\n    <div class=\"store__info\">\n      <h3 class=\"store__name\">{{ store().name }}</h3>\n      <p class=\"store__type\">{{ store().businessType }}</p>\n\n      @if (store().isOwnerPreview) {\n        <!-- Modo preview (owner viendo borrador/revisi\u00F3n, super-admin revisando):\n             solo Ubicaci\u00F3n + Env\u00EDo. Rating + Distancia no aplican antes de aprobar. -->\n        <div class=\"store__meta store__meta--preview\">\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Ubicaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"map-pin-line\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ store().district || '\u2014' }}\n            </span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Env\u00EDo</span>\n            <span class=\"store__stat-value\">{{ deliveryLabel() }}</span>\n          </div>\n        </div>\n      } @else {\n        <div class=\"store__meta\">\n          <button\n            type=\"button\"\n            class=\"store__stat store__stat--clickable\"\n            (click)=\"onRatingClick($event)\"\n            (touchstart)=\"$event.currentTarget\"\n            (touchend)=\"$any($event.currentTarget).blur()\"\n            [attr.aria-label]=\"'Ver calificaciones del local'\"\n          >\n            <span class=\"store__stat-label\">Calificaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"star-fill\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ ratingLabel() }}\n            </span>\n          </button>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Ubicaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"map-pin-line\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ store().district || '\u2014' }}\n            </span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Env\u00EDo</span>\n            <span class=\"store__stat-value\">{{ deliveryLabel() }}</span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Distancia</span>\n            <span class=\"store__stat-value\">{{ distanceLabel() }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</a>\n", styles: ["@charset \"UTF-8\";.mp-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent;line-height:1}.mp-badge--green{background:var(--admin-success-bg, #dcfce7);color:var(--admin-success, #16a34a)}.mp-badge--red{background:var(--admin-error-bg, #fee2e2);color:var(--admin-error, #ef4444)}.mp-badge--orange{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.mp-badge--blue{background:var(--admin-info-bg, #dbeafe);color:#2563eb}.mp-badge--gray{background:var(--admin-bg-tertiary, #f3f4f6);color:var(--admin-text-tertiary, #6b7280)}.mp-badge--sm{height:20px;padding:0 8px;font-size:11px}.mp-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s ease}.mp-action-btn:disabled{opacity:.5;cursor:not-allowed}.mp-action-btn--activate{background:var(--admin-success, #16a34a);color:#fff}.mp-action-btn--activate:hover{background:#15803d}.mp-action-btn--renew{background:var(--admin-info, #3b82f6);color:#fff}.mp-action-btn--renew:hover{background:#2563eb}.mp-action-btn--suspend{background:var(--admin-bg-primary, #fff);color:var(--admin-error, #ef4444);border-color:#fca5a5}.mp-action-btn--suspend:hover{background:var(--admin-error-bg, #fee2e2)}.mp-action-btn--danger{background:#dc2626;color:#fff;border:none}.mp-action-btn--danger:hover{background:#b91c1c}.mp-action-btn--outline{background:var(--admin-bg-primary, #fff);color:var(--admin-text-secondary, #374151);border-color:var(--admin-border-primary, #e5e7eb)}.mp-action-btn--outline:hover{background:var(--admin-bg-hover, #f9fafb)}.mp-action-btn--icon{width:28px;height:28px;padding:0;background:transparent;color:var(--admin-text-muted, #9ca3af);border:none}.mp-action-btn--icon:hover{background:var(--admin-bg-hover, #f9fafb);color:var(--admin-text-primary, #171717)}.mp-action-btn--icon-danger{width:28px;height:28px;padding:0;background:transparent;color:#dc2626;border:none}.mp-action-btn--icon-danger:hover{background:var(--admin-error-bg, #fee2e2);color:#dc2626}:host{display:block}.store{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.store img{-webkit-user-drag:none;pointer-events:none}.store{display:block;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}.store:active{transform:scale(.995);box-shadow:0 4px 14px #00000014}.store--suspended{cursor:not-allowed;opacity:.6}.store--closed .store__cover{filter:grayscale(1) brightness(.92);transition:filter .2s ease}.store--preview{cursor:default}.store--preview:active{transform:none;box-shadow:none}.store__cover{height:120px;position:relative;background:var(--sui-bg-soft-200, #e5e7eb);background-size:cover;background-position:center}.store__cover--fallback{background:linear-gradient(135deg,#3a3a3a,#171717)}.store__cover-grad{position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#00000059);pointer-events:none}.store__fav{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background .15s ease}.store__fav:active{background:#fff}.store__status{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:4px;z-index:1;letter-spacing:.01em}.store__status:before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--sui-state-success-base, #22c55e)}.store__status--open{color:var(--sui-state-success-base, #16a34a)}.store__status--open:before{background:var(--sui-state-success-base, #22c55e)}.store__status--closed{color:var(--sui-state-faded-base, #94a3b8)}.store__status--closed:before{background:var(--sui-state-faded-base, #94a3b8)}.store__status--suspended{color:var(--sui-state-error-base, #dc2626)}.store__status--suspended:before{background:var(--sui-state-error-base, #dc2626)}.store__status--draft{color:var(--sui-state-faded-base, #475569);background:#fffffff5}.store__status--draft:before{background:var(--sui-state-faded-base, #94a3b8)}.store__status--pending{color:#c2530b;background:#fffffff5}.store__status--pending:before{background:var(--sui-primary-base, #fa7319);animation:store-pulse 1.6s ease-in-out infinite}.store__status--rejected{color:var(--sui-state-error-base, #b91c1c);background:#fffffff5}.store__status--rejected:before{background:var(--sui-state-error-base, #dc2626)}@keyframes store-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.4)}}.store__body{padding:12px 14px 14px;display:flex;gap:12px;align-items:flex-start}.store__logo{width:48px;height:48px;border-radius:10px;background:var(--sui-bg-white-0, #fff);border:2px solid var(--sui-bg-white-0, #fff);box-shadow:0 1px 4px #0000001f;flex-shrink:0;margin-top:-32px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--sui-primary-base, #fa7319);overflow:hidden;position:relative;z-index:2}.store__logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.store__info{flex:1;min-width:0}.store__name{font-size:20px;line-height:26px;font-weight:700;color:var(--sui-text-strong-950, #171717);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store__type{font-size:14px;line-height:20px;font-weight:500;color:var(--sui-text-sub-600, #5c5c5c);margin:0 0 8px}.store__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--sui-stroke-soft-200, #ebebeb)}.store__meta--preview{justify-content:flex-start;gap:32px}.store__stat{display:flex;flex-direction:column;gap:2px;min-width:0}.store__stat--clickable{background:transparent;border:none;padding:4px 6px;margin:-4px -6px;border-radius:8px;cursor:pointer;text-align:left;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;transition:background-color .15s}.store__stat--clickable:hover{background:var(--sui-bg-weak-50, #f5f7fa)}.store__stat--clickable:active{background:var(--sui-bg-soft-200, #ebeef2)}.store__stat-label{font-size:10px;color:var(--sui-text-soft-400, #a3a3a3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.store__stat-value{font-size:13px;font-weight:700;color:var(--sui-text-strong-950, #171717);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.store__stat-value svg{color:var(--sui-primary-base, #fa7319);flex-shrink:0}\n"] }]
+            args: [{ selector: 'sui-store-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [RouterLink, SuiIcon, SuiImgRetry], template: "<a class=\"store\"\n   [class.store--suspended]=\"store().isSuspended\"\n   [class.store--closed]=\"!store().isOpen && !store().isSuspended && !store().isOwnerPreview\"\n   [class.store--preview]=\"store().isOwnerPreview\"\n   [routerLink]=\"link()\"\n   (click)=\"onCardClick($event)\">\n\n  <div class=\"store__cover\"\n       [class.store__cover--fallback]=\"!store().coverUrl\">\n    <!-- <img> real (no background CSS): permite retry nativo via suiImgRetry\n         cuando un load falla (red flaky) + fade-in al cargar. El fallback\n         oscuro queda debajo como placeholder hasta que la imagen aparece. -->\n    @if (store().coverUrl) {\n      <img class=\"store__cover-img\"\n           suiImgRetry\n           [src]=\"store().coverUrl\"\n           alt=\"\"\n           loading=\"lazy\"\n           decoding=\"async\" />\n    }\n    <div class=\"store__cover-grad\"></div>\n\n    @if (!store().isOwnerPreview) {\n      <button type=\"button\"\n              class=\"store__fav\"\n              [class.store__fav--active]=\"isFavorite()\"\n              (click)=\"onFavClick($event)\"\n              aria-label=\"Favorito\">\n        <sui-icon\n          [name]=\"isFavorite() ? 'heart-fill' : 'heart-line'\"\n          [size]=\"18\"\n          color=\"#fa7319\"\n        ></sui-icon>\n      </button>\n    }\n\n    @if (store().isSuspended) {\n      <span class=\"store__status store__status--suspended\">No disponible</span>\n    } @else if (previewBadge(); as pb) {\n      <span class=\"store__status\"\n            [class.store__status--draft]=\"pb.variant === 'draft'\"\n            [class.store__status--pending]=\"pb.variant === 'pending'\"\n            [class.store__status--rejected]=\"pb.variant === 'rejected'\">\n        {{ pb.label }}\n      </span>\n    } @else {\n      <span class=\"store__status\"\n            [class.store__status--open]=\"store().isOpen\"\n            [class.store__status--closed]=\"!store().isOpen\">\n        {{ store().isOpen ? 'Abierto' : 'Cerrado' }}\n      </span>\n    }\n  </div>\n\n  <div class=\"store__body\">\n    <div class=\"store__logo\">\n      @if (store().logoUrl) {\n        <!-- suiImgRetry reintenta loads fallidos; si muere definitivo, el\n             atributo data-sui-img-dead lo oculta via CSS (queda el fondo). -->\n        <img suiImgRetry [src]=\"store().logoUrl\" [alt]=\"store().name\" />\n      } @else {\n        {{ initial() }}\n      }\n    </div>\n    <div class=\"store__info\">\n      <h3 class=\"store__name\">{{ store().name }}</h3>\n      <p class=\"store__type\">{{ store().businessType }}</p>\n\n      @if (store().isOwnerPreview) {\n        <!-- Modo preview (owner viendo borrador/revisi\u00F3n, super-admin revisando):\n             solo Ubicaci\u00F3n + Env\u00EDo. Rating + Distancia no aplican antes de aprobar. -->\n        <div class=\"store__meta store__meta--preview\">\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Ubicaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"map-pin-line\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ store().district || '\u2014' }}\n            </span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Env\u00EDo</span>\n            <span class=\"store__stat-value\">{{ deliveryLabel() }}</span>\n          </div>\n        </div>\n      } @else {\n        <div class=\"store__meta\">\n          <button\n            type=\"button\"\n            class=\"store__stat store__stat--clickable\"\n            (click)=\"onRatingClick($event)\"\n            (touchstart)=\"$event.currentTarget\"\n            (touchend)=\"$any($event.currentTarget).blur()\"\n            [attr.aria-label]=\"'Ver calificaciones del local'\"\n          >\n            <span class=\"store__stat-label\">Calificaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"star-fill\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ ratingLabel() }}\n            </span>\n          </button>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Ubicaci\u00F3n</span>\n            <span class=\"store__stat-value\">\n              <sui-icon name=\"map-pin-line\" [size]=\"13\" color=\"var(--brand-500, #fa7319)\"></sui-icon>\n              {{ store().district || '\u2014' }}\n            </span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Env\u00EDo</span>\n            <span class=\"store__stat-value\">{{ deliveryLabel() }}</span>\n          </div>\n          <div class=\"store__stat\">\n            <span class=\"store__stat-label\">Distancia</span>\n            <span class=\"store__stat-value\">{{ distanceLabel() }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</a>\n", styles: ["@charset \"UTF-8\";.mp-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent;line-height:1}.mp-badge--green{background:var(--admin-success-bg, #dcfce7);color:var(--admin-success, #16a34a)}.mp-badge--red{background:var(--admin-error-bg, #fee2e2);color:var(--admin-error, #ef4444)}.mp-badge--orange{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.mp-badge--blue{background:var(--admin-info-bg, #dbeafe);color:#2563eb}.mp-badge--gray{background:var(--admin-bg-tertiary, #f3f4f6);color:var(--admin-text-tertiary, #6b7280)}.mp-badge--sm{height:20px;padding:0 8px;font-size:11px}.mp-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s ease}.mp-action-btn:disabled{opacity:.5;cursor:not-allowed}.mp-action-btn--activate{background:var(--admin-success, #16a34a);color:#fff}.mp-action-btn--activate:hover{background:#15803d}.mp-action-btn--renew{background:var(--admin-info, #3b82f6);color:#fff}.mp-action-btn--renew:hover{background:#2563eb}.mp-action-btn--suspend{background:var(--admin-bg-primary, #fff);color:var(--admin-error, #ef4444);border-color:#fca5a5}.mp-action-btn--suspend:hover{background:var(--admin-error-bg, #fee2e2)}.mp-action-btn--danger{background:#dc2626;color:#fff;border:none}.mp-action-btn--danger:hover{background:#b91c1c}.mp-action-btn--outline{background:var(--admin-bg-primary, #fff);color:var(--admin-text-secondary, #374151);border-color:var(--admin-border-primary, #e5e7eb)}.mp-action-btn--outline:hover{background:var(--admin-bg-hover, #f9fafb)}.mp-action-btn--icon{width:28px;height:28px;padding:0;background:transparent;color:var(--admin-text-muted, #9ca3af);border:none}.mp-action-btn--icon:hover{background:var(--admin-bg-hover, #f9fafb);color:var(--admin-text-primary, #171717)}.mp-action-btn--icon-danger{width:28px;height:28px;padding:0;background:transparent;color:#dc2626;border:none}.mp-action-btn--icon-danger:hover{background:var(--admin-error-bg, #fee2e2);color:#dc2626}:host{display:block}.store{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.store img{-webkit-user-drag:none;pointer-events:none}.store{display:block;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}.store:active{transform:scale(.995);box-shadow:0 4px 14px #00000014}.store--suspended{cursor:not-allowed;opacity:.6}.store--closed .store__cover{filter:grayscale(1) brightness(.92);transition:filter .2s ease}.store--preview{cursor:default}.store--preview:active{transform:none;box-shadow:none}.store__cover{height:120px;position:relative;overflow:hidden;background:linear-gradient(135deg,#3a3a3a,#171717)}.store__cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease-out}.store__cover-img.sui-img-loaded{opacity:1}.store__cover-img[data-sui-img-dead]{display:none}.store__cover-grad{position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#00000059);pointer-events:none}.store__fav{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background .15s ease}.store__fav:active{background:#fff}.store__status{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:4px;z-index:1;letter-spacing:.01em}.store__status:before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--sui-state-success-base, #22c55e)}.store__status--open{color:var(--sui-state-success-base, #16a34a)}.store__status--open:before{background:var(--sui-state-success-base, #22c55e)}.store__status--closed{color:var(--sui-state-faded-base, #94a3b8)}.store__status--closed:before{background:var(--sui-state-faded-base, #94a3b8)}.store__status--suspended{color:var(--sui-state-error-base, #dc2626)}.store__status--suspended:before{background:var(--sui-state-error-base, #dc2626)}.store__status--draft{color:var(--sui-state-faded-base, #475569);background:#fffffff5}.store__status--draft:before{background:var(--sui-state-faded-base, #94a3b8)}.store__status--pending{color:#c2530b;background:#fffffff5}.store__status--pending:before{background:var(--sui-primary-base, #fa7319);animation:store-pulse 1.6s ease-in-out infinite}.store__status--rejected{color:var(--sui-state-error-base, #b91c1c);background:#fffffff5}.store__status--rejected:before{background:var(--sui-state-error-base, #dc2626)}@keyframes store-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.4)}}.store__body{padding:12px 14px 14px;display:flex;gap:12px;align-items:flex-start}.store__logo img[data-sui-img-dead]{display:none}.store__logo{width:48px;height:48px;border-radius:10px;background:var(--sui-bg-white-0, #fff);border:2px solid var(--sui-bg-white-0, #fff);box-shadow:0 1px 4px #0000001f;flex-shrink:0;margin-top:-32px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--sui-primary-base, #fa7319);overflow:hidden;position:relative;z-index:2}.store__logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.store__info{flex:1;min-width:0}.store__name{font-size:20px;line-height:26px;font-weight:700;color:var(--sui-text-strong-950, #171717);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store__type{font-size:14px;line-height:20px;font-weight:500;color:var(--sui-text-sub-600, #5c5c5c);margin:0 0 8px}.store__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--sui-stroke-soft-200, #ebebeb)}.store__meta--preview{justify-content:flex-start;gap:32px}.store__stat{display:flex;flex-direction:column;gap:2px;min-width:0}.store__stat--clickable{background:transparent;border:none;padding:4px 6px;margin:-4px -6px;border-radius:8px;cursor:pointer;text-align:left;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;transition:background-color .15s}.store__stat--clickable:hover{background:var(--sui-bg-weak-50, #f5f7fa)}.store__stat--clickable:active{background:var(--sui-bg-soft-200, #ebeef2)}.store__stat-label{font-size:10px;color:var(--sui-text-soft-400, #a3a3a3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.store__stat-value{font-size:13px;font-weight:700;color:var(--sui-text-strong-950, #171717);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.store__stat-value svg{color:var(--sui-primary-base, #fa7319);flex-shrink:0}\n"] }]
         }], propDecorators: { store: [{ type: i0.Input, args: [{ isSignal: true, alias: "store", required: true }] }], isFavorite: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFavorite", required: false }] }], disableLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableLink", required: false }] }], toggleFavorite: [{ type: i0.Output, args: ["toggleFavorite"] }], ratingClicked: [{ type: i0.Output, args: ["ratingClicked"] }] } });
 
 /**
@@ -16895,5 +17005,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DAY_LABELS_ES, DEFAULT_DURATION_PRESETS, DEFAULT_PRESETS, EMPTY_STATE_FOX_EMOJI, SUI_BRAND_LOGO_COMPANIES, SUI_COLOR_DOT_COLORS, SUI_COLOR_DOT_HEX, SUI_CUSTOM_ICONS, SUI_EMOJI_MAP, SUI_FLAG_NAMES, SUI_HEX_TO_COLOR, SUI_KEY_ICON_COLORS, SUI_KEY_ICON_SIZES, SUI_NAVBAR_VISIBILITY, SUI_PRODUCT_FALLBACK_COLORS, SUI_TAB_BAR, SuiAccordion, SuiActivityFeed, SuiActivityFilter, SuiAlert, SuiAppStoreBadge, SuiAvatar, SuiAvatarGroup, SuiBadge, SuiBanner, SuiBrandLogo, SuiBreadcrumbItem, SuiBreadcrumbs, SuiButton, SuiButtonGroup, SuiButtonGroupItem, SuiCard, SuiCheckbox, SuiCheckboxCard, SuiCheckboxLabel, SuiCircularProgressBar, SuiColorDot, SuiColorPicker, SuiCommandMenuFooter, SuiCommandMenuItem, SuiCommandMenuSearch, SuiCompactAvatarGroup, SuiCompactButton, SuiCompactSelect, SuiCompactSelectForInput, SuiContentCard, SuiContentDivider, SuiCounterInput, SuiDateSelector, SuiDatepicker, SuiDayCell, SuiDayLabel, SuiDivider, SuiDrawerFooter, SuiDrawerHeader, SuiDropdownCaption, SuiDropdownItem, SuiDropdownMenu, SuiDropdownPanel, SuiDropdownSearch, SuiEmoji, SuiEmptyState, SuiFancyButton, SuiFileIcon, SuiFileUpload, SuiFileUploadCard, SuiFilterBar, SuiFilterItem, SuiFilterPanelFooter, SuiFilterPanelHeader, SuiFlag, SuiFormHint, SuiFormLabel, SuiIcon, SuiImageUpload, SuiImageUploadProfile, SuiInlineInput, SuiInlineSelect, SuiInput, SuiIntegrationSwitch, SuiKbd, SuiKeyIcon, SuiLinkButton, SuiModal, SuiModalSheet, SuiNotification, SuiNotificationFooter, SuiNotificationTabMenu, SuiOtpInput, SuiPageHeader, SuiPagination, SuiPeriodRange, SuiPopover, SuiProductCard, SuiProgressBar, SuiProgressBarLabel, SuiRadio, SuiRadioCard, SuiRadioGroup, SuiRating, SuiRichEditor, SuiRichEditorItem, SuiSegmentedControl, SuiSelect, SuiSidebar, SuiSlider, SuiSocialButton, SuiStatusBadge, SuiStepper, SuiStoreCard, SuiSwitch, SuiSwitchCard, SuiSwitchLabel, SuiTabChips, SuiTabMenuHorizontal, SuiTabMenuVertical, SuiTable, SuiTableCellDirective, SuiTag, SuiTagInput, SuiTextarea, SuiTimePicker, SuiTimePickerDuration, SuiTimePickerItem, SuiTimePickerStatus, SuiToastOutlet, SuiToastService, SuiTooltip, SuiTooltipPanel, buildCalendarGrid, buildHourList, buildMinuteList, formatDateInput, formatDateShort, formatMonthYear, formatTime, isSameTime, normalizeHex, pad2, parseTime, to12h, to24h };
+export { DAY_LABELS_ES, DEFAULT_DURATION_PRESETS, DEFAULT_PRESETS, EMPTY_STATE_FOX_EMOJI, SUI_BRAND_LOGO_COMPANIES, SUI_COLOR_DOT_COLORS, SUI_COLOR_DOT_HEX, SUI_CUSTOM_ICONS, SUI_EMOJI_MAP, SUI_FLAG_NAMES, SUI_HEX_TO_COLOR, SUI_KEY_ICON_COLORS, SUI_KEY_ICON_SIZES, SUI_NAVBAR_VISIBILITY, SUI_PRODUCT_FALLBACK_COLORS, SUI_TAB_BAR, SuiAccordion, SuiActivityFeed, SuiActivityFilter, SuiAlert, SuiAppStoreBadge, SuiAvatar, SuiAvatarGroup, SuiBadge, SuiBanner, SuiBrandLogo, SuiBreadcrumbItem, SuiBreadcrumbs, SuiButton, SuiButtonGroup, SuiButtonGroupItem, SuiCard, SuiCheckbox, SuiCheckboxCard, SuiCheckboxLabel, SuiCircularProgressBar, SuiColorDot, SuiColorPicker, SuiCommandMenuFooter, SuiCommandMenuItem, SuiCommandMenuSearch, SuiCompactAvatarGroup, SuiCompactButton, SuiCompactSelect, SuiCompactSelectForInput, SuiContentCard, SuiContentDivider, SuiCounterInput, SuiDateSelector, SuiDatepicker, SuiDayCell, SuiDayLabel, SuiDivider, SuiDrawerFooter, SuiDrawerHeader, SuiDropdownCaption, SuiDropdownItem, SuiDropdownMenu, SuiDropdownPanel, SuiDropdownSearch, SuiEmoji, SuiEmptyState, SuiFancyButton, SuiFileIcon, SuiFileUpload, SuiFileUploadCard, SuiFilterBar, SuiFilterItem, SuiFilterPanelFooter, SuiFilterPanelHeader, SuiFlag, SuiFormHint, SuiFormLabel, SuiIcon, SuiImageUpload, SuiImageUploadProfile, SuiImgRetry, SuiInlineInput, SuiInlineSelect, SuiInput, SuiIntegrationSwitch, SuiKbd, SuiKeyIcon, SuiLinkButton, SuiModal, SuiModalSheet, SuiNotification, SuiNotificationFooter, SuiNotificationTabMenu, SuiOtpInput, SuiPageHeader, SuiPagination, SuiPeriodRange, SuiPopover, SuiProductCard, SuiProgressBar, SuiProgressBarLabel, SuiRadio, SuiRadioCard, SuiRadioGroup, SuiRating, SuiRichEditor, SuiRichEditorItem, SuiSegmentedControl, SuiSelect, SuiSidebar, SuiSlider, SuiSocialButton, SuiStatusBadge, SuiStepper, SuiStoreCard, SuiSwitch, SuiSwitchCard, SuiSwitchLabel, SuiTabChips, SuiTabMenuHorizontal, SuiTabMenuVertical, SuiTable, SuiTableCellDirective, SuiTag, SuiTagInput, SuiTextarea, SuiTimePicker, SuiTimePickerDuration, SuiTimePickerItem, SuiTimePickerStatus, SuiToastOutlet, SuiToastService, SuiTooltip, SuiTooltipPanel, buildCalendarGrid, buildHourList, buildMinuteList, formatDateInput, formatDateShort, formatMonthYear, formatTime, isSameTime, normalizeHex, pad2, parseTime, to12h, to24h };
 //# sourceMappingURL=ajuarezso-sui-design-system.mjs.map