npm - @ajuarezso/sui-stencil - Versions diffs - 0.0.0-stage → 0.1.0 - Mend

@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2305) hide show

package/dist/cjs/sui-dropdown-search.cjs.entry.js ADDED Viewed

@@ -0,0 +1,54 @@
+'use strict';
+var index = require('./index-DtYKdVSu.js');
+const suiDropdownSearchCss = () => `@charset "UTF-8";.sc-sui-dropdown-search-h{display:flex;align-items:center;gap:8px;width:100%;padding:8px;background:var(--sui-bg-white-0, #fff);box-sizing:border-box;overflow:clip;transition:background 100ms ease-out}.sc-sui-dropdown-search-h:hover:not([data-sui-disabled]){background:var(--sui-bg-weak-50, #f7f7f7)}[data-sui-disabled].sc-sui-dropdown-search-h{cursor:not-allowed}.sui-dropdown-search__icon.sc-sui-dropdown-search{flex-shrink:0;color:var(--sui-icon-soft-400, #a3a3a3)}.sc-sui-dropdown-search-h:hover:not([data-sui-disabled]) .sui-dropdown-search__icon.sc-sui-dropdown-search,[data-sui-has-value].sc-sui-dropdown-search-h .sui-dropdown-search__icon.sc-sui-dropdown-search{color:var(--sui-icon-sub-600)}.sui-dropdown-search__input.sc-sui-dropdown-search{flex:1 0 0;min-width:0;margin:0;padding:0;background:transparent;border:0;outline:none;font-family:var(--sui-font-sans, sans-serif);font-size:var(--sui-type-paragraph-sm-size, 14px);line-height:var(--sui-type-paragraph-sm-line, 20px);letter-spacing:var(--sui-type-paragraph-sm-spacing, -0.006em);font-weight:var(--sui-type-paragraph-sm-weight, 400);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;color:var(--sui-text-strong-950, #171717)}@media (max-width: 767px){.sui-dropdown-search__input.sc-sui-dropdown-search{font-size:16px}}.sui-dropdown-search__input.sc-sui-dropdown-search::placeholder{color:var(--sui-text-soft-400, #a3a3a3)}.sui-dropdown-search__input.sc-sui-dropdown-search:disabled{cursor:not-allowed;color:var(--sui-text-disabled-300, #d1d1d1)}.sui-dropdown-search__clear.sc-sui-dropdown-search{appearance:none;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:transparent;color:var(--sui-icon-soft-400, #a3a3a3);cursor:pointer;border-radius:var(--sui-radius-4, 4px);transition:color 100ms}.sui-dropdown-search__clear.sc-sui-dropdown-search:hover{color:var(--sui-icon-strong-950, #171717)}.sui-dropdown-search__clear.sc-sui-dropdown-search:focus-visible{outline:2px solid var(--sui-primary-base, #fa7319);outline-offset:2px}`;
+const SuiDropdownSearch = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.valueChange = index.createEvent(this, "valueChange");
+        this.cleared = index.createEvent(this, "cleared");
+        /** Texto actual del input. Mutable como el `model()` del Angular: escribir o
+         *  limpiar lo actualiza solo, y además emite `valueChange`. Default ''. */
+        this.value = '';
+        /** Placeholder del input. Default `Buscar…`. */
+        this.placeholder = 'Buscar…';
+        /** Nombre accesible del campo. Sin pasarlo, el lector anuncia el placeholder. */
+        this.ariaLabel = null;
+        /** Deshabilita el input (extra feature, no en Figma). Default `false`. */
+        this.disabled = false;
+        this.onInput = (event) => {
+            this.value = event.target.value;
+            this.valueChange.emit(this.value);
+        };
+        this.onClear = (event) => {
+            var _a;
+            event.stopPropagation();
+            this.value = '';
+            this.valueChange.emit('');
+            this.cleared.emit();
+            // Refocus del input nativo (espeja el patron del cmd-search homologado).
+            (_a = this.el.querySelector('.sui-dropdown-search__input')) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    }
+    /** True cuando hay texto -> estado "Active" de Figma (muestra el clear button). */
+    get hasValue() {
+        return this.value.length > 0;
+    }
+    /** iOS :active del botón de limpiar (SuiToque del Angular): listeners pasivos. */
+    onTouchStart() { }
+    onTouchEnd(ev) {
+        var _a, _b;
+        (_b = (_a = ev.target) === null || _a === void 0 ? void 0 : _a.closest('.sui-dropdown-search__clear')) === null || _b === void 0 ? void 0 : _b.blur();
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f5d261267872f238f23f971a8633ade8a4f3c07b', "data-sui-has-value": this.hasValue ? '' : undefined, "data-sui-disabled": this.disabled ? '' : undefined }, index.h("sui-icon", { key: '18d3b8fbdbec459c72e80b56dddaa41aaa70de91', name: "search-2-line", size: 20, class: "sui-dropdown-search__icon" }), index.h("input", { key: '481395069a8ebfc17436c137e56a2885c877defb', type: "text", class: "sui-dropdown-search__input", value: this.value, placeholder: this.placeholder, "aria-label": this.ariaLabel || this.placeholder,
+            // Lupa en el teclado; SIN inputmode="search" (mata la lupa en Android).
+            enterkeyhint: "search", disabled: this.disabled, onInput: this.onInput, autocomplete: "off", spellcheck: "false" }), this.hasValue && (index.h("button", { key: '3bb81a28f3c5450fc4e99d28b21427aa19948de3', type: "button", class: "sui-dropdown-search__clear", "aria-label": "Limpiar b\u00FAsqueda", onClick: this.onClear }, index.h("sui-icon", { key: 'a0d482becac8eac6d809335b59a254516991227c', name: "close-line", size: 20 })))));
+    }
+    get el() { return index.getElement(this); }
+};
+SuiDropdownSearch.style = suiDropdownSearchCss();
+exports.sui_dropdown_search = SuiDropdownSearch;

