@dropi/ui 0.1.54 → 999.0.0

package/package.json

@@ -1,87 +1,6 @@
 {
   "name": "@dropi/ui",
-  "version": "0.1.54",
-  "description": "Dropi Design System — Web Components for Angular, React and Vue",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "types": "dist/types/index.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
-  "collection:main": "dist/collection/index.js",
-  "unpkg": "dist/dropi-ui/dropi-ui.esm.js",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./loader": {
-      "import": "./loader/index.js",
-      "require": "./loader/index.cjs",
-      "types": "./loader/index.d.ts"
-    },
-    "./dist/components/*.js": {
-      "types": "./dist/components/*.d.ts",
-      "import": "./dist/components/*.js",
-      "require": "./dist/components/*.js"
-    },
-    "./dist/dropi-ui/*.js": {
-      "import": "./dist/dropi-ui/*.js",
-      "require": "./dist/dropi-ui/*.js"
-    },
-    "./dist/dropi-ui/dropi-ui.css": "./dist/dropi-ui/dropi-ui.css",
-    "./hydrate": {
-      "import": "./hydrate/index.mjs",
-      "require": "./hydrate/index.js",
-      "types": "./hydrate/index.d.ts"
-    },
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "dist/",
-    "hydrate/",
-    "loader/",
-    "skills/",
-    "scripts/"
-  ],
-  "bin": {
-    "dropi-ui": "scripts/setup.js",
-    "ui": "scripts/setup.js"
-  },
-  "workspaces": [
-    "packages/*"
-  ],
-  "scripts": {
-    "generate:maps": "node scripts/generate-icon-map.js && node scripts/generate-illustration-map.js && node scripts/generate-lottie-map.js",
-    "build": "npm run generate:maps && stencil build && npm run build --workspace=packages/react && npm run build --workspace=packages/angular && node scripts/strip-use-client.mjs",
-    "clear:cache": "node -e \"const fs=require('fs');['.stencil','node_modules/.cache'].forEach(p=>{try{fs.rmSync(p,{recursive:true,force:true})}catch(e){}})\"",
-    "publish:react": "npm run build && npm publish --workspace=packages/react",
-    "dev": "stencil build --dev --watch & npm run watch --workspace=packages/react",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil-test",
-    "test:watch": "stencil-test --watch",
-    "generate": "stencil generate",
-    "postinstall": "node scripts/postinstall.js",
-    "storybook": "stencil build && storybook dev -p 6006",
-    "storybook:build": "stencil build && storybook build -o storybook-static",
-    "storybook:dev": "storybook dev -p 6006"
-  },
-  "devDependencies": {
-    "@stencil/angular-output-target": "^1.3.0",
-    "@stencil/core": "^4.27.1",
-    "@stencil/react-output-target": "^1.5.0",
-    "@stencil/vitest": "^1.8.3",
-    "@stencil/vue-output-target": "^0.13.1",
-    "@storybook/addon-docs": "^8.6.18",
-    "@storybook/addon-essentials": "^8.6.18",
-    "@storybook/blocks": "^8.6.18",
-    "@storybook/web-components": "^8.6.18",
-    "@storybook/web-components-vite": "^8.6.18",
-    "@types/node": "^22.13.5",
-    "@vitest/browser-playwright": "^4.0.0",
-    "lit": "^3.3.2",
-    "lit-html": "^3.3.2",
-    "storybook": "^8.6.18",
-    "vitest": "^4.0.0"
-  },
+  "version": "999.0.0",
+  "description": "This package has been moved to a private registry.",
   "license": "MIT"
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/cjs/dropi-accordion-item.cjs.entry.js

