@dropi/ui 0.1.24 → 0.1.25

package/dist/cjs/dropi-alert.cjs.entry.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var index = require('./index-C8kwDvpf.js');
-
-const dropiAlertCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%}.alert--success{background:var(--Success-Success-50, #e7f8f3);border-color:var(--Success-Success-500, #0abb87)}.alert--error{background:var(--Error-Error-50, #fef0f0);border-color:var(--Error-Error-500, #f46a6b)}.alert--warning{background:var(--Warning-Warning-50, #fef8ed);border-color:var(--Warning-Warning-500, #f1b44c)}.alert--info{background:var(--Info-Info-50, #eef6fe);border-color:var(--Info-Info-500, #50a5f1)}.alert--flag{padding:var(--Size-1, 4px) var(--Size-2, 8px);border-radius:var(--Border-1, 4px);border:none !important;justify-content:center}.alert--flag .alert__body{justify-content:center;text-align:center}.alert--flag .alert__message{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.alert__icon{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.alert__body{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--Size-1, 4px)}.alert__message{font-size:var(--font-size-s);color:var(--Gray-600, #475066);font-weight:var(--font-weight-medium);line-height:1.5}.alert__link{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);text-decoration:underline;cursor:pointer}.alert__actions{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.alert__btn{height:28px;padding:0 var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid var(--Primary-Primary-500, #f49a3d);background:transparent;color:var(--Primary-Primary-500, #f49a3d);font-size:var(--font-size-xs, 10px);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:background 0.15s, color 0.15s}.alert__btn:hover{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}`;
-
-const STATE_ICONS = {
-    success: 'Check-circle',
-    error: 'Warning-circle',
-    warning: 'Warning-triangle',
-    info: 'Info',
-};
-const STATE_COLORS = {
-    success: 'Success-Success-500',
-    error: 'Error-Error-500',
-    warning: 'Warning-Warning-500',
-    info: 'Info-Info-500',
-};
-const DropiAlert = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onClose = index.createEvent(this, "onClose", 7);
-        this.onButtonClick = index.createEvent(this, "onButtonClick", 7);
-        this.onClickLink = index.createEvent(this, "onClickLink", 7);
-    }
-    /** Alert message text (supports plain text) */
-    message = '';
-    /** Layout type: default (inline) | flag (accented left border) */
-    type = 'default';
-    /** Semantic state */
-    state = 'success';
-    /** Show the × close button */
-    dismissable = true;
-    /** Show action button */
-    showButton = false;
-    /** Action button label */
-    buttonText = 'Close';
-    /** Anchor/link label */
-    anchorText = 'none';
-    /** Anchor href */
-    anchorUrl = 'none';
-    /** Whether the alert is visible */
-    showAlert = true;
-    /** Link text (alternative to anchorText) */
-    textLink = '';
-    /** Link URL (alternative to anchorUrl) */
-    linkUrl = '';
-    /** Clicked text tracking */
-    clickedText = '';
-    /** Emitted when the alert is dismissed */
-    onClose;
-    /** Emitted when the action button is clicked */
-    onButtonClick;
-    /** Emitted when the anchor link is clicked */
-    onClickLink;
-    render() {
-        if (!this.showAlert)
-            return null;
-        return (index.h("div", { class: { 'alert': true, [`alert--${this.type}`]: true, [`alert--${this.state}`]: true } }, this.type !== 'flag' && (index.h("div", { class: "alert__icon" }, index.h("dropi-icon", { name: STATE_ICONS[this.state], width: "18px", height: "18px", color: STATE_COLORS[this.state] }))), index.h("div", { class: "alert__body" }, index.h("span", { class: "alert__message" }, this.message), this.anchorText && (index.h("a", { class: "alert__link", href: this.anchorUrl || this.linkUrl || '#', onClick: (e) => { e.preventDefault(); this.onClickLink.emit(); } }, this.anchorText))), index.h("div", { class: "alert__actions" }, this.showButton && this.buttonText && this.type !== 'flag' && (index.h("button", { class: "alert__btn", onClick: () => this.onButtonClick.emit() }, this.buttonText)), this.dismissable && (index.h("button", { class: "alert__close", onClick: () => { this.showAlert = false; this.onClose.emit(); }, "aria-label": "Cerrar" }, index.h("dropi-icon", { name: "Close-small", width: "18px", height: "18px", color: "Gray-Gray-500" }))))));
-    }
-};
-DropiAlert.style = dropiAlertCss();
-
-exports.dropi_alert = DropiAlert;