package/dist/cjs/sui-emoji.cjs.entry.js ADDED Viewed

@@ -0,0 +1,168 @@
+'use strict';
+var index = require('./index-DtYKdVSu.js');
+/**
+ * Datos del catálogo de emojis Fluent UI animados del SUI Design System.
+ * Separado de `sui-emoji.tsx` porque Stencil prohíbe `export const/function/enum`
+ * en archivos que contienen un `@Component`. Los tipos (`export type`) sí pueden
+ * quedar en el .tsx; los valores de runtime viven aquí.
+ */
+/**
+ * Base CDN de los emojis Fluent UI animados (PNG raster a color).
+ * Source: github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis
+ */
+const FLUENT_EMOJI_BASE = 'https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis';
+/**
+ * Catálogo de emojis disponibles. Cada key mapea a un path relativo a
+ * `FLUENT_EMOJI_BASE`. Categorías típicas: Smilies, Objects,
+ * Travel%20and%20places, People, Symbols, etc.
+ * Encoding: usa `%20` para espacios en el path.
+ *
+ * Es la fuente de verdad del DS — cuando se agrega un emoji nuevo, se registra
+ * acá (NO crear un dict paralelo en otros componentes).
+ */
+const SUI_EMOJI_MAP = {
+    // Smilies
+    'thinking-face': 'Smilies/Thinking%20Face.png',
+    'grinning-face': 'Smilies/Grinning%20Face.png',
+    'smiling-face-hearts': 'Smilies/Smiling%20Face%20with%20Hearts.png',
+    'face-with-rolling-eyes': 'Smilies/Face%20with%20Rolling%20Eyes.png',
+    'face-screaming': 'Smilies/Face%20Screaming%20in%20Fear.png',
+    'partying-face': 'Smilies/Partying%20Face.png',
+    'star-struck': 'Smilies/Star-Struck.png',
+    'sleeping-face': 'Smilies/Sleeping%20Face.png',
+    // CSAT 5-level scale (usado por sui-rating type='emoji')
+    'pensive-face': 'Smilies/Pensive%20Face.png',
+    'confused-face': 'Smilies/Confused%20Face.png',
+    'neutral-face': 'Smilies/Neutral%20Face.png',
+    'slightly-smiling-face': 'Smilies/Slightly%20Smiling%20Face.png',
+    'grinning-face-smiling-eyes': 'Smilies/Grinning%20Face%20with%20Smiling%20Eyes.png',
+    // Objects
+    'package': 'Objects/Package.png',
+    'receipt': 'Objects/Receipt.png',
+    'money-bag': 'Objects/Money%20Bag.png',
+    'money-with-wings': 'Objects/Money%20with%20Wings.png',
+    'shopping-cart': 'Objects/Shopping%20Cart.png',
+    'shopping-bags': 'Objects/Shopping%20Bags.png',
+    'card-index-dividers': 'Objects/Card%20Index%20Dividers.png',
+    'bell': 'Objects/Bell.png',
+    'bell-with-slash': 'Objects/Bell%20with%20Slash.png',
+    'pushpin': 'Objects/Round%20Pushpin.png',
+    'mobile-phone': 'Objects/Mobile%20Phone.png',
+    'gear': 'Objects/Gear.png',
+    'locked': 'Objects/Locked.png',
+    'unlocked': 'Objects/Unlocked.png',
+    'wrench': 'Objects/Wrench.png',
+    'hammer': 'Objects/Hammer.png',
+    'magnifying-glass-tilted-left': 'Objects/Magnifying%20Glass%20Tilted%20Left.png',
+    'label': 'Objects/Label.png',
+    'spiral-calendar': 'Objects/Spiral%20Calendar.png',
+    'bar-chart': 'Objects/Bar%20Chart.png',
+    // Travel & Places
+    'delivery-truck': 'Travel%20and%20places/Delivery%20Truck.png',
+    'motorcycle': 'Travel%20and%20places/Motorcycle.png',
+    'rocket': 'Travel%20and%20places/Rocket.png',
+    'house': 'Travel%20and%20places/House.png',
+    'office-building': 'Travel%20and%20places/Office%20Building.png',
+    'shop': 'Travel%20and%20places/Convenience%20Store.png',
+    'dollar-banknote': 'Objects/Dollar%20Banknote.png',
+    'glowing-star': 'Travel%20and%20places/Glowing%20Star.png',
+    'kick-scooter': 'Travel%20and%20places/Kick%20Scooter.png',
+    // Symbols
+    'check-mark': 'Symbols/Check%20Mark.png',
+    'check-mark-button': 'Symbols/Check%20Mark%20Button.png',
+    'cross-mark': 'Symbols/Cross%20Mark.png',
+    'warning': 'Symbols/Warning.png',
+    'no-entry': 'Symbols/No%20Entry.png',
+    // Activities
+    'sparkles': 'Activities/Sparkles.png',
+    'party-popper': 'Activities/Party%20Popper.png',
+    // People & Body (hand gestures viven en la carpeta "Hand gestures", no "People")
+    'waving-hand': 'Hand%20gestures/Waving%20Hand.png',
+    'thumbs-up': 'Hand%20gestures/Thumbs%20Up.png',
+    'clapping-hands': 'Hand%20gestures/Clapping%20Hands.png',
+    'handshake': 'Hand%20gestures/Handshake.png',
+    // People (usado por sui-empty-state 'users')
+    'busts-in-silhouette': 'People/Busts%20in%20Silhouette.png',
+    // Food
+    'pizza': 'Food/Pizza.png',
+    'hamburger': 'Food/Hamburger.png',
+    'taco': 'Food/Taco.png',
+    'birthday-cake': 'Food/Birthday%20Cake.png',
+};
+/**
+ * Copias ESTÁTICAS inline de los emojis que se usan de a cinco a la vez.
+ *
+ * Los del catálogo remoto son APNG de 73 fotogramas y ~1 MB cada uno. Uno solo
+ * en un empty state está perfecto —para eso se eligieron—, pero la barra de
+ * calificación monta CINCO juntos: 5 MB de descarga y cinco animaciones en
+ * bucle infinito dentro de un modal que además scrollea. Cada fotograma
+ * invalida el área y, en el modal a pantalla completa, obliga a repintar la
+ * tarjeta entera (lleva `clip-path` + `filter`), así que el scroll se sentía
+ * trabado incluso sin tocar nada.
+ *
+ * Estos son el PRIMER fotograma de esos mismos emojis a 96px WebP: 3,6 KB cada
+ * uno, 18 KB los cinco, sin red y sin animación. Visualmente idénticos al
+ * emoji animado en reposo —se comparó al generar—, así que no se pierde nada:
+ * la barra ya expresa la selección agrandando y coloreando la carita elegida.
+ *
+ * Se resuelven con `[animated]="false"` en <sui-emoji>. El default sigue siendo
+ * el animado: donde hay uno solo, la animación suma.
+ *
+ * Para regenerar: primer fotograma del APNG del catálogo, LANCZOS a 96×96,
+ * WebP q=88 method=6, en base64.
+ */
+const SUI_EMOJI_STATIC = {
+    'pensive-face': 'data:image/webp;base64,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',
+    'confused-face': 'data:image/webp;base64,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',
+    'neutral-face': 'data:image/webp;base64,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',
+    'slightly-smiling-face': 'data:image/webp;base64,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',
+    'grinning-face-smiling-eyes': 'data:image/webp;base64,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',
+};
+const suiEmojiCss = () => `@charset "UTF-8";.sc-sui-emoji-h{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}.sui-emoji__img.sc-sui-emoji{display:block;width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;user-select:none;-webkit-user-drag:none}[data-sui-size=xs].sc-sui-emoji-h{width:16px;height:16px}[data-sui-size=sm].sc-sui-emoji-h{width:20px;height:20px}[data-sui-size=md].sc-sui-emoji-h{width:24px;height:24px}[data-sui-size=lg].sc-sui-emoji-h{width:32px;height:32px}[data-sui-size=xl].sc-sui-emoji-h{width:48px;height:48px}[data-sui-size=full].sc-sui-emoji-h{width:100%;height:100%}`;
+const SuiEmoji = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Nombre del emoji del catálogo `SUI_EMOJI_MAP`. Si se provee `src`, este se ignora. */
+        this.name = null;
+        /** URL directa al emoji (override del catálogo). Útil para usar emojis fuera del map. */
+        this.src = null;
+        /** Tamaño del emoji. Default `md` (24px). */
+        this.size = 'md';
+        /**
+         * Aria-label opcional. Si se provee, el emoji se anuncia como `<img>` con ese
+         * label; si no, se considera decorativo (`aria-hidden="true"`).
+         */
+        this.ariaLabel = null;
+        /**
+         * Si el emoji se anima. Default `true`: uno solo en un empty state se ve
+         * mejor vivo. Ponerlo en `false` cuando hay VARIOS juntos (barra de
+         * calificación, grilla): cada uno es un APNG de ~1 MB en bucle. Los que tienen
+         * copia estática (`SUI_EMOJI_STATIC`, WebP inline de 3,6 KB) resuelven a esa;
+         * el resto cae al animado, que es mejor que no mostrar nada.
+         */
+        this.animated = true;
+    }
+    /** URL final del emoji (catálogo o `src` directo). `null` si no hay nada que resolver. */
+    get resolvedSrc() {
+        if (this.src)
+            return this.src;
+        if (!this.name)
+            return null;
+        if (!this.animated && SUI_EMOJI_STATIC[this.name])
+            return SUI_EMOJI_STATIC[this.name];
+        return `${FLUENT_EMOJI_BASE}/${SUI_EMOJI_MAP[this.name]}`;
+    }
+    render() {
+        const src = this.resolvedSrc;
+        const decorative = !this.ariaLabel;
+        return (index.h(index.Host, { key: '7fce26e9db0c8612af714a88b44ce610d41b79f2', "data-sui-size": this.size, role: decorative ? null : 'img', "aria-hidden": decorative ? 'true' : null, "aria-label": this.ariaLabel || null }, src && (index.h("img", { key: '26d6cd3181a8c0dd7b96070e97ede54faad38289', class: "sui-emoji__img", src: src, alt: this.ariaLabel || '', loading: "lazy", decoding: "async" }))));
+    }
+};
+SuiEmoji.style = suiEmojiCss();
+exports.sui_emoji = SuiEmoji;