@@ -1,54 +0,0 @@
-'use strict';
-
-var index = require('./index-eMp8lMK1.js');
-
-const dropiAccordionItemCss = () => `:host{display:block;border-bottom:1px solid var(--Gray-Gray-100);border-radius:0}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;text-align:left;transition:background 0.3s}.accordion-header:hover{background:var(--Gray-Gray-50)}.accordion-header-left{display:flex;align-items:center;gap:var(--Size-2)}.accordion-title{padding:var(--Size-5) var(--Size-4);margin:0;font-family:var(--font-family-01);font-size:var(--font-size-m);font-style:normal;font-weight:var(--font-weight-bold);color:var(--Gray-Gray-600);line-height:var(--lineheight-simple)}.accordion-chevron{padding:var(--Size-3);color:var(--Gray-Gray-500);transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-in-out, opacity 0.3s ease-in-out}.accordion-content{padding:var(--Size-4);background:var(--Neutral-White)}`;
-
-const DropiAccordionItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get el() { return index.getElement(this); }
-    /** The title of the item — matches Angular `sectionTitle` */
-    sectionTitle = '';
-    /** Index of the item — matches Angular `index` */
-    index;
-    /** Whether the section is expanded */
-    open = false;
-    /** Disable toggling */
-    disabled = false;
-    /** Icon name before title */
-    preIcon = '';
-    contentHeight = '0px';
-    contentRef;
-    openChanged(val) {
-        this.updateHeight(val);
-    }
-    componentDidLoad() {
-        this.updateHeight(this.open);
-    }
-    updateHeight(open) {
-        if (!this.contentRef)
-            return;
-        this.contentHeight = open ? `${this.contentRef.scrollHeight}px` : '0px';
-    }
-    handleToggle() {
-        if (this.disabled)
-            return;
-        // Notify parent if needed, or just toggle locally
-        this.el.closest('dropi-accordion');
-        this.open = !this.open;
-        setTimeout(() => this.updateHeight(this.open), 0);
-    }
-    render() {
-        return (index.h("div", { key: '98de1df9b82f0e4e5e72702b7eaca12c0ed92586', class: { 'accordion-item': true, 'accordion-item--open': this.open, 'accordion-item--disabled': this.disabled } }, index.h("button", { key: 'bd5c3e6ea29feb33e5280908c98929369dc7377e', class: "accordion-header", onClick: () => this.handleToggle(), "aria-expanded": String(this.open), disabled: this.disabled }, index.h("span", { key: 'ced161eb1187d50b7eb2002081cd3fc008c9a16f', class: "accordion-header-left" }, this.preIcon && index.h("dropi-icon", { key: '09a157623f0978153b57e85a79d7beeca3faf9ab', name: this.preIcon, iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-600" }), index.h("span", { key: '649617f263370d1314e3145c07a3a29ce5c807b5', class: "accordion-title" }, this.sectionTitle)), index.h("span", { key: 'd99e3933a40ffa4b1da8091a8b6d767011f1bf6f', class: { 'accordion-chevron': true, 'accordion-chevron--open': this.open } }, index.h("dropi-icon", { key: '3d12ae988429fea2612c0c32c12cd81a486ad255', name: "Dropdown-down", iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-500" }))), index.h("div", { key: 'cedff4803c6fa83ae9dc5cb3ce68f48150cdef67', class: "accordion-body", style: { maxHeight: this.contentHeight }, ref: (el) => this.contentRef = el }, index.h("div", { key: 'a37dd42bf39cf08479d847286860e78a1d80a233', class: "accordion-content" }, index.h("slot", { key: 'd797eac747716be1af2a6addbefe583be4a816b1' })))));
-    }
-    static get watchers() { return {
-        "open": [{
-                "openChanged": 0
-            }]
-    }; }
-};
-DropiAccordionItem.style = dropiAccordionItemCss();
-
-exports.dropi_accordion_item = DropiAccordionItem;

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