package/dist/cjs/dropi-avatars.cjs.entry.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var index = require('./index-C8kwDvpf.js');
-
-const dropiAvatarsCss = () => `:host{display:inline-block}.avatar{margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar--users,.avatar--transport,.avatar--payment{width:35px;height:35px}.avatar--supplier{width:70px;height:70px}.avatar--counter{width:33px;height:33px}.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--Primary-Primary-100, #fde9d0);color:var(--Primary-Primary-600, #d4872e);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.5px}`;
-
-const FALLBACK = `data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiNlNmVhZjIiLz48Y2lyY2xlIGN4PSIxOCIgY3k9IjE0IiByPSI2IiBmaWxsPSIjODU4ZWE2Ii8+PHBhdGggZD0iTTYgMzJjMC04IDI0LTggMjQgMCIgZmlsbD0iIzg1OGVhNiIvPjwvc3ZnPg==`;
-const DropiAvatars = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /** Image URL */
-    image = '';
-    /** Alt text for the image */
-    alt = 'Avatar';
-    /** Size/context variant */
-    type = 'users';
-    /** Initials to show when no image (max 2 chars) */
-    initials = '';
-    handleError(e) {
-        e.target.src = FALLBACK;
-    }
-    render() {
-        const displayInitials = this.initials?.slice(0, 2).toUpperCase();
-        const showInitials = !this.image && displayInitials;
-        return (index.h("figure", { key: 'db9310b5c789b079fc0f9043a619bd22f9a60151', class: { 'avatar': true, [`avatar--${this.type}`]: true } }, showInitials ? (index.h("div", { class: "avatar__initials" }, displayInitials)) : (index.h("img", { src: this.image || FALLBACK, alt: this.alt, onError: (e) => this.handleError(e) }))));
-    }
-};
-DropiAvatars.style = dropiAvatarsCss();
-
-exports.dropi_avatars = DropiAvatars;

package/dist/cjs/dropi-badge-legacy.cjs.entry.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var index = require('./index-C8kwDvpf.js');
-
-const dropiBadgeLegacyCss = () => `:host{display:inline-block}.badge-legacy{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-legacy--primary{background:var(--Primary-Primary-50);color:var(--Primary-Primary-500)}.badge-legacy--secondary{background:var(--Gray-Gray-100);color:var(--Gray-Gray-600)}.badge-legacy--tertiary{background:var(--Success-Success-50);color:var(--Success-Success-500)}`;
-
-const DropiBadgeLegacy = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /** Type: state | counter */
-    type = 'state';
-    /** State: check | pending */
-    state = 'check';
-    /** Variant: primary | secondary | tertiary */
-    variant = 'primary';
-    /** Count (for type counterpart) */
-    count = 0;
-    render() {
-        const isCounter = this.type === 'counter';
-        return (index.h("div", { key: 'f3d7bf7be848acee4077acef4f8e2ab4cfd99d83', class: {
-                'badge-legacy': true,
-                [`badge-legacy--${this.variant}`]: true,
-                [`badge-legacy--${this.type}`]: true
-            } }, isCounter ? (index.h("span", { class: "badge-count" }, this.count)) : (index.h("span", { class: { 'badge-state-icon': true, [`badge-state--${this.state}`]: true } }, this.state === 'check' ? '✓' : '...'))));
-    }
-};
-DropiBadgeLegacy.style = dropiBadgeLegacyCss();
-
-exports.dropi_badge_legacy = DropiBadgeLegacy;