package/dist/cjs/sui-empty-state.cjs.entry.js ADDED Viewed

@@ -0,0 +1,69 @@
+'use strict';
+var index = require('./index-DtYKdVSu.js');
+/**
+ * Datos del `<sui-empty-state>` del SUI Design System.
+ * Separado de `sui-empty-state.tsx` porque Stencil prohíbe `export const/function/
+ * enum` en archivos que contienen un `@Component`.
+ */
+/** Zorro animado (Fluent Emoji): emoji default canon de los empty states. */
+const EMPTY_STATE_FOX_EMOJI = 'https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Animals/Fox.png';
+const suiEmptyStateCss = () => `@charset "UTF-8";.sc-sui-empty-state-h{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;max-width:460px;margin:0 auto;text-align:center;font-family:var(--sui-font-sans, sans-serif)}.sui-empty-state__illustration.sc-sui-empty-state{position:relative;width:120px;height:120px;margin-bottom:24px}.sui-empty-state__emoji.sc-sui-empty-state{display:block;width:120px;height:120px}.sui-empty-state__title.sc-sui-empty-state{margin:0 0 8px;font-size:18px;font-weight:600;line-height:24px;letter-spacing:-0.015em;color:var(--sui-text-strong-950, #171717)}.sui-empty-state__subtitle.sc-sui-empty-state{margin:0 0 24px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.006em;color:var(--sui-text-sub-600, #5c5c5c);max-width:320px}.sui-empty-state__action-link.sc-sui-empty-state{display:inline-flex;text-decoration:none;color:inherit}@media (max-width: 767px){.sc-sui-empty-state-h{padding:32px 20px}}`;
+const SuiEmptyState = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.actionClicked = index.createEvent(this, "actionClicked");
+        /** URL de un Fluent Emoji (3D o animado): override del zorro default. */
+        this.emoji = null;
+        /**
+         * Título. Es el `title` del Angular renombrado: `title` es reservado del DOM
+         * (dispara el tooltip nativo gris). Se expone como `aria-label` del emoji.
+         */
+        this.heading = null;
+        /** Descripción / subtítulo. */
+        this.subtitle = null;
+        /**
+         * CTA: string shorthand (solo label, emite `actionClicked`) u objeto
+         * `{ label, route? }` (con `route` navega con un `<a href>`). `null`/'' = sin botón.
+         */
+        this.action = null;
+        /** Tamaño del botón del CTA: `medium` 40 (default) o `large` 48 para mobile. */
+        this.size = 'medium';
+        this.onCtaClick = () => {
+            this.actionClicked.emit();
+        };
+    }
+    /* Sin tooltip nativo gris: `title` en el Host del JSX no borra el atributo que
+       puso el consumer (el vdom no lo tenía), así que se quita a mano. */
+    componentWillLoad() {
+        this.el.removeAttribute('title');
+    }
+    /** Config resuelta del CTA (string → { label }; sin label → null). */
+    get actionCfg() {
+        const a = this.action;
+        const cfg = a ? (typeof a === 'string' ? { label: a } : a) : null;
+        return (cfg === null || cfg === void 0 ? void 0 : cfg.label) ? cfg : null;
+    }
+    /** Renderiza el `<sui-button>` del CTA (link vs click). */
+    renderCta() {
+        var _a;
+        const cfg = this.actionCfg;
+        if (!cfg)
+            return null;
+        const href = (_a = cfg.route) !== null && _a !== void 0 ? _a : cfg.href;
+        const button = (index.h("sui-button", { variant: "filled", color: "primary", size: this.size, type: "button", onClick: href ? undefined : this.onCtaClick }, cfg.label));
+        return href ? (index.h("a", { class: "sui-empty-state__action-link", href: href, target: cfg.target, rel: cfg.rel }, button)) : (button);
+    }
+    render() {
+        var _a, _b, _c;
+        const override = ((_a = this.emoji) !== null && _a !== void 0 ? _a : '').trim();
+        return (index.h(index.Host, { key: '3c23a612a827b648ce0b71ad285e85cc0faaea7d', role: "status", "aria-label": (_b = this.heading) !== null && _b !== void 0 ? _b : undefined, "data-sui-size": this.size }, index.h("div", { key: 'db2ee966df1d696a204b5176853f35c935dffff3', class: "sui-empty-state__illustration" }, index.h("sui-emoji", { key: '5ecff8af1bf02536d99870f049387090e22ea411', class: "sui-empty-state__emoji", size: "full", src: override || EMPTY_STATE_FOX_EMOJI, "aria-label": (_c = this.heading) !== null && _c !== void 0 ? _c : undefined })), this.heading && index.h("h3", { key: '791c8de0b5eed6611703f6eea57fa929732b0b3f', class: "sui-empty-state__title" }, this.heading), this.subtitle && index.h("p", { key: 'dfa4b9e5f85b6527a86d2cb3786ad9d2a2bfd1ff', class: "sui-empty-state__subtitle" }, this.subtitle), (this.actionCfg || this.el.querySelector('[slot="action"]')) && (index.h("div", { key: '187dd91ff1bcbe8cbf153579c787c85b1731a194', class: "sui-empty-state__action" }, index.h("slot", { key: '54b332ff9b89f0e02c94efe73f38ab62899f92aa', name: "action" }, this.renderCta())))));
+    }
+    get el() { return index.getElement(this); }
+};
+SuiEmptyState.style = suiEmptyStateCss();
+exports.sui_empty_state = SuiEmptyState;