@@ -1,19 +0,0 @@
-'use strict';
-
-var index = require('./index-eMp8lMK1.js');
-
-const dropiAccordionCss = () => `:host{display:block;font-family:var(--font-family-01, 'Inter', sans-serif);width:100%;margin-bottom:-1px}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.accordion{border-top:1px solid var(--Gray-Gray-100,#e6eaf2);border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-600, #475066);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}`;
-
-const DropiAccordion = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /** Allows multiple sections to be open at the same time. If false, only one section can be open. */
-    multiple = false;
-    render() {
-        return (index.h("div", { key: 'c8c70f9c2210e1bc6de7d0933f082a0d1c008837', class: "accordion-container" }, index.h("slot", { key: '9fe1055ed6f5a2fc5c3e8dde47b694ea0acdbcb9' })));
-    }
-};
-DropiAccordion.style = dropiAccordionCss();
-
-exports.dropi_accordion = DropiAccordion;

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

@@ -1,39 +0,0 @@
-'use strict';
-
-var index = require('./index-eMp8lMK1.js');
-
-const dropiAlertLegacyCss = () => `:host{display:block;margin:10px 0;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.alert-legacy{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--Border-2);font-size:var(--font-size-s)}.alert-legacy--success{background:var(--Success-Success-50);color:var(--Success-Success-700);border:1px solid var(--Success-Success-200)}.alert-legacy--error{background:var(--Error-Error-50);color:var(--Error-Error-700);border:1px solid var(--Error-Error-200)}.alert-legacy--warning{background:var(--Warning-Warning-50);color:var(--Warning-Warning-700);border:1px solid var(--Warning-Warning-200)}.alert-legacy--info{background:var(--Info-Info-50);color:var(--Info-Info-700);border:1px solid var(--Info-Info-200)}.alert-legacy__close{background:transparent;border:none;font-size:20px;cursor:pointer;color:currentColor;opacity:0.6}.alert-legacy__close:hover{opacity:1}`;
-
-const DropiAlertLegacy = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /** Visibility toggle */
-    visible = false;
-    /** Alert message */
-    message = '';
-    /** Semantic type: success | error | warning | info */
-    type = 'success';
-    /** Automatically close after timeout */
-    autoClose = false;
-    timer;
-    componentDidLoad() {
-        if (this.autoClose && this.visible) {
-            this.startTimer();
-        }
-    }
-    startTimer() {
-        clearTimeout(this.timer);
-        this.timer = setTimeout(() => {
-            this.visible = false;
-        }, 7000);
-    }
-    render() {
-        if (!this.visible)
-            return null;
-        return (index.h("div", { class: { 'alert-legacy': true, [`alert-legacy--${this.type}`]: true } }, index.h("div", { class: "alert-legacy__content" }, index.h("span", { class: "alert-legacy__message" }, this.message)), index.h("button", { class: "alert-legacy__close", onClick: () => this.visible = false }, "\u00D7")));
-    }
-};
-DropiAlertLegacy.style = dropiAlertLegacyCss();
-
-exports.dropi_alert_legacy = DropiAlertLegacy;

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