package/dist/cjs/dropi-badge.cjs.entry.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var index = require('./index-C8kwDvpf.js');
-
-const dropiBadgeCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}`;
-
-const DropiBadge = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /** Badge state: pending | active | canceled | frozen */
-    state;
-    stateText = {
-        pending: 'Pendiente',
-        active: 'Activo',
-        canceled: 'Cancelado',
-        frozen: 'Congelado',
-    };
-    renderIcon() {
-        if (this.state === 'active') {
-            return (index.h("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z", fill: "currentColor" })));
-        }
-        if (this.state === 'pending') {
-            return (index.h("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z", fill: "currentColor" })));
-        }
-        if (this.state === 'canceled') {
-            return (index.h("svg", { width: "12", height: "14", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z", fill: "currentColor" })));
-        }
-        return null;
-    }
-    render() {
-        return (index.h("div", { key: 'b4cae2eac2f963a641ca23e27b33899469b2b370', class: `tag-state ${this.state}` }, this.renderIcon(), index.h("p", { key: '64a2504a1844f2cb9397878ca305aa183b0609a5' }, this.stateText[this.state])));
-    }
-};
-DropiBadge.style = dropiBadgeCss();
-
-exports.dropi_badge = DropiBadge;

package/dist/cjs/dropi-banner-external.cjs.entry.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var index = require('./index-C8kwDvpf.js');
-
-const dropiBannerExternalCss = () => `:host{display:block;width:100%}.dropi-banner-external{display:block;width:100%;position:relative;margin-bottom:16px;border-radius:var(--Border-2, 8px)}.dropi-banner-external a{display:block;text-decoration:none}.click-wrapper{cursor:pointer}.inner{position:relative;display:block}.inner img{display:block;width:100%;height:auto;border-radius:var(--Border-2, 8px);max-width:1220px;margin:auto}.close-btn{position:absolute;top:4px;right:4px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.15s ease}.close-btn:hover{background:rgba(255, 255, 255, 1)}`;
-
-const DropiBannerExternal = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.bannerClick = index.createEvent(this, "bannerClick", 7);
-        this.isVisible = index.createEvent(this, "isVisible", 7);
-    }
-    /** Image URL to display */
-    imageUrl = '';
-    /** Optional click-through URL */
-    link = '';
-    /** Alt text for the image */
-    alt = '';
-    /** Background color behind the image */
-    backgroundColor = 'transparent';
-    /** Slug name (matches Angular `slugName`) */
-    slugName = '';
-    /** Whether to show on white brand (matches Angular `viewOnWhiteBrand`) */
-    viewOnWhiteBrand = false;
-    /** Countries list to show (matches Angular `viewOnlyCountries`) */
-    viewOnlyCountries = [];
-    closed = false;
-    get el() { return index.getElement(this); }
-    componentWillLoad() {
-        if (!this.imageUrl) {
-            this.imageUrl =
-                this.el.getAttribute('imageUrl') ||
-                    this.el.getAttribute('image-url') ||
-                    this.el.getAttribute('imageurl') ||
-                    '';
-        }
-    }
-    /** Emitted when the banner is clicked (only when no link is set) */
-    bannerClick;
-    /** Emitted with false when the close button is clicked (matches Angular `isVisible`) */
-    isVisible;
-    handleClick(e) {
-        if (!this.link) {
-            e.preventDefault();
-            this.bannerClick.emit();
-        }
-    }
-    closeBanner(e) {
-        e.preventDefault();
-        e.stopPropagation();
-        this.closed = true;
-        this.isVisible.emit(false);
-    }
-    render() {
-        if (this.closed || !this.imageUrl)
-            return null;
-        const inner = (index.h("div", { class: "inner" }, index.h("img", { src: this.imageUrl, alt: this.alt }), index.h("button", { class: "close-btn", "aria-label": "Cerrar banner", onClick: (e) => this.closeBanner(e) }, index.h("dropi-icon", { name: "Close-small", width: "20px", height: "20px", color: "Gray-Gray-600" }))));
-        return (index.h("div", { class: "dropi-banner-external", style: { background: this.backgroundColor } }, this.link ? (index.h("a", { href: this.link, target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.handleClick(e) }, inner)) : (index.h("div", { class: "click-wrapper", onClick: (e) => this.handleClick(e) }, inner))));
-    }
-};
-DropiBannerExternal.style = dropiBannerExternalCss();
-
-exports.dropi_banner_external = DropiBannerExternal;

package/dist/cjs/dropi-breadcrumb.cjs.entry.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var index = require('./index-C8kwDvpf.js');
-
-const dropiBreadcrumbCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}`;
-
-const DropiBreadcrumb = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.dropiNavigate = index.createEvent(this, "dropiNavigate", 7);
-    }
-    /** Breadcrumb items (array or JSON string). Last item is rendered as current. */
-    items = [];
-    /** Home link href */
-    homeRoute = '/';
-    /** dropi-icon name for home */
-    homeIconName = 'Home';
-    /** Whether the last item is also clickable */
-    lastItemClickable = false;
-    /** Emitted when any item or home is clicked. Detail is the item or homeRoute string. */
-    dropiNavigate;
-    get parsedItems() {
-        if (typeof this.items === 'string') {
-            try {
-                return JSON.parse(this.items);
-            }
-            catch {
-                return [];
-            }
-        }
-        return this.items;
-    }
-    render() {
-        const items = this.parsedItems;
-        return (index.h("nav", { key: 'c4546d7a0c7852e01f685176b5365f1e0082ad24', class: "breadcrumb", "aria-label": "Breadcrumb" }, index.h("div", { key: '924ab634ae4e71f6bd39a67b4b3889cdca20234d', class: "crumb-list" }, index.h("div", { key: 'e7b1b285bdd497a028a041ada1eb8b34f77384b0', class: "crumb-home" }, index.h("a", { key: '9e288d5f5761daed20b35dbf056c7de9c2e7b8e3', href: this.homeRoute, class: "home-link", "aria-label": "Inicio", onClick: (e) => { e.preventDefault(); this.dropiNavigate.emit(this.homeRoute); } }, index.h("dropi-icon", { key: '15210c5feb41fc5a8dd37f52eba1e5a211834f84', name: this.homeIconName, width: "16px", color: "Gray-Gray-500" })), items.length > 0 && (index.h("dropi-icon", { key: '5acd21133859ec42b078fd323f82b7bc13c7b359', name: "Dropdown-Right", width: "16px", color: "Gray-Gray-500" }))), items.map((item, idx) => {
-            const isLast = idx === items.length - 1;
-            const href = item.url || item.routerLink || '#';
-            return (index.h("div", { class: "crumb", key: idx }, (!isLast || this.lastItemClickable) ? (index.h("a", { class: `crumb-link Body-S-Regular${item.disabled ? ' disabled' : ''}`, href: href, onClick: (e) => {
-                    e.preventDefault();
-                    if (!item.disabled)
-                        this.dropiNavigate.emit(item);
-                } }, item.label)) : (index.h("span", { class: "current Body-S-Regular", "aria-current": "page" }, item.label)), !isLast && (index.h("dropi-icon", { name: "Dropdown-Right", width: "16px", height: "16px", color: "Gray-Gray-500" }))));
-        }))));
-    }
-};
-DropiBreadcrumb.style = dropiBreadcrumbCss();
-
-exports.dropi_breadcrumb = DropiBreadcrumb;