package/dist/cjs/sui-fancy-button.cjs.entry.js ADDED Viewed

@@ -0,0 +1,69 @@
+'use strict';
+var index = require('./index-DtYKdVSu.js');
+var suiToque = require('./sui-toque-TviBCJ0g.js');
+var suiHref = require('./sui-href-BNQgPKnK.js');
+const suiFancyButtonCss = () => `@charset "UTF-8";.sc-sui-fancy-button-h{display:inline-flex;vertical-align:middle}.sui-fancy-button__el.sc-sui-fancy-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:0;border:1px solid rgba(255, 255, 255, 0.12);border-radius:var(--sui-radius-10, 10px);color:inherit;text-decoration:none;cursor:pointer;box-sizing:border-box;white-space:nowrap;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:var(--sui-font-sans);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto;font-size:var(--sui-type-label-sm-size, 14px);line-height:var(--sui-type-label-sm-line, 20px);letter-spacing:var(--sui-type-label-sm-spacing, -0.006em);font-weight:var(--sui-type-label-sm-weight, 500);transition:transform var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1))}.sui-fancy-button__el.sc-sui-fancy-button:active:not(:disabled){transform:scale(0.97)}.sui-fancy-button__el.sc-sui-fancy-button:active:not(:disabled),.sui-fancy-button__el.sc-sui-fancy-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-fancy-focus-ring, var(--sui-primary-alpha-10))}.sui-fancy-button__el.sc-sui-fancy-button:disabled{cursor:not-allowed}.sui-fancy-button__icon.sc-sui-fancy-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--sui-icon-size-md, 20px);height:var(--sui-icon-size-md, 20px)}.sui-fancy-button__text-wrap.sc-sui-fancy-button{display:inline-flex;align-items:center;justify-content:center;padding:0 4px;white-space:nowrap}[data-sui-size=medium].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{padding:10px;min-height:40px}[data-sui-size=small].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{padding:8px;min-height:36px}[data-sui-size=xsmall].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{padding:6px;min-height:32px}[data-sui-size=large].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{padding:12px 14px;min-height:48px;font-size:var(--sui-type-label-md-size, 16px);line-height:var(--sui-type-label-md-line, 24px);letter-spacing:var(--sui-type-label-md-spacing, -0.011em)}[data-sui-type=primary].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{color:var(--sui-static-white, #ffffff);background:linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-primary-base);box-shadow:0 0 0 1px var(--sui-primary-base), 0 1px 2px 0 rgba(14, 18, 27, 0.24)}[data-sui-type=primary].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button:hover:not(:disabled){background:linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-primary-base);box-shadow:0 0 0 1px var(--sui-primary-base), 0 1px 2px 0 rgba(14, 18, 27, 0.24)}[data-sui-type=neutral].sc-sui-fancy-button-h,[data-sui-type=basic].sc-sui-fancy-button-h{--sui-fancy-focus-ring:var(--sui-slate-alpha-16)}[data-sui-type=neutral].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{color:var(--sui-text-white-0, #ffffff);background:linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-bg-strong-950, #171717);box-shadow:0 0 0 1px #242628, 0 1px 2px 0 rgba(27, 28, 29, 0.48)}[data-sui-type=neutral].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button:hover:not(:disabled){background:linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-bg-strong-950, #171717);box-shadow:0 0 0 1px #242628, 0 1px 2px 0 rgba(27, 28, 29, 0.48)}[data-sui-type=basic].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{border-color:transparent;color:var(--sui-text-sub-600);background:var(--sui-bg-white-0);box-shadow:0 0 0 1px var(--sui-stroke-soft-200), 0 1px 3px 0 rgba(14, 18, 27, 0.12)}[data-sui-type=basic].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button:hover:not(:disabled){background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950);box-shadow:none}[data-sui-type=destructive].sc-sui-fancy-button-h{--sui-fancy-focus-ring:var(--sui-red-alpha-10)}[data-sui-type=destructive].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{color:var(--sui-static-white, #ffffff);background:linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-state-error-base);box-shadow:0 0 0 1px var(--sui-state-error-base), 0 1px 2px 0 rgba(14, 18, 27, 0.24)}[data-sui-type=destructive].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button:hover:not(:disabled){background:linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-state-error-base);box-shadow:0 0 0 1px var(--sui-state-error-base), 0 1px 2px 0 rgba(14, 18, 27, 0.24)}[data-sui-disabled].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button,.sui-fancy-button__el.sc-sui-fancy-button:disabled{background:var(--sui-bg-weak-50);color:var(--sui-text-disabled-300);border-color:transparent;box-shadow:none;cursor:not-allowed}[data-sui-disabled].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button:hover,.sui-fancy-button__el.sc-sui-fancy-button:disabled:hover{background:var(--sui-bg-weak-50);color:var(--sui-text-disabled-300);box-shadow:none}`;
+const SuiFancyButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.clicked = index.createEvent(this, "clicked");
+        /** Tipo visual. Default `primary` (naranja brand). */
+        this.type = 'primary';
+        /** Tamaño. Default `medium` (40px). `large` (48) es el del teléfono. */
+        this.size = 'medium';
+        /** Nombre RemixIcon del ícono leading (sin prefijo `ri-`). Default `null`. */
+        this.leftIcon = null;
+        /** Nombre RemixIcon del ícono trailing (sin prefijo `ri-`). Default `null`. */
+        this.rightIcon = null;
+        /** Deshabilitado: bloquea click, tokens grises, sin gloss/ring. Default `false`. */
+        this.disabled = false;
+        /** Si se setea (y no disabled), renderiza un `<a href>` en vez de `<button>`. */
+        this.href = null;
+        /** `target` del anchor (solo aplica cuando hay `href`). */
+        this.target = null;
+        /** `rel` del anchor. Default `noopener noreferrer`. */
+        this.rel = 'noopener noreferrer';
+        /** Tipo HTML del `<button>` (form behavior). Default `button`. */
+        this.htmlType = 'button';
+        /** `aria-label` accesible. Default `null`. */
+        this.ariaLabel = null;
+        /** Tamaño del ícono — canon 20px (igual que el Angular). */
+        this.iconSize = 20;
+        this.onClick = (event) => {
+            if (this.disabled) {
+                event.stopPropagation();
+                event.preventDefault();
+                return;
+            }
+            this.clicked.emit(event);
+            /* Href interno: navegación SPA vía `suiNavigate` si la app la escucha (sui-href). */
+            if (this.href)
+                suiHref.suiHrefClick(event, this.href);
+        };
+    }
+    /** true cuando debe renderizarse como `<a>` (href presente y no disabled). */
+    get isAnchor() {
+        return !!this.href && !this.disabled;
+    }
+    /* iOS `:active`: listeners PASIVOS en el host (utils/sui-toque.ts). */
+    alTocar() { }
+    alSoltar(event) {
+        suiToque.soltarToque(event, '.sui-fancy-button__el');
+    }
+    render() {
+        var _a, _b, _c, _d, _e;
+        const inner = [
+            this.leftIcon && (index.h("sui-icon", { key: '363601fc50a26cfb49bcb38081c478ae5003373c', class: "sui-fancy-button__icon", name: this.leftIcon, size: this.iconSize })),
+            index.h("span", { key: 'b337fd744953403f75a15b715ee5bbd09b7bb708', class: "sui-fancy-button__text-wrap" }, index.h("slot", { key: '83786b290d86c17dca37092742319289afeb6162' })),
+            this.rightIcon && (index.h("sui-icon", { key: '7429850b7e440ab14ec4a0cff4d36ff263a68d8b', class: "sui-fancy-button__icon", name: this.rightIcon, size: this.iconSize })),
+        ];
+        return (index.h(index.Host, { key: '447c2b26fa9f3708ddb9e5e7a8ac28823f6bd9d8', "data-sui-type": this.type, "data-sui-size": this.size, "data-sui-disabled": this.disabled ? '' : null }, this.isAnchor ? (index.h("a", { class: "sui-fancy-button__el", href: (_a = this.href) !== null && _a !== void 0 ? _a : undefined, target: (_b = this.target) !== null && _b !== void 0 ? _b : undefined, rel: (_c = this.rel) !== null && _c !== void 0 ? _c : undefined, "aria-label": (_d = this.ariaLabel) !== null && _d !== void 0 ? _d : undefined, onClick: this.onClick }, inner)) : (index.h("button", { class: "sui-fancy-button__el", type: this.htmlType, disabled: this.disabled || undefined, "aria-label": (_e = this.ariaLabel) !== null && _e !== void 0 ? _e : undefined, onClick: this.onClick }, inner))));
+    }
+    get el() { return index.getElement(this); }
+};
+SuiFancyButton.style = suiFancyButtonCss();
+exports.sui_fancy_button = SuiFancyButton;