@@ -1,128 +0,0 @@
-'use strict';
-
-var index = require('./index-eMp8lMK1.js');
-var lottieMap_generated = require('./lottie-map.generated-BVDAlLPd.js');
-
-const dropiAlertModalCss = () => `:host{display:contents;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:visible;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}`;
-
-const DropiAlertModal = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.dropiPrimaryClick = index.createEvent(this, "dropiPrimaryClick");
-        this.dropiSecondaryClick = index.createEvent(this, "dropiSecondaryClick");
-        this.dropiVisibleChange = index.createEvent(this, "dropiVisibleChange");
-        this.dropiHide = index.createEvent(this, "dropiHide");
-    }
-    get el() { return index.getElement(this); }
-    /** Controls visibility */
-    visible = false;
-    /** Modal type — determines Lottie animation */
-    type = 'question';
-    /** Bold title */
-    tittle = '';
-    /** Body message */
-    message = '';
-    /** Primary button label */
-    primaryButton = 'Accept';
-    /** Secondary button label (hidden if empty) */
-    secondaryButton = '';
-    /** Show loading state with loading.json Lottie */
-    loading = false;
-    /** Show close icon in header */
-    closable = false;
-    /** Hide action buttons */
-    displayButtons = true;
-    /** Loading title */
-    loadingTitle = 'Loading';
-    /** Loading message */
-    loadingMessage = 'Please wait a moment';
-    /**
-     * When true, primary button does NOT auto-close the modal (matches Angular `isStep`).
-     * Useful for step-by-step flows.
-     */
-    isStep = false;
-    /** Base z-index for the internal modal overlay (matches Angular `baseZIndex`) */
-    baseZIndex = 0;
-    /**
-     * Use White Label (MB) illustration style instead of Lottie animation.
-     */
-    isWhiteLabel = false;
-    /**
-     * Convenience object prop — matches Angular `params: ModalParams`.
-     * Fields: tittle, type, message, primaryButton, secondaryButton, loadingTitle,
-     * loadingMessage, closable, displayButtons.
-     * When provided, its values override the corresponding individual props.
-     */
-    params = null;
-    paramsChanged(val) {
-        if (!val)
-            return;
-        if (val.tittle !== undefined)
-            this.tittle = val.tittle;
-        if (val.type !== undefined)
-            this.type = val.type;
-        if (val.message !== undefined)
-            this.message = val.message;
-        if (val.primaryButton !== undefined)
-            this.primaryButton = val.primaryButton;
-        if (val.secondaryButton !== undefined)
-            this.secondaryButton = val.secondaryButton;
-        if (val.loadingTitle !== undefined)
-            this.loadingTitle = val.loadingTitle;
-        if (val.loadingMessage !== undefined)
-            this.loadingMessage = val.loadingMessage;
-        if (val.closable !== undefined)
-            this.closable = val.closable;
-        if (val.displayButtons !== undefined)
-            this.displayButtons = val.displayButtons;
-    }
-    /** Emitted when primary button is clicked — matches Angular 'primaryButtonEvent' */
-    dropiPrimaryClick;
-    /** Emitted when secondary button is clicked — matches Angular 'secondaryButtonEvent' */
-    dropiSecondaryClick;
-    /** Emitted when modal open state changes — matches Angular 'modalOpenChange' */
-    dropiVisibleChange;
-    /** Emitted when modal is hidden — matches Angular 'onHide' */
-    dropiHide;
-    componentWillLoad() {
-        if (this.params)
-            this.paramsChanged(this.params);
-    }
-    async show() {
-        this.visible = true;
-    }
-    async hide() {
-        this.visible = false;
-    }
-    handlePrimary() {
-        this.dropiPrimaryClick.emit(true);
-        if (!this.isStep) {
-            this.visible = false;
-            this.dropiVisibleChange.emit(false);
-        }
-    }
-    handleSecondary() {
-        this.dropiSecondaryClick.emit(true);
-        this.visible = false;
-        this.dropiVisibleChange.emit(false);
-    }
-    onModalHide() {
-        this.visible = false;
-        this.dropiVisibleChange.emit(false);
-        this.dropiHide.emit();
-    }
-    render() {
-        const lottieKey = this.loading ? 'loading' : this.type;
-        const isLottieLoading = lottieKey === 'loading';
-        const lottieSrc = lottieMap_generated.LOTTIE_MAP[lottieKey];
-        return (index.h("dropi-modal", { key: '9e44e3e2336cea618ad493257a9057f6ed05b3b9', visible: this.visible, showHeader: this.closable, showCloseIcon: this.closable, dismissable: false, closeOnEscape: false, showFooter: false, size: "s", onDropiHide: () => this.onModalHide() }, index.h("div", { key: '2c83ef5ed1bce3821221404572e08ff83e5788a7', class: "body-alert" }, lottieSrc && (index.h("div", { key: 'aef9b32ed8f6a9eed2d49b78a579efca7c30de35', class: `lottie-img${isLottieLoading ? ' lottie-img--loading' : ''}` }, index.h("lottie-player", { key: lottieKey, src: lottieSrc, background: "transparent", speed: "1", loop: true, autoplay: true }))), index.h("div", { key: '5c5161f34e04e783120cda34cbfda41da0061b40', class: "content-alert" }, index.h("h2", { key: 'ea451c2f1d424a4ca9453eee500055929a4ee0cd' }, this.loading ? this.loadingTitle : this.tittle), index.h("p", { key: '6fc476e3b79305a8542a9e3254a648df46e612c2' }, this.loading ? this.loadingMessage : this.message)), index.h("div", { key: 'c6b62bd577696a2f474c05f6a91030f3caa17c9e', class: "custom-content" }, index.h("slot", { key: '42957aad93193457111a074bad254c6209c5fb12' })), !this.loading && this.displayButtons && (index.h("div", { key: 'f6bec3425de91611537bc418c7896b7dc510ace6', class: "actions" }, this.secondaryButton && index.h("dropi-button", { key: 'e169fb4dbd9d6d5548095d59ddde524b6540b7a8', text: this.secondaryButton, severity: "secondary", onDropiClick: () => this.handleSecondary(), fullWidth: true }), index.h("dropi-button", { key: 'f892a5d0fce7eae2d24fedc71a925c5c2cf767dd', text: this.primaryButton, severity: "primary", onDropiClick: () => this.handlePrimary(), fullWidth: true }))))));
-    }
-    static get watchers() { return {
-        "params": [{
-                "paramsChanged": 0
-            }]
-    }; }
-};
-DropiAlertModal.style = dropiAlertModalCss();
-
-exports.dropi_alert_modal = DropiAlertModal;

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