package/dist/cjs/dropi-button.cjs.entry.js

@@ -1,87 +0,0 @@
-'use strict';
-
-var index = require('./index-C8kwDvpf.js');
-
-const dropiButtonCss = () => `:host{display:inline-block}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight:var(--font-weight-bold);min-width:33px;line-height:110%;cursor:pointer;white-space:nowrap;transition:background 0.25s ease,     color 0.25s ease,     border-color 0.25s ease,     transform 0.25s ease}.btn:active{transition:transform 0.01s ease-out;transform:scale(0.98)}.btn:hover:not(:active){transform:scale(1.01)}.btn.without-text{gap:0}.btn.large{padding:var(--Size-4, 16px);font-size:var(--Size-4, 16px);height:48px}.btn.normal{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);height:40px}.btn.small{padding:var(--Size-2, 8px);font-size:var(--font-size-s, 12px);height:29px}.btn.disabled,.btn.loading{cursor:not-allowed;pointer-events:none}.btn.primary.default{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #ffffff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #ffffff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #ffffff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #ffffff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #ffffff)}.btn.secondary{background:var(--Neutral-White, #ffffff);border:1px solid}.btn.secondary.default{border-color:var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.btn.secondary.default:hover{color:var(--Primary-Primary-600, #e58017);border-color:var(--Primary-Primary-600, #e58017)}.btn.secondary.success{border-color:var(--Success-Success-500, #0abb87);color:var(--Success-Success-500, #0abb87)}.btn.secondary.success:hover{color:var(--Success-Success-600, #09aa7b);border-color:var(--Success-Success-600, #09aa7b)}.btn.secondary.info{border-color:var(--Info-Info-500, #50a5f1);color:var(--Info-Info-500, #50a5f1)}.btn.secondary.info:hover{color:var(--Info-Info-600, #4996db);border-color:var(--Info-Info-600, #4996db)}.btn.secondary.error{border-color:var(--Error-Error-500, #f46a6b);color:var(--Error-Error-500, #f46a6b)}.btn.secondary.error:hover{color:var(--Error-Error-600, #de6061);border-color:var(--Error-Error-600, #de6061)}.btn.secondary.warning{border-color:var(--Warning-Warning-500, #f1b44c);color:var(--Warning-Warning-500, #f1b44c)}.btn.secondary.warning:hover{color:var(--Warning-Warning-600, #dba445);border-color:var(--Warning-Warning-600, #dba445)}.btn.secondary.legacy{border-color:var(--Secondary-Secondary-500, #008dbf);color:var(--Secondary-Secondary-500, #008dbf)}.btn.secondary.legacy:hover{color:var(--Secondary-Secondary-600, #007199);border-color:var(--Secondary-Secondary-600, #007199)}.btn.secondary.disabled.default{border-color:var(--Primary-Primary-300, #f2bc85);color:var(--Primary-Primary-300, #f2bc85)}.btn.secondary.disabled.success{border-color:var(--Success-Success-300, #5bd1af);color:var(--Success-Success-300, #5bd1af)}.btn.secondary.disabled.info{border-color:var(--Info-Info-300, #8ac3f6);color:var(--Info-Info-300, #8ac3f6)}.btn.secondary.disabled.error{border-color:var(--Error-Error-300, #f89b9c);color:var(--Error-Error-300, #f89b9c)}.btn.secondary.disabled.warning{border-color:var(--Warning-Warning-300, #f6cd87);color:var(--Warning-Warning-300, #f6cd87)}.btn.secondary.disabled.legacy{border-color:var(--Secondary-Secondary-300, #62bad9);color:var(--Secondary-Secondary-300, #62bad9)}.btn.tertiary{background:none;border:none}.btn.tertiary.default,.btn.tertiary.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}`;
-
-const DropiButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onClick = index.createEvent(this, "onClick", 7);
-    }
-    /** Visual color palette */
-    type = 'default';
-    /** Primary (filled) | Secondary (outlined) | Tertiary (ghost) */
-    severity = 'primary';
-    /** Button size */
-    size = 'normal';
-    /** Button state */
-    state = 'default';
-    /** Full width button */
-    fullWidth = false;
-    /** Icon name to show before the text */
-    preIcon = '';
-    /** Icon name to show after the text */
-    postIcon = '';
-    /** Custom icon color override */
-    customIconColor = '';
-    /** Button label */
-    text = '';
-    /** Emitted on click (not emitted when disabled or loading) */
-    onClick;
-    colorMap = {
-        default: 'Primary-Primary-',
-        success: 'Success-Success-',
-        error: 'Error-Error-',
-        info: 'Info-Info-',
-        legacy: 'Secondary-Secondary-',
-        warning: 'Warning-Warning-',
-        dropdown: 'Gray-Gray-',
-        'default-light': 'Gray-Gray-',
-    };
-    get iconSize() {
-        if (this.size === 'large')
-            return '24px';
-        if (this.size === 'small')
-            return '16px';
-        return '18px';
-    }
-    get color() {
-        const intensity = this.state === 'disabled' ? '300' : '500';
-        return (this.colorMap[this.type] ?? 'Primary-Primary-') + intensity;
-    }
-    get fontColor() {
-        if (this.severity === 'tertiary') {
-            return this.type === 'default' || this.type === 'legacy' ? 'Gray-Gray-500' : this.color;
-        }
-        if (this.severity === 'secondary')
-            return this.color;
-        return 'Neutral-White';
-    }
-    handleClick(e) {
-        if (this.state !== 'disabled' && this.state !== 'loading') {
-            this.onClick.emit(e);
-        }
-    }
-    renderLoadingSpinner() {
-        return (index.h("svg", { class: "spin", width: this.iconSize, height: this.iconSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M22.8 12C23.4627 12 24.0062 11.4614 23.9401 10.802C23.8232 9.6371 23.5362 8.49339 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.5066 0.463778 14.3629 0.17683 13.198 0.0599502C12.5386 -0.00621439 12 0.537258 12 1.2C12 1.86274 12.5393 2.39227 13.1969 2.4749C14.0463 2.58164 14.8795 2.80176 15.6738 3.13076C16.8385 3.6132 17.8968 4.32033 18.7882 5.21177C19.6797 6.10322 20.3868 7.16151 20.8692 8.32624C21.1982 9.12051 21.4184 9.95367 21.5251 10.8031C21.6077 11.4607 22.1373 12 22.8 12Z", fill: `var(--${this.fontColor})` })));
-    }
-    render() {
-        const isDisabled = this.state === 'disabled' || this.state === 'loading';
-        const hasText = this.text !== '';
-        const showPostIcon = this.postIcon !== '' || this.type === 'dropdown';
-        const dropdownIcon = this.type === 'dropdown' ? 'Dropdown-down' : this.postIcon;
-        return (index.h("button", { key: '878f01cf2b73d67ad393c46c47dbf71d4589573b', class: {
-                btn: true,
-                'without-text': !hasText,
-                [this.severity ?? 'primary']: true,
-                [this.type ?? 'default']: true,
-                [this.size ?? 'normal']: true,
-                [this.state ?? 'default']: true,
-                'full-width': this.fullWidth,
-            }, disabled: isDisabled, onClick: (e) => this.handleClick(e) }, this.preIcon && (index.h("dropi-icon", { key: 'd42a3e52d105b985c9cbc72241e363baaaad25a8', name: this.preIcon, width: this.iconSize, height: this.iconSize, color: this.fontColor })), hasText && index.h("span", { key: 'e88b6ef2c3cf63aec13f1fa4bfe289333acdd8b9', class: "text" }, this.text), showPostIcon && (index.h("dropi-icon", { key: '596a8227042757ffe942290a1e776b981bb89136', name: dropdownIcon, width: this.iconSize, height: this.iconSize, color: this.fontColor })), this.state === 'loading' && this.renderLoadingSpinner(), index.h("slot", { key: 'e46a00e52792e690b3b4cb24e6af1b1843f7384f' })));
-    }
-};
-DropiButton.style = dropiButtonCss();
-
-exports.dropi_button = DropiButton;

package/dist/cjs/dropi-card-checkbox.cjs.entry.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var index = require('./index-C8kwDvpf.js');
-
-const dropiCardCheckboxCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-weight:var(--font-weight-semibold);color:inherit;line-height:inherit}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}`;
-
-const DropiCardCheckbox = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onChange = index.createEvent(this, "onChange", 7);
-    }
-    /** Visual type — matches Angular: 'default' | 'with card' */
-    type = 'default';
-    /** Whether the checkbox is checked — matches Angular 'state' */
-    state = 'checked';
-    /** Main title — matches Angular 'title' */
-    title = 'Tittle';
-    /** Optional description below title */
-    description = '';
-    /** Optional extra info shown on the right */
-    extraInfo = '';
-    /** Optional extra info description shown below extraInfo */
-    extraInfoDescription = '';
-    /** Disables interaction */
-    disabled = false;
-    /** Emitted with the new checked state when clicked */
-    onChange;
-    get isChecked() {
-        return this.state === 'checked';
-    }
-    handleClick() {
-        if (this.disabled)
-            return;
-        this.state = this.isChecked ? 'default' : 'checked';
-        this.onChange.emit(this.isChecked);
-    }
-    render() {
-        return (index.h("div", { key: '238a146e7500efbc01d83a8494ee577fbb600729', class: {
-                'container-card-check': true,
-                'default-card': this.type === 'default',
-                'is-checked': this.isChecked && this.type === 'with card',
-                'disabled': this.disabled,
-            }, onClick: () => this.handleClick() }, index.h("dropi-checkbox", { key: '405d834de33790be58fba7e50b0e579889f04394', checked: this.isChecked, disabled: this.disabled }), index.h("div", { key: '49659771de9ca8ee8c2fa9fbe828a1d94fbd3c9e', class: "container-text" }, index.h("div", { key: '7d39435ef56cd61605e9d9b69d6917e3ec8470fa', class: "title-check" }, this.title), this.description && index.h("div", { key: '00a7723401979d7a9d926ce939eb09430ddb7372', class: "description-text" }, this.description)), (this.extraInfo || this.extraInfoDescription) && (index.h("div", { key: '4d1c9e49f6e397f0433827960167ff88bcd669db', class: "extra-info" }, this.extraInfo && index.h("div", { key: 'b9da8514c2013cd6cab9cf6005dad8d3ae30b930' }, this.extraInfo), this.extraInfoDescription && index.h("h4", { key: 'ac2fcbc6359ea173911f181b2a145de59af10c9d' }, this.extraInfoDescription)))));
-    }
-};
-DropiCardCheckbox.style = dropiCardCheckboxCss();
-
-exports.dropi_card_checkbox = DropiCardCheckbox;

package/dist/cjs/dropi-card-product.cjs.entry.js

@@ -1,78 +0,0 @@
-'use strict';
-
-var index = require('./index-C8kwDvpf.js');
-
-const dropiCardProductCss = () => `:host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}`;
-
-const DropiCardProduct = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onProductClick = index.createEvent(this, "onProductClick", 7);
-        this.changeFavorite = index.createEvent(this, "changeFavorite", 7);
-        this.dropiAddProduct = index.createEvent(this, "dropiAddProduct", 7);
-        this.dropiSupplierClick = index.createEvent(this, "dropiSupplierClick", 7);
-    }
-    /** Product image URL */
-    image = '';
-    /** Product name */
-    productName = '';
-    /** Sale / supplier price (Precio proveedor) */
-    salePrice = 0;
-    /** Suggested price for the dropshipper (Precio sugerido) */
-    suggestedPrice = 0;
-    /** Price currency symbol */
-    currency = '$';
-    /** Supplier / store name */
-    supplier = '';
-    /** Category label */
-    category = '';
-    /** Stock quantity (0 = Agotado) */
-    stock = 0;
-    /** Supplier category for insignia: 'verified' | 'premium' | 'exclusive' | '' */
-    supplierCategory = '';
-    /** Show favorite button */
-    showFavorite = true;
-    /** Is marked as favorite */
-    isFavorite = false;
-    /** Show "Enviar a cliente" button */
-    showAddButton = true;
-    /** Emitted when card is clicked — matches Angular 'onProductClick' */
-    onProductClick;
-    /** Emitted when favorite toggled — matches Angular 'changeFavorite' */
-    changeFavorite;
-    /** Emitted when "Enviar a cliente" button clicked */
-    dropiAddProduct;
-    /** Emitted when supplier name clicked */
-    dropiSupplierClick;
-    formatPrice(val) {
-        if (val == null)
-            return '0';
-        return val.toLocaleString('es-CO');
-    }
-    get inStock() {
-        return this.stock > 0;
-    }
-    getStockColor() {
-        if (this.stock === 0)
-            return 'var(--Error-Error-500, #f46a6b)';
-        if (this.stock <= 10)
-            return 'var(--Warning-Warning-500, #f59e0b)';
-        return 'var(--Success-Success-500, #0abb87)';
-    }
-    render() {
-        return (index.h("div", { key: '42990ea883dcd6cc72e1f62771f7b9554c36bdba', class: "dropi-card-product", onClick: () => this.onProductClick.emit() }, index.h("div", { key: '59295427ddc350ec3c70d7d1bd4803ffa6bf26b0', class: "product-image-container" }, index.h("div", { key: '9d10e18f2eadf16f0c0b1b7cb7860d08f2ca778f', class: "product-image" }, index.h("img", { key: '19f7af8eddcbea880d32ef30603d55bfe9337f17', src: this.image || '', alt: this.productName, onError: (e) => {
-                e.target.src = './assets/utils/no-image.jpg';
-            }, class: !this.image ? 'error-img' : '' }), this.showFavorite && (index.h("button", { key: 'a6e13eea7c211fd772fe5ee7c13c7d475d54986c', class: { 'favorite-button': true, 'favorite-active': this.isFavorite }, onClick: (e) => {
-                e.stopPropagation();
-                this.isFavorite = !this.isFavorite;
-                this.changeFavorite.emit(this.isFavorite);
-            }, "aria-label": "Favorito" }, index.h("dropi-icon", { key: '0020aaa1beffedd0243c62f616dfeb6428ec63e5', name: this.isFavorite ? 'Heart-solid' : 'Heart', width: "18px", height: "18px", color: this.isFavorite ? '#fff' : '#858ea6' }))))), index.h("div", { key: '390a04f46d8394deb0591969a04525f3687509a0', class: "product-info" }, this.supplierCategory && (index.h("dropi-ilustration-icon", { key: '7fa320fcc36f6d4929197a2d88e59deb76d34ab0', class: "supplier-insignia", type: "insignia", stateInsignia: this.supplierCategory, tagProduct: true })), index.h("div", { key: '67e922b0afc44b3f376db3b20a33d7cc0ae8e987', class: "product-header" }, this.category && (index.h("span", { key: '421f39afc07922579610fe57abdfa37b4fa68586', class: "category" }, this.category)), index.h("div", { key: 'e4ad1d38535bd876298efb6d819d3355ac6b7446', class: "stock-info" }, index.h("span", { key: '5dbdabc282dbfaee4adec81668d38a909e04227d', class: "stock-label" }, "Stock:"), index.h("span", { key: 'f14a47956953779f4527404930b4a988ac5c5737', class: "stock-value", style: { color: this.getStockColor() } }, this.stock === 0 ? 'Agotado' : this.stock))), index.h("h3", { key: '4403e622316112df4075fafbbbbc17151d2e1b39', class: "product-name" }, this.productName), this.supplier && (index.h("div", { key: '28554238023a313e1698847a5faccd17e9bbd750', class: "supplier-info" }, index.h("span", { key: 'e34245925f659f232050ad835cf83690b112d7d0', class: "supplier-label" }, "Proveedor:"), index.h("span", { key: 'cabf8743951095acf0c05dd6e48ee74140984773', class: "supplier-name", onClick: (e) => { e.stopPropagation(); this.dropiSupplierClick.emit(); } }, this.supplier))), index.h("div", { key: '193982dc4aea14f337f64c9156d97f7c23d02db7', class: "price-container" }, index.h("div", { key: 'f2925c29fe4d5f9be2f92c501b92351e9a4f60e0', class: "price-item" }, index.h("span", { key: 'd0a8f99140d6ced64e19a69a2f198ba861cca017', class: "price-label" }, "Precio proveedor"), index.h("span", { key: '6fa5b8b5cd1f6d6e7b2551bdceedf65e3cb0029d', class: "price-value" }, this.currency, " ", this.formatPrice(this.salePrice))), index.h("div", { key: '0a37ead7f660608ed6303c97893fdd9156b5bfad', class: "price-item" }, index.h("span", { key: '8bb33b1b418fdbb79c31ed69ddfa2598f6450efd', class: "price-label" }, "Precio sugerido"), index.h("span", { key: '2df4c30b299190461f0032a66cc8d281ce9c9dab', class: "price-value" }, this.currency, " ", this.formatPrice(this.suggestedPrice))))), index.h("div", { key: '91a8306e386ac8d0422a02d3b4bac2d96ba7bebc', class: "separator" }), this.showAddButton && (index.h("div", { key: '69fd0267e5388770f5067a23d4ddf2636867b030', class: { 'action-button': true, 'action-button--disabled': !this.inStock }, onClick: (e) => {
-                e.stopPropagation();
-                if (this.inStock)
-                    this.dropiAddProduct.emit();
-            } }, index.h("dropi-icon", { key: '6e9a7333778b5a4e75bca612f7900909e9b52c80', name: "Shopping-cart-arrow-rigth", width: "20px", height: "20px", color: "#f49a3d" }), index.h("span", { key: '1f3eb20049a94cb74bef8c89f8773a831667dc7b', class: "button-text" }, "Enviar a cliente")))));
-    }
-};
-DropiCardProduct.style = dropiCardProductCss();
-
-exports.dropi_card_product = DropiCardProduct;

package/dist/cjs/dropi-card-section.cjs.entry.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var index = require('./index-C8kwDvpf.js');
-
-const dropiCardSectionCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}`;
-
-const DropiCardSection = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onChange = index.createEvent(this, "onChange", 7);
-        this.onClick = index.createEvent(this, "onClick", 7);
-    }
-    /** Section title — matches Angular 'title' */
-    title = 'title';
-    /** Section description */
-    description = 'Description';
-    /** Control type on the right */
-    typeElement = 'dropdown';
-    /** Title size variant */
-    type = 'important';
-    /** Switch checked state */
-    isChecked = false;
-    /** Emitted when switch changes */
-    onChange;
-    /** Emitted when dropdown icon is clicked */
-    onClick;
-    render() {
-        return (index.h("div", { key: 'aa7548c223bf3238b7af10e52821e3ffd19fefca', class: "card-section" }, index.h("div", { key: '6b0ed1e7f7c282b0f67277567a2fa1ffbab9d04e', class: "card-section__text" }, this.type === 'important'
-            ? index.h("h5", { class: "card-section__title card-section__title--important" }, this.title)
-            : index.h("h6", { class: "card-section__title" }, this.title), this.description && index.h("p", { key: 'f0c83d631d541d95c19e4a246634da56413a3de9', class: "card-section__desc" }, this.description)), index.h("div", { key: '976d78401ab26872df88115ae0f0449bcd2faae9', class: "card-section__control" }, this.typeElement === 'switch' ? (index.h("dropi-switch", { isChecked: this.isChecked, onOnChange: (e) => {
-                this.isChecked = e.detail;
-                this.onChange.emit(e.detail);
-            } })) : (index.h("button", { class: "card-section__dropdown-btn", onClick: () => this.onClick.emit(), "aria-label": "Expandir" }, index.h("dropi-icon", { name: "Dropdown-down", width: "20px", height: "20px", color: "Gray-Gray-500" }))))));
-    }
-};
-DropiCardSection.style = dropiCardSectionCss();
-
-exports.dropi_card_section = DropiCardSection;