package/dist/cjs/sui-file-icon.cjs.entry.js ADDED Viewed

@@ -0,0 +1,71 @@
+'use strict';
+var index = require('./index-DtYKdVSu.js');
+const suiFileIconCss = () => `@charset "UTF-8";.sc-sui-file-icon-h{position:relative;display:inline-block;flex-shrink:0;font-family:"Inter", var(--sui-font-sans, sans-serif);font-feature-settings:"cv09" 1, "ss11" 1, "calt" 0, "liga" 0;vertical-align:middle;user-select:none;overflow:hidden;line-height:0}.sui-file-icon__svg.sc-sui-file-icon{display:block;width:100%;height:100%}.sui-file-icon__body.sc-sui-file-icon{fill:var(--sui-bg-white-0, #ffffff);stroke:var(--sui-stroke-sub-300, #d1d1d1);stroke-linejoin:round}.sui-file-icon__peel.sc-sui-file-icon{fill:none;stroke:var(--sui-stroke-sub-300, #d1d1d1);stroke-linecap:round;stroke-linejoin:round}.sui-file-icon__format.sc-sui-file-icon{position:absolute;left:0;display:inline-flex;align-items:center;overflow:hidden;padding:2px 3px;background:var(--sui-state-faded-base, #7b7b7b)}.sui-file-icon__format-text.sc-sui-file-icon{display:block;font-weight:600;color:var(--sui-static-white, #ffffff);text-transform:uppercase;letter-spacing:0.02em;white-space:nowrap}[data-sui-size=xsmall].sc-sui-file-icon-h{width:32px;height:32px}[data-sui-size=xsmall].sc-sui-file-icon-h .sui-file-icon__body.sc-sui-file-icon,[data-sui-size=xsmall].sc-sui-file-icon-h .sui-file-icon__peel.sc-sui-file-icon{stroke-width:1.2}[data-sui-size=xsmall].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon{bottom:4px;border-radius:3px}[data-sui-size=xsmall].sc-sui-file-icon-h .sui-file-icon__format-text.sc-sui-file-icon{font-size:8.8px;line-height:9.6px}[data-sui-size=medium].sc-sui-file-icon-h,.sc-sui-file-icon-h:not([data-sui-size]){width:40px;height:40px}[data-sui-size=medium].sc-sui-file-icon-h .sui-file-icon__body.sc-sui-file-icon,[data-sui-size=medium].sc-sui-file-icon-h .sui-file-icon__peel.sc-sui-file-icon,.sc-sui-file-icon-h:not([data-sui-size]) .sui-file-icon__body.sc-sui-file-icon,.sc-sui-file-icon-h:not([data-sui-size]) .sui-file-icon__peel.sc-sui-file-icon{stroke-width:1.5}[data-sui-size=medium].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon,.sc-sui-file-icon-h:not([data-sui-size]) .sui-file-icon__format.sc-sui-file-icon{bottom:6px;border-radius:4px}[data-sui-size=medium].sc-sui-file-icon-h .sui-file-icon__format-text.sc-sui-file-icon,.sc-sui-file-icon-h:not([data-sui-size]) .sui-file-icon__format-text.sc-sui-file-icon{font-size:11px;line-height:12px}[data-sui-color=red].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon{background:var(--sui-state-error-base, #fb3748)}[data-sui-color=orange].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon{background:var(--sui-state-warning-base, #fa7319)}[data-sui-color=yellow].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon{background:var(--sui-state-away-base, #f6b51e)}[data-sui-color=green].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon{background:var(--sui-state-success-base, #1fc16b)}[data-sui-color=teal].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon{background:var(--sui-state-verified-base, #47c2ff)}[data-sui-color=blue].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon{background:var(--sui-state-information-base, #335cff)}[data-sui-color=purple].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon{background:var(--sui-state-feature-base, #7d52f4)}[data-sui-color=pink].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon{background:var(--sui-state-highlighted-base, #fb4ba3)}[data-sui-color=gray].sc-sui-file-icon-h .sui-file-icon__format.sc-sui-file-icon{background:var(--sui-state-faded-base, #7b7b7b)}`;
+const SuiFileIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Source para auto-extracción de extensión (ej. `informe.pdf`). */
+        this.filename = '';
+        /** Override explícito del texto de extensión (gana sobre `filename`). */
+        this.extension = '';
+        /** Tamaño. `xsmall` 32×32 · `medium` 40×40. Default `medium`. */
+        this.size = 'medium';
+        /** Override explícito del color del badge. '' = auto-detect desde la extensión. */
+        this.color = '';
+    }
+    /** Extensión normalizada (uppercase, sin punto inicial, máx 4 chars). */
+    get resolvedExt() {
+        const explicit = this.extension.trim().replace(/^\./, '').toUpperCase();
+        if (explicit)
+            return explicit.slice(0, 4);
+        const fname = this.filename.trim();
+        const dot = fname.lastIndexOf('.');
+        if (dot < 0 || dot === fname.length - 1)
+            return '';
+        return fname.slice(dot + 1).toUpperCase().slice(0, 4);
+    }
+    /** Color final: override explícito > auto-detect por extensión > 'gray'. */
+    get resolvedColor() {
+        if (this.color)
+            return this.color;
+        const ext = this.resolvedExt;
+        if (!ext)
+            return 'gray';
+        if (ext === 'PDF')
+            return 'red';
+        if (['DOC', 'DOCX', 'TXT', 'RTF', 'PAGES', 'ODT'].includes(ext))
+            return 'blue';
+        if (['XLS', 'XLSX', 'CSV', 'NUMB'].includes(ext) || ext.startsWith('XLS'))
+            return 'green';
+        if (['PPT', 'PPTX', 'KEY', 'ODP'].includes(ext))
+            return 'orange';
+        if (['JPG', 'JPEG', 'PNG', 'GIF', 'WEBP', 'SVG', 'HEIC', 'BMP', 'TIFF'].includes(ext))
+            return 'pink';
+        if (['MP4', 'MOV', 'AVI', 'WEBM', 'MKV', 'M4V', 'WMV'].includes(ext))
+            return 'purple';
+        if (['MP3', 'WAV', 'OGG', 'AAC', 'FLAC', 'M4A'].includes(ext))
+            return 'teal';
+        if (['ZIP', 'RAR', '7Z', 'TAR', 'GZ', 'BZ2'].includes(ext))
+            return 'yellow';
+        return 'gray';
+    }
+    render() {
+        const ext = this.resolvedExt;
+        const isXsmall = this.size === 'xsmall';
+        return (index.h(index.Host, { key: 'a8bbdcc9b019c88f9c6ab648e267b9ad9e583de8', role: "img", "data-sui-size": this.size, "data-sui-color": this.resolvedColor, "aria-label": ext ? `Archivo ${ext}` : 'Archivo' }, isXsmall ? (
+        /* 32×32 container. Body vector 26 wide, centered (x=3..29), full height.
+           Peel vector 10×10 at x=18..28, y=1..11. Geometría EXACT de Figma
+           (450:17281 body + 450:17282 peel). */
+        index.h("svg", { class: "sui-file-icon__svg", viewBox: "0 0 32 32", width: "32", height: "32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { class: "sui-file-icon__body", d: "M7.7998 0.5996H16.4707C17.5733 0.5996 18.6323 1.034 19.418 1.8076L27.1465 9.417C27.9483 10.2064 28.4004 11.285 28.4004 12.4102V27.2002C28.4003 29.5196 26.5196 31.4003 24.2002 31.4004H7.7998C5.4804 31.4003 3.5997 29.5196 3.5996 27.2002V4.7998C3.5997 2.4804 5.4804 0.5997 7.7998 0.5996Z" }), index.h("path", { class: "sui-file-icon__peel", d: "M18.6 1V7.8C18.6 9.5673 20.0327 11 21.8 11H28.6" }))) : (
+        /* 40×40 container. Body vector 32 wide, inset 4px (x=4..36), full height.
+           Peel vector 12.75×12.75 at x=23, y=1. Geometría EXACT de Figma
+           (450:17236 body + 450:17237 peel). */
+        index.h("svg", { class: "sui-file-icon__svg", viewBox: "0 0 40 40", width: "40", height: "40", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { class: "sui-file-icon__body", d: "M10 0.75H20.5146C21.907 0.75 23.242 1.3035 24.2266 2.2881L33.7119 11.7734C34.6965 12.758 35.25 14.093 35.25 15.4854V34C35.25 36.8995 32.8995 39.25 30 39.25H10C7.1005 39.25 4.75 36.8995 4.75 34V6C4.75 3.1005 7.1005 0.75 10 0.75Z" }), index.h("path", { class: "sui-file-icon__peel", d: "M23.75 1V9C23.75 11.2091 25.5409 13 27.75 13H35.75" }))), ext && (index.h("span", { key: '522627e3a6af95ef47ffed1e776ccefa21fa254f', class: "sui-file-icon__format", "aria-hidden": "true" }, index.h("span", { key: '49c36a2afb2854ea9c45958ccbb036540c6c471e', class: "sui-file-icon__format-text" }, ext)))));
+    }
+};
+SuiFileIcon.style = suiFileIconCss();
+exports.sui_file_icon = SuiFileIcon;