@@ -1,64 +0,0 @@
-'use strict';
-
-var index = require('./index-eMp8lMK1.js');
-
-const dropiAlertCss = () => `:host{display:block;width:100%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::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:var(--font-family-01, 'Inter', sans-serif);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: 'Cross-circle',
-    warning: 'Warning-circle',
-    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.dropiClose = index.createEvent(this, "dropiClose");
-        this.dropiButtonClick = index.createEvent(this, "dropiButtonClick");
-        this.dropiLinkClick = index.createEvent(this, "dropiLinkClick");
-    }
-    /** 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 = '';
-    /** Anchor href */
-    anchorUrl = '';
-    /** 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 */
-    dropiClose;
-    /** Emitted when the action button is clicked */
-    dropiButtonClick;
-    /** Emitted when the anchor link is clicked */
-    dropiLinkClick;
-    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], iconWidth: "18px", iconHeight: "18px", color: STATE_COLORS[this.state] }))), index.h("div", { class: "alert__body" }, index.h("span", { class: "alert__message", innerHTML: this.message }), this.clickedText && (index.h("a", { class: "alert__link", href: "#", onClick: (e) => { e.preventDefault(); this.dropiLinkClick.emit(); } }, this.clickedText)), (this.anchorText || this.textLink) && (index.h("a", { class: "alert__link", href: this.anchorUrl || this.linkUrl || '#', onClick: (e) => { e.preventDefault(); this.dropiLinkClick.emit(); } }, this.anchorText || this.textLink))), index.h("div", { class: "alert__actions" }, this.showButton && this.buttonText && this.type !== 'flag' && (index.h("button", { class: "alert__btn", onClick: () => this.dropiButtonClick.emit() }, this.buttonText)), this.dismissable && (index.h("button", { class: "alert__close", onClick: () => { this.showAlert = false; this.dropiClose.emit(); }, "aria-label": "Cerrar" }, index.h("dropi-icon", { name: "Close-small", iconWidth: "18px", iconHeight: "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-eMp8lMK1.js');
-
-const dropiAvatarsCss = () => `:host{display:inline-block;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.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-eMp8lMK1.js');
-
-const dropiBadgeLegacyCss = () => `:host{display:inline-block;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.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: '58bb5c6625539109f010cccdcaafc37ab6da38ba', 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-eMp8lMK1.js');
-
-const dropiBadgeCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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-eMp8lMK1.js');
-
-const dropiBannerExternalCss = () => `:host{display:block;width:100%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.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");
-        this.isVisible = index.createEvent(this, "isVisible");
-    }
-    /** 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", iconWidth: "20px", iconHeight: "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;