npm - @dropi/ui - Versions diffs - 0.1.24 → 0.1.25 - Mend

@dropi/ui 0.1.24 → 0.1.25

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 (490) hide show

package/dist/{esm → dropi-ui}/dropi-accordion-item.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, a as getElement, h } from './index-Cvp2LQOM.js';
 const dropiAccordionItemCss = () => `:host{display:block;border-bottom:1px solid var(--Gray-Gray-100)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}`;
@@ -34,7 +34,10 @@ const DropiAccordionItem = class {
         if (this.disabled)
             return;
         // Notify parent if needed, or just toggle locally
-        this.el.closest('dropi-accordion');
+        const parent = this.el.closest('dropi-accordion');
+        if (parent && !parent.multiple) {
+            // If parent is single-expand, we notify or handle via event
+        }
         this.open = !this.open;
         setTimeout(() => this.updateHeight(this.open), 0);
     }
@@ -50,3 +53,6 @@ const DropiAccordionItem = class {
 DropiAccordionItem.style = dropiAccordionItemCss();
 export { DropiAccordionItem as dropi_accordion_item };
+//# sourceMappingURL=dropi-accordion-item.entry.esm.js.map
+//# sourceMappingURL=dropi-accordion-item.entry.js.map

package/dist/dropi-ui/dropi-accordion-item.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-accordion-item.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-accordion/dropi-accordion-item.css?tag=dropi-accordion-item&encapsulation=shadow","src/components/dropi-accordion/dropi-accordion-item.tsx"],"sourcesContent":[":host {\n display: block;\n border-bottom: 1px solid var(--Gray-Gray-100);\n}\n\n.accordion-header {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px;\n background: white;\n border: none;\n cursor: pointer;\n text-align: left;\n}\n\n.accordion-header-left {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.accordion-title {\n font-size: var(--font-size-m);\n font-weight: var(--font-weight-semibold);\n color: var(--Gray-Gray-700);\n}\n\n.accordion-chevron {\n transition: transform 0.3s ease;\n}\n\n.accordion-chevron--open {\n transform: rotate(180deg);\n}\n\n.accordion-body {\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n}\n\n.accordion-content {\n padding: 0 16px 16px 16px;\n}\n","import { Component, Prop, State, Watch, h, Element } from '@stencil/core';\n\n/**\n * @component dropi-accordion-item\n * Collapsible section item intended to be used inside <dropi-accordion>.\n */\n@Component({\n tag: 'dropi-accordion-item',\n styleUrl: 'dropi-accordion-item.css',\n shadow: true,\n})\nexport class DropiAccordionItem {\n @Element() el: HTMLElement;\n\n /** The title of the item — matches Angular `sectionTitle` */\n @Prop() sectionTitle: string = '';\n /** Index of the item — matches Angular `index` */\n @Prop() index: number;\n /** Whether the section is expanded */\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n /** Disable toggling */\n @Prop() disabled: boolean = false;\n /** Icon name before title */\n @Prop() preIcon: string = '';\n\n @State() private contentHeight: string = '0px';\n private contentRef?: HTMLDivElement;\n\n @Watch('open')\n openChanged(val: boolean) {\n this.updateHeight(val);\n }\n\n componentDidLoad() {\n this.updateHeight(this.open);\n }\n\n private updateHeight(open: boolean) {\n if (!this.contentRef) return;\n this.contentHeight = open ? `${this.contentRef.scrollHeight}px` : '0px';\n }\n\n private handleToggle() {\n if (this.disabled) return;\n \n // Notify parent if needed, or just toggle locally\n const parent = this.el.closest('dropi-accordion');\n if (parent && !(parent as any).multiple) {\n // If parent is single-expand, we notify or handle via event\n }\n\n this.open = !this.open;\n setTimeout(() => this.updateHeight(this.open), 0);\n }\n\n render() {\n return (\n <div class={{ 'accordion-item': true, 'accordion-item--open': this.open, 'accordion-item--disabled': this.disabled }}>\n <button class=\"accordion-header\" onClick={() => this.handleToggle()} aria-expanded={String(this.open)} disabled={this.disabled}>\n <span class=\"accordion-header-left\">\n {this.preIcon && <dropi-icon name={this.preIcon} width=\"20px\" height=\"20px\" color=\"Gray-Gray-600\" />}\n <span class=\"accordion-title\">{this.sectionTitle}</span>\n </span>\n <span class={{ 'accordion-chevron': true, 'accordion-chevron--open': this.open }}>\n <dropi-icon name=\"Dropdown-down\" width=\"20px\" height=\"20px\" color=\"Gray-Gray-500\" />\n </span>\n </button>\n <div class=\"accordion-body\" style={{ maxHeight: this.contentHeight }} ref={(el) => this.contentRef = el as HTMLDivElement}>\n <div class=\"accordion-content\"><slot /></div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-accordion.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-Cvp2LQOM.js';
 const dropiAccordionCss = () => `:host{display:block;width:100%;margin-bottom:-1px}*,*::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}`;
@@ -15,3 +15,6 @@ const DropiAccordion = class {
 DropiAccordion.style = dropiAccordionCss();
 export { DropiAccordion as dropi_accordion };
+//# sourceMappingURL=dropi-accordion.entry.esm.js.map
+//# sourceMappingURL=dropi-accordion.entry.js.map

package/dist/dropi-ui/dropi-accordion.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-accordion.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,gqCAAgqC,CAAC;;MCWrrC,cAAc,GAAA,MAAA;;;;;IAEjB,QAAQ,GAAY,KAAK;IAEjC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ;;;;;;;","names":[],"sources":["src/components/dropi-accordion/dropi-accordion.css?tag=dropi-accordion&encapsulation=shadow","src/components/dropi-accordion/dropi-accordion.tsx"],"sourcesContent":[":host { display: block; width: 100%; margin-bottom: -1px; }\n*, *::before, *::after { box-sizing: border-box; }\n\n.accordion { border-top: 1px solid var(--Gray-Gray-100,#e6eaf2); border-bottom: 1px solid var(--Gray-Gray-100,#e6eaf2); overflow: hidden; }\n\n.accordion-header {\n width: 100%; display: flex; align-items: center; justify-content: space-between;\n padding: var(--Size-4,16px) var(--Size-5,20px);\n background: transparent; border: none; cursor: pointer; gap: 12px; text-align: left;\n}\n.accordion-header:disabled { cursor: not-allowed; opacity: 0.5; }\n.accordion--open .accordion-header { border-bottom: 1px solid var(--Gray-Gray-100,#e6eaf2); }\n\n.accordion-header-left { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n.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; }\n\n.accordion-chevron { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.22s ease; }\n.accordion-chevron--open { transform: rotate(180deg); }\n\n.accordion-body { max-height: 0; overflow: hidden; transition: max-height 0.28s ease; }\n.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; }\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @component dropi-accordion\n * Container for <dropi-accordion-item> components.\n */\n@Component({\n tag: 'dropi-accordion',\n styleUrl: 'dropi-accordion.css',\n shadow: true,\n})\nexport class DropiAccordion {\n /** Allows multiple sections to be open at the same time. If false, only one section can be open. */\n @Prop() multiple: boolean = false;\n\n render() {\n return (\n <div class=\"accordion-container\">\n <slot />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-alert-legacy.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-Cvp2LQOM.js';
 const dropiAlertLegacyCss = () => `:host{display:block;margin:10px 0}.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}`;
@@ -35,3 +35,6 @@ const DropiAlertLegacy = class {
 DropiAlertLegacy.style = dropiAlertLegacyCss();
 export { DropiAlertLegacy as dropi_alert_legacy };
+//# sourceMappingURL=dropi-alert-legacy.entry.esm.js.map
+//# sourceMappingURL=dropi-alert-legacy.entry.js.map

package/dist/dropi-ui/dropi-alert-legacy.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-alert-legacy.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,s1BAAs1B,CAAC;;MCW72B,gBAAgB,GAAA,MAAA;;;;;IAEF,OAAO,GAAY,KAAK;;IAEzC,OAAO,GAAW,EAAE;;IAEpB,IAAI,GAA6C,SAAS;;IAE1D,SAAS,GAAY,KAAK;AAE1B,IAAA,KAAK;IAEb,gBAAgB,GAAA;QACd,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;YAClC,IAAI,CAAC,UAAU,EAAE;;;IAIb,UAAU,GAAA;AAChB,QAAA,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB,QAAA,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,MAAK;AAC3B,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;SACrB,EAAE,IAAI,CAAC;;IAGV,MAAM,GAAA;QACJ,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,IAAI;AAE9B,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAA,cAAA,EAAiB,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI,EAAE,EAAA,EACxE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAC/B,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,uBAAuB,EAAA,EAAE,IAAI,CAAC,OAAO,CAAQ,CACtD,EACN,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,KAAK,EAAA,EAAA,QAAA,CAE9D,CACL;;;;;;;","names":[],"sources":["src/components/dropi-alert-legacy/dropi-alert-legacy.css?tag=dropi-alert-legacy&encapsulation=shadow","src/components/dropi-alert-legacy/dropi-alert-legacy.tsx"],"sourcesContent":[":host {\n display: block;\n margin: 10px 0;\n}\n\n.alert-legacy {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 16px;\n border-radius: var(--Border-2);\n font-size: var(--font-size-s);\n}\n\n.alert-legacy--success { background: var(--Success-Success-50); color: var(--Success-Success-700); border: 1px solid var(--Success-Success-200); }\n.alert-legacy--error { background: var(--Error-Error-50); color: var(--Error-Error-700); border: 1px solid var(--Error-Error-200); }\n.alert-legacy--warning { background: var(--Warning-Warning-50); color: var(--Warning-Warning-700); border: 1px solid var(--Warning-Warning-200); }\n.alert-legacy--info { background: var(--Info-Info-50); color: var(--Info-Info-700); border: 1px solid var(--Info-Info-200); }\n\n.alert-legacy__close {\n background: transparent;\n border: none;\n font-size: 20px;\n cursor: pointer;\n color: currentColor;\n opacity: 0.6;\n}\n\n.alert-legacy__close:hover {\n opacity: 1;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @component dropi-alert-legacy\n * Legacy alert component for backward compatibility with Angular core.\n */\n@Component({\n tag: 'dropi-alert-legacy',\n styleUrl: 'dropi-alert-legacy.css',\n shadow: true,\n})\nexport class DropiAlertLegacy {\n /** Visibility toggle */\n @Prop({ mutable: true }) visible: boolean = false;\n /** Alert message */\n @Prop() message: string = '';\n /** Semantic type: success | error | warning | info */\n @Prop() type: 'success' | 'error' | 'warning' | 'info' = 'success';\n /** Automatically close after timeout */\n @Prop() autoClose: boolean = false;\n\n private timer: any;\n\n componentDidLoad() {\n if (this.autoClose && this.visible) {\n this.startTimer();\n }\n }\n\n private startTimer() {\n clearTimeout(this.timer);\n this.timer = setTimeout(() => {\n this.visible = false;\n }, 7000);\n }\n\n render() {\n if (!this.visible) return null;\n\n return (\n <div class={{ 'alert-legacy': true, [`alert-legacy--${this.type}`]: true }}>\n <div class=\"alert-legacy__content\">\n <span class=\"alert-legacy__message\">{this.message}</span>\n </div>\n <button class=\"alert-legacy__close\" onClick={() => this.visible = false}>\n ×\n </button>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-alert-modal.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.js';
 const dropiAlertModalCss = () => `:host{display:contents}.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%}}`;
@@ -124,3 +124,6 @@ const DropiAlertModal = class {
 DropiAlertModal.style = dropiAlertModalCss();
 export { DropiAlertModal as dropi_alert_modal };
+//# sourceMappingURL=dropi-alert-modal.entry.esm.js.map
+//# sourceMappingURL=dropi-alert-modal.entry.js.map

package/dist/dropi-ui/dropi-alert-modal.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-alert-modal.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-alert-modal/dropi-alert-modal.css?tag=dropi-alert-modal","src/components/dropi-alert-modal/dropi-alert-modal.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.body-alert {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--Size-3);\n width: 100%;\n flex: 1;\n overflow: visible;\n padding-bottom: var(--Size-2);\n}\n\n/* ── Lottie regular ───────────────────────────────────────────────── */\n.lottie-img {\n width: 120px;\n height: 120px;\n overflow: hidden;\n flex-shrink: 0;\n align-self: center;\n margin-top: -8px;\n margin-bottom: var(--Size-2);\n}\n\n.lottie-img lottie-player {\n display: block;\n width: 120px;\n height: 120px;\n}\n\n/* ── Lottie loading ───────────────────────────────────────────────── */\n.lottie-img--loading {\n width: 100%;\n height: 120px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.lottie-img--loading lottie-player {\n width: 300px;\n height: auto;\n flex-shrink: 0;\n}\n\n/* ── Content ──────────────────────────────────────────────────────── */\n.content-alert {\n text-align: center;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.content-alert h2 {\n color: var(--Gray-Gray-800);\n font-size: 19px;\n font-weight: var(--font-weight-semibold);\n margin: 0;\n}\n\n.content-alert p {\n color: var(--Gray-Gray-500);\n font-size: var(--font-size-s);\n margin-bottom: var(--Size-2);\n overflow-wrap: anywhere;\n max-height: 100px;\n overflow: auto;\n}\n\n.custom-content {\n width: 100%;\n text-align: left;\n margin-top: var(--Size-2);\n display: flex;\n flex-direction: column;\n gap: var(--Size-3);\n}\n\n/* ── Actions ──────────────────────────────────────────────────────── */\n.actions {\n display: flex;\n gap: var(--Size-3);\n width: 100%;\n}\n\n.actions dropi-button {\n flex: 1;\n display: flex;\n justify-content: center;\n}\n\n@media (max-width: 768px) {\n .actions {\n flex-direction: column;\n }\n\n .actions dropi-button {\n width: 100%;\n }\n}\n","import { Component, Prop, Event, EventEmitter, Method, Watch, h } from '@stencil/core';\n\nexport type AlertModalType = 'question' | 'warning' | 'success' | 'error' | 'loading';\n\n/**\n * @component dropi-alert-modal\n * Confirmation/alert modal with Lottie animation, title, message and action buttons.\n * Uses dropi-modal internally.\n *\n * @example\n * const el = document.querySelector('dropi-alert-modal');\n * el.visible = true;\n */\n@Component({\n tag: 'dropi-alert-modal',\n styleUrl: 'dropi-alert-modal.css',\n shadow: false,\n})\nexport class DropiAlertModal {\n /** Controls visibility */\n @Prop({ mutable: true, reflect: true }) visible: any = false;\n /** Modal type — determines Lottie animation */\n @Prop({ mutable: true }) type: AlertModalType = 'question';\n /** Bold title */\n @Prop({ mutable: true }) tittle: string = '';\n /** Body message */\n @Prop({ mutable: true }) message: string = '';\n /** Primary button label */\n @Prop({ mutable: true }) primaryButton: string = 'Accept';\n /** Secondary button label (hidden if empty) */\n @Prop({ mutable: true }) secondaryButton: string = '';\n /** Show loading state with loading.json Lottie */\n @Prop() loading: boolean = false;\n /** Show close icon in header */\n @Prop({ mutable: true }) closable: boolean = false;\n /** Hide action buttons */\n @Prop({ mutable: true }) displayButtons: boolean = true;\n /** Loading title */\n @Prop({ mutable: true }) loadingTitle: string = 'Loading';\n /** Loading message */\n @Prop({ mutable: true }) loadingMessage: string = 'Please wait a moment';\n /**\n * When true, primary button does NOT auto-close the modal (matches Angular `isStep`).\n * Useful for step-by-step flows.\n */\n @Prop() isStep: boolean = false;\n /** Base z-index for the internal modal overlay (matches Angular `baseZIndex`) */\n @Prop() baseZIndex: number = 0;\n /**\n * Convenience object prop — matches Angular `params: ModalParams`.\n * Fields: tittle, type, message, primaryButton, secondaryButton, loadingTitle,\n * loadingMessage, closable, displayButtons.\n * When provided, its values override the corresponding individual props.\n */\n @Prop() params: any = null;\n\n @Watch('params')\n paramsChanged(val: any) {\n if (!val) return;\n if (val.tittle !== undefined) this.tittle = val.tittle;\n if (val.type !== undefined) this.type = val.type;\n if (val.message !== undefined) this.message = val.message;\n if (val.primaryButton !== undefined) this.primaryButton = val.primaryButton;\n if (val.secondaryButton !== undefined) this.secondaryButton = val.secondaryButton;\n if (val.loadingTitle !== undefined) this.loadingTitle = val.loadingTitle;\n if (val.loadingMessage !== undefined) this.loadingMessage = val.loadingMessage;\n if (val.closable !== undefined) this.closable = val.closable;\n if (val.displayButtons !== undefined) this.displayButtons = val.displayButtons;\n }\n\n /** Emitted when primary button is clicked — matches Angular 'primaryButtonEvent' */\n @Event() primaryButtonEvent: EventEmitter<boolean>;\n /** Emitted when secondary button is clicked — matches Angular 'secondaryButtonEvent' */\n @Event() secondaryButtonEvent: EventEmitter<boolean>;\n /** Emitted when modal open state changes — matches Angular 'modalOpenChange' */\n @Event() modalOpenChange: EventEmitter<boolean>;\n /** Emitted when modal is hidden — matches Angular 'onHide' */\n @Event() onHide: EventEmitter<void>;\n\n private readonly lottieMap: Record<string, string> = {\n question: '/assets/lottie-files/question.json',\n warning: '/assets/lottie-files/warning.json',\n success: '/assets/lottie-files/success.json',\n error: '/assets/lottie-files/failure.json',\n loading: '/assets/lottie-files/loading.json',\n };\n\n componentWillLoad() {\n if (this.params) this.paramsChanged(this.params);\n }\n\n @Method() async show() {\n this.visible = true;\n }\n @Method() async hide() {\n this.visible = false;\n }\n\n private handlePrimary() {\n this.primaryButtonEvent.emit(true);\n if (!this.isStep) {\n this.visible = false;\n this.modalOpenChange.emit(false);\n }\n }\n\n private handleSecondary() {\n this.secondaryButtonEvent.emit(true);\n this.visible = false;\n this.modalOpenChange.emit(false);\n }\n\n private onModalHide() {\n this.visible = false;\n this.modalOpenChange.emit(false);\n this.onHide.emit();\n }\n\n render() {\n const lottieKey = this.loading ? 'loading' : this.type;\n const isLottieLoading = lottieKey === 'loading';\n\n return (\n <dropi-modal\n visible={this.visible}\n showHeader={this.closable}\n showCloseIcon={this.closable}\n dismissable={false}\n closeOnEscape={false}\n showFooter={false}\n size=\"s\"\n onOnHide={() => this.onModalHide()}\n >\n <div class=\"body-alert\">\n {this.lottieMap[lottieKey] && (\n <div class={`lottie-img${isLottieLoading ? ' lottie-img--loading' : ''}`}>\n <lottie-player\n key={lottieKey}\n src={this.lottieMap[lottieKey]}\n background=\"transparent\"\n speed=\"1\"\n loop\n autoplay\n />\n </div>\n )}\n\n <div class=\"content-alert\">\n <h2>{this.loading ? this.loadingTitle : this.tittle}</h2>\n <p>{this.loading ? this.loadingMessage : this.message}</p>\n </div>\n\n <div class=\"custom-content\">\n <slot />\n </div>\n\n {!this.loading && this.displayButtons && (\n <div class=\"actions\">\n {this.secondaryButton && <dropi-button text={this.secondaryButton} severity=\"secondary\" onClick={() => this.handleSecondary()} fullWidth />}\n <dropi-button text={this.primaryButton} severity=\"primary\" onClick={() => this.handlePrimary()} fullWidth />\n </div>\n )}\n </div>\n </dropi-modal>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-alert.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.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}`;
@@ -60,3 +60,6 @@ const DropiAlert = class {
 DropiAlert.style = dropiAlertCss();
 export { DropiAlert as dropi_alert };
+//# sourceMappingURL=dropi-alert.entry.esm.js.map
+//# sourceMappingURL=dropi-alert.entry.js.map

package/dist/dropi-ui/dropi-alert.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-alert.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-alert/dropi-alert.css?tag=dropi-alert&encapsulation=shadow","src/components/dropi-alert/dropi-alert.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.alert {\n display: flex;\n align-items: center;\n gap: var(--Size-2, 8px);\n padding: var(--Size-3, 12px);\n border-radius: var(--Border-2, 8px);\n border: 1px solid transparent;\n width: 100%;\n}\n\n/* ── State colors ───────────────────────────────────────── */\n.alert--success {\n background: var(--Success-Success-50, #e7f8f3);\n border-color: var(--Success-Success-500, #0abb87);\n}\n\n.alert--error {\n background: var(--Error-Error-50, #fef0f0);\n border-color: var(--Error-Error-500, #f46a6b);\n}\n\n.alert--warning {\n background: var(--Warning-Warning-50, #fef8ed);\n border-color: var(--Warning-Warning-500, #f1b44c);\n}\n\n.alert--info {\n background: var(--Info-Info-50, #eef6fe);\n border-color: var(--Info-Info-500, #50a5f1);\n}\n\n/* ── Flag type (left accent border) ────────────────────── */\n.alert--flag {\n padding: var(--Size-1, 4px) var(--Size-2, 8px);\n border-radius: var(--Border-1, 4px);\n border: none !important;\n justify-content: center;\n}\n.alert--flag .alert__body {\n justify-content: center;\n text-align: center;\n}\n.alert--flag .alert__message {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-regular);\n}\n\n/* ── Icon ───────────────────────────────────────────────── */\n.alert__icon {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n padding-top: 1px;\n}\n\n/* ── Body ───────────────────────────────────────────────── */\n.alert__body {\n flex: 1;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--Size-1, 4px);\n}\n\n.alert__message {\n font-size: var(--font-size-s);\n color: var(--Gray-600, #475066);\n font-weight: var(--font-weight-medium);\n line-height: 1.5;\n}\n\n.alert__link {\n font-size: var(--font-size-s, 12px);\n font-weight: var(--font-weight-bold, 700);\n color: var(--Primary-Primary-500, #f49a3d);\n text-decoration: underline;\n cursor: pointer;\n}\n\n/* ── Actions ────────────────────────────────────────────── */\n.alert__actions {\n display: flex;\n align-items: center;\n gap: var(--Size-2, 8px);\n flex-shrink: 0;\n}\n\n.alert__btn {\n height: 28px;\n padding: 0 var(--Size-3, 12px);\n border-radius: var(--Border-2, 8px);\n border: 1px solid var(--Primary-Primary-500, #f49a3d);\n background: transparent;\n color: var(--Primary-Primary-500, #f49a3d);\n font-size: var(--font-size-xs, 10px);\n font-family: inherit;\n font-weight: var(--font-weight-bold, 700);\n cursor: pointer;\n transition: background 0.15s, color 0.15s;\n}\n\n.alert__btn:hover {\n background: var(--Primary-Primary-500, #f49a3d);\n color: var(--Neutral-White, #ffffff);\n}\n\n.alert__close {\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n opacity: 0.6;\n transition: opacity 0.15s;\n}\n\n.alert__close:hover {\n opacity: 1;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport type AlertState = 'success' | 'error' | 'warning' | 'info';\nexport type AlertType = 'default' | 'flag';\n\nconst STATE_ICONS: Record<AlertState, string> = {\n success: 'Check-circle',\n error: 'Warning-circle',\n warning: 'Warning-triangle',\n info: 'Info',\n};\n\nconst STATE_COLORS: Record<AlertState, string> = {\n success: 'Success-Success-500',\n error: 'Error-Error-500',\n warning: 'Warning-Warning-500',\n info: 'Info-Info-500',\n};\n\n/**\n * @component dropi-alert\n * Alert banner with state variants (success/error/warning/info),\n * optional action button, anchor link, and dismissable close icon.\n */\n@Component({\n tag: 'dropi-alert',\n styleUrl: 'dropi-alert.css',\n shadow: true,\n})\nexport class DropiAlert {\n /** Alert message text (supports plain text) */\n @Prop() message: string = '';\n /** Layout type: default (inline) | flag (accented left border) */\n @Prop() type: AlertType = 'default';\n /** Semantic state */\n @Prop() state: AlertState = 'success';\n /** Show the × close button */\n @Prop() dismissable: boolean = true;\n /** Show action button */\n @Prop() showButton: boolean = false;\n /** Action button label */\n @Prop() buttonText: string = 'Close';\n /** Anchor/link label */\n @Prop() anchorText: string = 'none';\n /** Anchor href */\n @Prop() anchorUrl: string = 'none';\n /** Whether the alert is visible */\n @Prop({ mutable: true }) showAlert: boolean = true;\n /** Link text (alternative to anchorText) */\n @Prop() textLink: string = '';\n /** Link URL (alternative to anchorUrl) */\n @Prop() linkUrl: string = '';\n /** Clicked text tracking */\n @Prop() clickedText: string = '';\n\n /** Emitted when the alert is dismissed */\n @Event() onClose: EventEmitter<void>;\n /** Emitted when the action button is clicked */\n @Event() onButtonClick: EventEmitter<void>;\n /** Emitted when the anchor link is clicked */\n @Event() onClickLink: EventEmitter<void>;\n\n render() {\n if (!this.showAlert) return null;\n\n return (\n <div class={{ 'alert': true, [`alert--${this.type}`]: true, [`alert--${this.state}`]: true }}>\n\n {this.type !== 'flag' && (\n <div class=\"alert__icon\">\n <dropi-icon\n name={STATE_ICONS[this.state]}\n width=\"18px\"\n height=\"18px\"\n color={STATE_COLORS[this.state]}\n />\n </div>\n )}\n\n <div class=\"alert__body\">\n <span class=\"alert__message\">{this.message}</span>\n\n {this.anchorText && (\n <a\n class=\"alert__link\"\n href={this.anchorUrl || this.linkUrl || '#'}\n onClick={(e) => { e.preventDefault(); this.onClickLink.emit(); }}\n >\n {this.anchorText}\n </a>\n )}\n </div>\n\n <div class=\"alert__actions\">\n {this.showButton && this.buttonText && this.type !== 'flag' && (\n <button class=\"alert__btn\" onClick={() => this.onButtonClick.emit()}>\n {this.buttonText}\n </button>\n )}\n\n {this.dismissable && (\n <button\n class=\"alert__close\"\n onClick={() => { this.showAlert = false; this.onClose.emit(); }}\n aria-label=\"Cerrar\"\n >\n <dropi-icon name=\"Close-small\" width=\"18px\" height=\"18px\" color=\"Gray-Gray-500\" />\n </button>\n )}\n </div>\n\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-avatars.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-Cvp2LQOM.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}`;
@@ -27,3 +27,6 @@ const DropiAvatars = class {
 DropiAvatars.style = dropiAvatarsCss();
 export { DropiAvatars as dropi_avatars };
+//# sourceMappingURL=dropi-avatars.entry.esm.js.map
+//# sourceMappingURL=dropi-avatars.entry.js.map

package/dist/dropi-ui/dropi-avatars.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-avatars.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,0sBAA0sB,CAAC;;ACI1uB,MAAM,QAAQ,GAAG,CAAA,8SAAA,CAAgT;MAWpT,YAAY,GAAA,MAAA;;;;;IAEf,KAAK,GAAW,EAAE;;IAElB,GAAG,GAAW,QAAQ;;IAEtB,IAAI,GAAe,OAAO;;IAE1B,QAAQ,GAAW,EAAE;AAErB,IAAA,WAAW,CAAC,CAAQ,EAAA;AACzB,QAAA,CAAC,CAAC,MAA2B,CAAC,GAAG,GAAG,QAAQ;;IAG/C,MAAM,GAAA;AACJ,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;QAChE,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,eAAe;AAEnD,QAAA,QACE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,WAAW,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI,EAAE,EAAA,EAC9D,YAAY,IACX,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAAE,eAAe,CAAO,KAErD,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,IAAI,CAAC,KAAK,IAAI,QAAQ,EAC3B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAA,CACnC,CACH,CACM;;;;;;;","names":[],"sources":["src/components/dropi-avatars/dropi-avatars.css?tag=dropi-avatars&encapsulation=shadow","src/components/dropi-avatars/dropi-avatars.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n.avatar {\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n overflow: hidden;\n flex-shrink: 0;\n}\n\n.avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n}\n\n/* ── Size variants ─────────────────────────────────────── */\n.avatar--users,\n.avatar--transport,\n.avatar--payment {\n width: 35px;\n height: 35px;\n}\n\n.avatar--supplier {\n width: 70px;\n height: 70px;\n}\n\n.avatar--counter {\n width: 33px;\n height: 33px;\n}\n\n/* ── Initials fallback ─────────────────────────────────── */\n.avatar__initials {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: var(--Primary-Primary-100, #fde9d0);\n color: var(--Primary-Primary-600, #d4872e);\n font-size: var(--font-size-xs, 10px);\n font-weight: var(--font-weight-bold, 700);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nexport type AvatarType = 'users' | 'transport' | 'supplier' | 'payment' | 'counter';\n\nconst FALLBACK = `data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IiNlNmVhZjIiLz48Y2lyY2xlIGN4PSIxOCIgY3k9IjE0IiByPSI2IiBmaWxsPSIjODU4ZWE2Ii8+PHBhdGggZD0iTTYgMzJjMC04IDI0LTggMjQgMCIgZmlsbD0iIzg1OGVhNiIvPjwvc3ZnPg==`;\n\n/**\n * @component dropi-avatars\n * Avatar component with image, initials fallback, and type-based size variants.\n */\n@Component({\n tag: 'dropi-avatars',\n styleUrl: 'dropi-avatars.css',\n shadow: true,\n})\nexport class DropiAvatars {\n /** Image URL */\n @Prop() image: string = '';\n /** Alt text for the image */\n @Prop() alt: string = 'Avatar';\n /** Size/context variant */\n @Prop() type: AvatarType = 'users';\n /** Initials to show when no image (max 2 chars) */\n @Prop() initials: string = '';\n\n private handleError(e: Event) {\n (e.target as HTMLImageElement).src = FALLBACK;\n }\n\n render() {\n const displayInitials = this.initials?.slice(0, 2).toUpperCase();\n const showInitials = !this.image && displayInitials;\n\n return (\n <figure class={{ 'avatar': true, [`avatar--${this.type}`]: true }}>\n {showInitials ? (\n <div class=\"avatar__initials\">{displayInitials}</div>\n ) : (\n <img\n src={this.image || FALLBACK}\n alt={this.alt}\n onError={(e) => this.handleError(e)}\n />\n )}\n </figure>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-badge-legacy.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-Cvp2LQOM.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)}`;
@@ -26,3 +26,6 @@ const DropiBadgeLegacy = class {
 DropiBadgeLegacy.style = dropiBadgeLegacyCss();
 export { DropiBadgeLegacy as dropi_badge_legacy };
+//# sourceMappingURL=dropi-badge-legacy.entry.esm.js.map
+//# sourceMappingURL=dropi-badge-legacy.entry.js.map

package/dist/dropi-ui/dropi-badge-legacy.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-badge-legacy.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,ibAAib,CAAC;;MCWxc,gBAAgB,GAAA,MAAA;;;;;IAEnB,IAAI,GAAwB,OAAO;;IAEnC,KAAK,GAAwB,OAAO;;IAEpC,OAAO,GAAyC,SAAS;;IAEzD,KAAK,GAAW,CAAC;IAEzB,MAAM,GAAA;AACJ,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS;QACzC,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE;AACV,gBAAA,cAAc,EAAE,IAAI;AACpB,gBAAA,CAAC,iBAAiB,IAAI,CAAC,OAAO,CAAA,CAAE,GAAG,IAAI;AACvC,gBAAA,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG;AACjC,aAAA,EAAA,EACE,SAAS,IACR,YAAM,KAAK,EAAC,aAAa,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,KAE7C,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAA,aAAA,EAAgB,IAAI,CAAC,KAAK,CAAA,CAAE,GAAG,IAAI,EAAE,EAAA,EAC3E,IAAI,CAAC,KAAK,KAAK,OAAO,GAAG,GAAG,GAAG,KAAK,CACjC,CACR,CACG;;;;;;;","names":[],"sources":["src/components/dropi-badge-legacy/dropi-badge-legacy.css?tag=dropi-badge-legacy&encapsulation=shadow","src/components/dropi-badge-legacy/dropi-badge-legacy.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n.badge-legacy {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 2px 6px;\n border-radius: 10px;\n font-size: 11px;\n font-weight: 600;\n}\n\n.badge-legacy--primary { background: var(--Primary-Primary-50); color: var(--Primary-Primary-500); }\n.badge-legacy--secondary { background: var(--Gray-Gray-100); color: var(--Gray-Gray-600); }\n.badge-legacy--tertiary { background: var(--Success-Success-50); color: var(--Success-Success-500); }\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @component dropi-badge-legacy\n * Legacy badge component used in tabs and elsewhere.\n */\n@Component({\n tag: 'dropi-badge-legacy',\n styleUrl: 'dropi-badge-legacy.css',\n shadow: true,\n})\nexport class DropiBadgeLegacy {\n /** Type: state | counter */\n @Prop() type: 'state' | 'counter' = 'state';\n /** State: check | pending */\n @Prop() state: 'check' | 'pending' = 'check';\n /** Variant: primary | secondary | tertiary */\n @Prop() variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n /** Count (for type counterpart) */\n @Prop() count: number = 0;\n\n render() {\n const isCounter = this.type === 'counter';\n return (\n <div class={{\n 'badge-legacy': true,\n [`badge-legacy--${this.variant}`]: true,\n [`badge-legacy--${this.type}`]: true\n }}>\n {isCounter ? (\n <span class=\"badge-count\">{this.count}</span>\n ) : (\n <span class={{ 'badge-state-icon': true, [`badge-state--${this.state}`]: true }}>\n {this.state === 'check' ? '✓' : '...'}\n </span>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-badge.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, h } from './index-Cvp2LQOM.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)}`;
@@ -33,3 +33,6 @@ const DropiBadge = class {
 DropiBadge.style = dropiBadgeCss();
 export { DropiBadge as dropi_badge };
+//# sourceMappingURL=dropi-badge.entry.esm.js.map
+//# sourceMappingURL=dropi-badge.entry.js.map

package/dist/dropi-ui/dropi-badge.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-badge.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,+lBAA+lB,CAAC;;MCahnB,UAAU,GAAA,MAAA;;;;;AAEb,IAAA,KAAK;AAEL,IAAA,SAAS,GAA+B;AAC9C,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,MAAM,EAAE,QAAQ;AAChB,QAAA,QAAQ,EAAE,WAAW;AACrB,QAAA,MAAM,EAAE,WAAW;KACpB;IAEO,UAAU,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AAC3B,YAAA,QACE,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,igBAAigB,EAAC,IAAI,EAAC,cAAc,EAAA,CAAE,CAC3hB;;AAGV,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AAC5B,YAAA,QACE,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,wiBAAwiB,EAAC,IAAI,EAAC,cAAc,EAAA,CAAE,CAClkB;;AAGV,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,EAAE;YAC7B,QACE,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAgB,SAAS,EAAA,WAAA,EAAW,SAAS,EAAC,CAAC,EAAC,uqDAAuqD,EAAC,IAAI,EAAC,cAAc,EAAA,CAAE,CACzuD;;AAGV,QAAA,OAAO,IAAI;;IAGb,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,CAAA,UAAA,EAAa,IAAI,CAAC,KAAK,EAAE,EAAA,EAClC,IAAI,CAAC,UAAU,EAAE,EAClB,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAK,CAC/B;;;;;;;","names":[],"sources":["src/components/dropi-badge/dropi-badge.css?tag=dropi-badge&encapsulation=shadow","src/components/dropi-badge/dropi-badge.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.tag-state {\n border-radius: 12px;\n padding: 2px 10px;\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.tag-state svg {\n width: 13px;\n}\n\n.tag-state p {\n font-size: 13px;\n font-weight: var(--font-weight-medium);\n line-height: 20px;\n margin: 0;\n padding: 0;\n}\n\n.tag-state.active {\n background: var(--Success-Success-50, #e7f8f3);\n color: var(--Success-Success-500, #0abb87);\n}\n\n.tag-state.pending {\n color: var(--Orange-orange-500, #f49a3d);\n background: var(--Orange-orange-50, #fef5ec);\n}\n\n.tag-state.canceled,\n.tag-state.frozen {\n color: var(--Gray-Gray-500, #69738c);\n background: var(--Gray-Gray-50, #f7f8fa);\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nexport type BadgeState = 'pending' | 'active' | 'canceled' | 'frozen';\n\n/**\n * @component dropi-badge\n * Status badge for user/account states.\n */\n@Component({\n tag: 'dropi-badge',\n styleUrl: 'dropi-badge.css',\n shadow: true,\n})\nexport class DropiBadge {\n /** Badge state: pending | active | canceled | frozen */\n @Prop() state: BadgeState;\n\n private stateText: Record<BadgeState, string> = {\n pending: 'Pendiente',\n active: 'Activo',\n canceled: 'Cancelado',\n frozen: 'Congelado',\n };\n\n private renderIcon() {\n if (this.state === 'active') {\n return (\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <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\"/>\n </svg>\n );\n }\n if (this.state === 'pending') {\n return (\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <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\"/>\n </svg>\n );\n }\n if (this.state === 'canceled') {\n return (\n <svg width=\"12\" height=\"14\" viewBox=\"0 0 14 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <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\"/>\n </svg>\n );\n }\n return null;\n }\n\n render() {\n return (\n <div class={`tag-state ${this.state}`}>\n {this.renderIcon()}\n <p>{this.stateText[this.state]}</p>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-banner-external.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, d as createEvent, a as getElement, h } from './index-Cvp2LQOM.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)}`;
@@ -59,3 +59,6 @@ const DropiBannerExternal = class {
 DropiBannerExternal.style = dropiBannerExternalCss();
 export { DropiBannerExternal as dropi_banner_external };
+//# sourceMappingURL=dropi-banner-external.entry.esm.js.map
+//# sourceMappingURL=dropi-banner-external.entry.js.map

package/dist/dropi-ui/dropi-banner-external.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-banner-external.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,MAAM,CAAC,orBAAorB,CAAC;;MCkB9sB,mBAAmB,GAAA,MAAA;;;;;;;IAEtB,QAAQ,GAAW,EAAE;;IAErB,IAAI,GAAW,EAAE;;IAEjB,GAAG,GAAW,EAAE;;IAEhB,eAAe,GAAW,aAAa;;IAEvC,QAAQ,GAAW,EAAE;;IAErB,gBAAgB,GAAY,KAAK;;IAEjC,iBAAiB,GAAa,EAAE;IAEvB,MAAM,GAAY,KAAK;;IAIxC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,CAAC,QAAQ;AACX,gBAAA,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;AAChC,oBAAA,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC;AACjC,oBAAA,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;AAChC,oBAAA,EAAE;;;;AAKC,IAAA,WAAW;;AAEX,IAAA,SAAS;AAEV,IAAA,WAAW,CAAC,CAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;;;AAInB,IAAA,WAAW,CAAC,CAAa,EAAA;QAC/B,CAAC,CAAC,cAAc,EAAE;QAClB,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;AAClB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG5B,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,IAAI;AAE9C,QAAA,MAAM,KAAK,IACT,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,OAAO,EAAA,EAChB,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAA,CAAI,EAC1C,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,WAAW,gBAAY,eAAe,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAA,EACtF,CAAA,CAAA,YAAA,EAAA,EAAY,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,GAAG,CAC3E,CACL,CACP;QAED,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,eAAe,EAAE,EAAA,EAC3E,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAA,EAC9F,KAAK,CACJ,KAEJ,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAA,EAC3D,KAAK,CACF,CACP,CACG;;;;;;;","names":[],"sources":["src/components/dropi-banner-external/dropi-banner-external.css?tag=dropi-banner-external&encapsulation=shadow","src/components/dropi-banner-external/dropi-banner-external.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n.dropi-banner-external {\n display: block;\n width: 100%;\n position: relative;\n margin-bottom: 16px;\n border-radius: var(--Border-2, 8px);\n}\n\n.dropi-banner-external a {\n display: block;\n text-decoration: none;\n}\n\n.click-wrapper {\n cursor: pointer;\n}\n\n.inner {\n position: relative;\n display: block;\n}\n\n.inner img {\n display: block;\n width: 100%;\n height: auto;\n border-radius: var(--Border-2, 8px);\n max-width: 1220px;\n margin: auto;\n}\n\n.close-btn {\n position: absolute;\n top: 4px;\n right: 4px;\n background: rgba(255, 255, 255, 0.8);\n border: none;\n border-radius: 50%;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n padding: 0;\n transition: background 0.15s ease;\n}\n\n.close-btn:hover {\n background: rgba(255, 255, 255, 1);\n}\n","import { Component, Prop, State, Event, EventEmitter, Element, h } from '@stencil/core';\n\n/**\n * @component dropi-banner-external\n * External banner image with optional link and close button.\n * Pass imageUrl directly (the Angular version fetched from WordPress).\n *\n * @example\n * <dropi-banner-external\n * image-url=\"https://example.com/banner.jpg\"\n * link=\"https://dropi.co\"\n * ></dropi-banner-external>\n */\n@Component({\n tag: 'dropi-banner-external',\n styleUrl: 'dropi-banner-external.css',\n shadow: true,\n})\nexport class DropiBannerExternal {\n /** Image URL to display */\n @Prop() imageUrl: string = '';\n /** Optional click-through URL */\n @Prop() link: string = '';\n /** Alt text for the image */\n @Prop() alt: string = '';\n /** Background color behind the image */\n @Prop() backgroundColor: string = 'transparent';\n /** Slug name (matches Angular `slugName`) */\n @Prop() slugName: string = '';\n /** Whether to show on white brand (matches Angular `viewOnWhiteBrand`) */\n @Prop() viewOnWhiteBrand: boolean = false;\n /** Countries list to show (matches Angular `viewOnlyCountries`) */\n @Prop() viewOnlyCountries: string[] = [];\n\n @State() private closed: boolean = false;\n \n @Element() el: HTMLElement;\n\n componentWillLoad() {\n if (!this.imageUrl) {\n this.imageUrl = \n this.el.getAttribute('imageUrl') || \n this.el.getAttribute('image-url') || \n this.el.getAttribute('imageurl') || \n '';\n }\n }\n\n /** Emitted when the banner is clicked (only when no link is set) */\n @Event() bannerClick: EventEmitter<void>;\n /** Emitted with false when the close button is clicked (matches Angular `isVisible`) */\n @Event() isVisible: EventEmitter<boolean>;\n\n private handleClick(e: MouseEvent) {\n if (!this.link) {\n e.preventDefault();\n this.bannerClick.emit();\n }\n }\n\n private closeBanner(e: MouseEvent) {\n e.preventDefault();\n e.stopPropagation();\n this.closed = true;\n this.isVisible.emit(false);\n }\n\n render() {\n if (this.closed || !this.imageUrl) return null;\n\n const inner = (\n <div class=\"inner\">\n <img src={this.imageUrl} alt={this.alt} />\n <button class=\"close-btn\" aria-label=\"Cerrar banner\" onClick={(e) => this.closeBanner(e)}>\n <dropi-icon name=\"Close-small\" width=\"20px\" height=\"20px\" color=\"Gray-Gray-600\" />\n </button>\n </div>\n );\n\n return (\n <div class=\"dropi-banner-external\" style={{ background: this.backgroundColor }}>\n {this.link ? (\n <a href={this.link} target=\"_blank\" rel=\"noopener noreferrer\" onClick={(e) => this.handleClick(e)}>\n {inner}\n </a>\n ) : (\n <div class=\"click-wrapper\" onClick={(e) => this.handleClick(e)}>\n {inner}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-breadcrumb.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.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)}`;
@@ -44,3 +44,6 @@ const DropiBreadcrumb = class {
 DropiBreadcrumb.style = dropiBreadcrumbCss();
 export { DropiBreadcrumb as dropi_breadcrumb };
+//# sourceMappingURL=dropi-breadcrumb.entry.esm.js.map
+//# sourceMappingURL=dropi-breadcrumb.entry.js.map

package/dist/dropi-ui/dropi-breadcrumb.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-breadcrumb.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-breadcrumb/dropi-breadcrumb.css?tag=dropi-breadcrumb&encapsulation=shadow","src/components/dropi-breadcrumb/dropi-breadcrumb.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.breadcrumb {\n margin: 0;\n}\n\n.crumb-list {\n display: flex;\n align-items: center;\n gap: 4px;\n flex-wrap: wrap;\n}\n\n.crumb-home {\n display: flex;\n padding-right: 4px;\n align-items: center;\n gap: 4px;\n}\n\n.home-link {\n display: inline-flex;\n align-items: center;\n color: var(--Gray-Gray-500, #69738c);\n text-decoration: none;\n transition: color 0.2s ease;\n}\n\n.home-link:hover {\n color: var(--Gray-Gray-700, #32394d);\n}\n\n.crumb {\n display: flex;\n padding: 0 4px;\n align-items: center;\n gap: 8px;\n}\n\n.crumb-link {\n color: var(--Gray-Gray-500, #69738c);\n text-align: center;\n cursor: pointer;\n text-decoration: none;\n transition: color 0.2s ease;\n font-size: var(--font-size-s, 12px);\n}\n\n.crumb-link:hover {\n color: var(--Gray-Gray-700, #32394d);\n text-decoration: underline;\n}\n\n.crumb-link.disabled {\n pointer-events: none;\n color: var(--Gray-Gray-300, #a1a8b8);\n cursor: not-allowed;\n text-decoration: none;\n}\n\n.current {\n color: var(--Gray-Gray-700, #32394d);\n cursor: default;\n font-size: var(--font-size-s, 12px);\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport interface BreadcrumbItem {\n label: string;\n /** Internal route or external URL */\n routerLink?: string;\n url?: string;\n disabled?: boolean;\n}\n\n/**\n * @component dropi-breadcrumb\n * Navigation breadcrumb with home icon and items.\n *\n * @example\n * <dropi-breadcrumb\n * items='[{\"label\":\"Productos\",\"routerLink\":\"/products\"},{\"label\":\"Detalle\"}]'\n * ></dropi-breadcrumb>\n */\n@Component({\n tag: 'dropi-breadcrumb',\n styleUrl: 'dropi-breadcrumb.css',\n shadow: true,\n})\nexport class DropiBreadcrumb {\n /** Breadcrumb items (array or JSON string). Last item is rendered as current. */\n @Prop() items: BreadcrumbItem[] | string = [];\n /** Home link href */\n @Prop() homeRoute: string = '/';\n /** dropi-icon name for home */\n @Prop() homeIconName: string = 'Home';\n /** Whether the last item is also clickable */\n @Prop() lastItemClickable: boolean = false;\n\n /** Emitted when any item or home is clicked. Detail is the item or homeRoute string. */\n @Event() dropiNavigate: EventEmitter<BreadcrumbItem | string>;\n\n private get parsedItems(): BreadcrumbItem[] {\n if (typeof this.items === 'string') {\n try { return JSON.parse(this.items); } catch { return []; }\n }\n return this.items as BreadcrumbItem[];\n }\n\n render() {\n const items = this.parsedItems;\n return (\n <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n <div class=\"crumb-list\">\n <div class=\"crumb-home\">\n <a\n href={this.homeRoute}\n class=\"home-link\"\n aria-label=\"Inicio\"\n onClick={(e) => { e.preventDefault(); this.dropiNavigate.emit(this.homeRoute); }}\n >\n <dropi-icon name={this.homeIconName} width=\"16px\" color=\"Gray-Gray-500\" />\n </a>\n {items.length > 0 && (\n <dropi-icon name=\"Dropdown-Right\" width=\"16px\" color=\"Gray-Gray-500\" />\n )}\n </div>\n\n {items.map((item, idx) => {\n const isLast = idx === items.length - 1;\n const href = item.url || item.routerLink || '#';\n return (\n <div class=\"crumb\" key={idx}>\n {(!isLast || this.lastItemClickable) ? (\n <a\n class={`crumb-link Body-S-Regular${item.disabled ? ' disabled' : ''}`}\n href={href}\n onClick={(e) => { e.preventDefault(); if (!item.disabled) this.dropiNavigate.emit(item); }}\n >\n {item.label}\n </a>\n ) : (\n <span class=\"current Body-S-Regular\" aria-current=\"page\">{item.label}</span>\n )}\n {!isLast && (\n <dropi-icon name=\"Dropdown-Right\" width=\"16px\" height=\"16px\" color=\"Gray-Gray-500\" />\n )}\n </div>\n );\n })}\n </div>\n </nav>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-button.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.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)}}`;
@@ -83,3 +83,6 @@ const DropiButton = class {
 DropiButton.style = dropiButtonCss();
 export { DropiButton as dropi_button };
+//# sourceMappingURL=dropi-button.entry.esm.js.map
+//# sourceMappingURL=dropi-button.entry.js.map

package/dist/dropi-ui/dropi-button.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-button.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-button/dropi-button.css?tag=dropi-button&encapsulation=shadow","src/components/dropi-button/dropi-button.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n:host([full-width]) {\n display: flex;\n width: 100%;\n}\n:host([full-width]) .btn {\n width: 100%;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.btn {\n all: unset;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--Size-1, 4px);\n border-radius: var(--Border-2, 8px);\n font-weight: var(--font-weight-bold);\n min-width: 33px;\n line-height: 110%;\n cursor: pointer;\n white-space: nowrap;\n transition:\n background 0.25s ease,\n color 0.25s ease,\n border-color 0.25s ease,\n transform 0.25s ease;\n}\n\n.btn:active {\n transition: transform 0.01s ease-out;\n transform: scale(0.98);\n}\n\n.btn:hover:not(:active) {\n transform: scale(1.01);\n}\n\n.btn.without-text {\n gap: 0;\n}\n\n/* ── Sizes ─────────────────────────────────────────────────── */\n.btn.large { padding: var(--Size-4, 16px); font-size: var(--Size-4, 16px); height: 48px; }\n.btn.normal { padding: var(--Size-3, 12px); font-size: var(--font-size-s, 12px); height: 40px; }\n.btn.small { padding: var(--Size-2, 8px); font-size: var(--font-size-s, 12px); height: 29px; }\n\n/* ── Disabled / Loading ─────────────────────────────────────── */\n.btn.disabled,\n.btn.loading {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* ══════════════════════════════════════════════════════════════\n PRIMARY severity\n═══════════════════════════════════════════════════════════════ */\n.btn.primary.default { background: var(--Primary-Primary-500, #f49a3d); color: var(--Neutral-White, #ffffff); }\n.btn.primary.default:hover { background: var(--Primary-Primary-600, #e58017); }\n\n.btn.primary.success { background: var(--Success-Success-500, #0abb87); color: var(--Neutral-White, #ffffff); }\n.btn.primary.success:hover { background: var(--Success-Success-600, #09aa7b); }\n\n.btn.primary.info { background: var(--Info-Info-500, #50a5f1); color: var(--Neutral-White, #ffffff); }\n.btn.primary.info:hover { background: var(--Info-Info-600, #4996db); }\n\n.btn.primary.error { background: var(--Error-Error-500, #f46a6b); color: var(--Neutral-White, #ffffff); }\n.btn.primary.error:hover { background: var(--Error-Error-600, #de6061); }\n\n.btn.primary.warning { background: var(--Warning-Warning-500, #f1b44c); color: var(--Neutral-White, #ffffff); }\n.btn.primary.warning:hover { background: var(--Warning-Warning-600, #dba445); }\n\n.btn.primary.legacy { background: var(--Secondary-Secondary-500, #008dbf); color: var(--Neutral-White, #ffffff); }\n.btn.primary.legacy:hover { background: var(--Secondary-Secondary-600, #007199); }\n\n/* Disabled primary */\n.btn.primary.disabled.default { background: var(--Primary-Primary-300, #f2bc85); color: var(--Neutral-White, #ffffff); }\n.btn.primary.disabled.success { background: var(--Success-Success-300, #5bd1af); color: var(--Neutral-White, #ffffff); }\n.btn.primary.disabled.info { background: var(--Info-Info-300, #8ac3f6); color: var(--Neutral-White, #ffffff); }\n.btn.primary.disabled.error { background: var(--Error-Error-300, #f89b9c); color: var(--Neutral-White, #ffffff); }\n.btn.primary.disabled.warning { background: var(--Warning-Warning-300, #f6cd87); color: var(--Neutral-White, #ffffff); }\n.btn.primary.disabled.legacy { background: var(--Secondary-Secondary-300, #62bad9); color: var(--Neutral-White, #ffffff); }\n\n/* ══════════════════════════════════════════════════════════════\n SECONDARY severity\n═══════════════════════════════════════════════════════════════ */\n.btn.secondary {\n background: var(--Neutral-White, #ffffff);\n border: 1px solid;\n}\n\n.btn.secondary.default { border-color: var(--Primary-Primary-500, #f49a3d); color: var(--Primary-Primary-500, #f49a3d); }\n.btn.secondary.default:hover { color: var(--Primary-Primary-600, #e58017); border-color: var(--Primary-Primary-600, #e58017); }\n\n.btn.secondary.success { border-color: var(--Success-Success-500, #0abb87); color: var(--Success-Success-500, #0abb87); }\n.btn.secondary.success:hover { color: var(--Success-Success-600, #09aa7b); border-color: var(--Success-Success-600, #09aa7b); }\n\n.btn.secondary.info { border-color: var(--Info-Info-500, #50a5f1); color: var(--Info-Info-500, #50a5f1); }\n.btn.secondary.info:hover { color: var(--Info-Info-600, #4996db); border-color: var(--Info-Info-600, #4996db); }\n\n.btn.secondary.error { border-color: var(--Error-Error-500, #f46a6b); color: var(--Error-Error-500, #f46a6b); }\n.btn.secondary.error:hover { color: var(--Error-Error-600, #de6061); border-color: var(--Error-Error-600, #de6061); }\n\n.btn.secondary.warning { border-color: var(--Warning-Warning-500, #f1b44c); color: var(--Warning-Warning-500, #f1b44c); }\n.btn.secondary.warning:hover { color: var(--Warning-Warning-600, #dba445); border-color: var(--Warning-Warning-600, #dba445); }\n\n.btn.secondary.legacy { border-color: var(--Secondary-Secondary-500, #008dbf); color: var(--Secondary-Secondary-500, #008dbf); }\n.btn.secondary.legacy:hover { color: var(--Secondary-Secondary-600, #007199); border-color: var(--Secondary-Secondary-600, #007199); }\n\n/* Disabled secondary */\n.btn.secondary.disabled.default { border-color: var(--Primary-Primary-300, #f2bc85); color: var(--Primary-Primary-300, #f2bc85); }\n.btn.secondary.disabled.success { border-color: var(--Success-Success-300, #5bd1af); color: var(--Success-Success-300, #5bd1af); }\n.btn.secondary.disabled.info { border-color: var(--Info-Info-300, #8ac3f6); color: var(--Info-Info-300, #8ac3f6); }\n.btn.secondary.disabled.error { border-color: var(--Error-Error-300, #f89b9c); color: var(--Error-Error-300, #f89b9c); }\n.btn.secondary.disabled.warning { border-color: var(--Warning-Warning-300, #f6cd87); color: var(--Warning-Warning-300, #f6cd87); }\n.btn.secondary.disabled.legacy { border-color: var(--Secondary-Secondary-300, #62bad9); color: var(--Secondary-Secondary-300, #62bad9); }\n\n/* ══════════════════════════════════════════════════════════════\n TERTIARY severity\n═══════════════════════════════════════════════════════════════ */\n.btn.tertiary { background: none; border: none; }\n\n.btn.tertiary.default,\n.btn.tertiary.legacy {\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n color: var(--Gray-Gray-500, #69738c);\n}\n.btn.tertiary.default:hover,\n.btn.tertiary.legacy:hover {\n border-color: var(--Gray-Gray-400, #858ea6);\n color: var(--Gray-Gray-600, #475066);\n}\n\n.btn.tertiary.success { color: var(--Success-Success-500, #0abb87); }\n.btn.tertiary.success:hover { background: var(--Success-Success-50, #e7f8f3); }\n\n.btn.tertiary.info { color: var(--Info-Info-500, #50a5f1); }\n.btn.tertiary.info:hover { background: var(--Info-Info-50, #eef6fe); }\n\n.btn.tertiary.error { color: var(--Error-Error-500, #f46a6b); }\n.btn.tertiary.error:hover { background: var(--Error-Error-50, #fef0f0); }\n\n.btn.tertiary.warning { color: var(--Warning-Warning-500, #f1b44c); }\n.btn.tertiary.warning:hover { background: var(--Warning-Warning-50, #fef8ed); }\n\n.btn.tertiary.dropdown {\n color: var(--Gray-Gray-500, #69738c);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-s);\n background: transparent;\n}\n\n/* Disabled tertiary */\n.btn.tertiary.disabled.default,\n.btn.tertiary.disabled.legacy {\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n color: var(--Gray-Gray-400, #858ea6);\n}\n.btn.tertiary.disabled.success { color: var(--Success-Success-300, #5bd1af); }\n.btn.tertiary.disabled.info { color: var(--Info-Info-300, #8ac3f6); }\n.btn.tertiary.disabled.error { color: var(--Error-Error-300, #f89b9c); }\n.btn.tertiary.disabled.warning { color: var(--Warning-Warning-300, #f6cd87); }\n\n/* ── Loading spinner ─────────────────────────────────────────── */\n.spin {\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport type ButtonType = 'legacy' | 'default' | 'success' | 'info' | 'error' | 'warning' | 'dropdown' | 'default-light';\nexport type ButtonSeverity = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonSize = 'large' | 'normal' | 'small';\nexport type ButtonState = 'default' | 'disabled' | 'loading';\n\n/**\n * @component dropi-button\n * Primary action button with multiple types, severities, sizes and states.\n * Supports pre/post icons and a loading spinner.\n */\n@Component({\n tag: 'dropi-button',\n styleUrl: 'dropi-button.css',\n shadow: true,\n})\nexport class DropiButton {\n /** Visual color palette */\n @Prop() type: ButtonType = 'default';\n /** Primary (filled) | Secondary (outlined) | Tertiary (ghost) */\n @Prop() severity: ButtonSeverity = 'primary';\n /** Button size */\n @Prop() size: ButtonSize = 'normal';\n /** Button state */\n @Prop() state: ButtonState = 'default';\n /** Full width button */\n @Prop({ reflect: true }) fullWidth: boolean = false;\n /** Icon name to show before the text */\n @Prop() preIcon: string = '';\n /** Icon name to show after the text */\n @Prop() postIcon: string = '';\n /** Custom icon color override */\n @Prop() customIconColor: string = '';\n /** Button label */\n @Prop() text: string = '';\n\n /** Emitted on click (not emitted when disabled or loading) */\n @Event() onClick: EventEmitter<MouseEvent>;\n\n private readonly colorMap: Record<string, string> = {\n default: 'Primary-Primary-',\n success: 'Success-Success-',\n error: 'Error-Error-',\n info: 'Info-Info-',\n legacy: 'Secondary-Secondary-',\n warning: 'Warning-Warning-',\n dropdown: 'Gray-Gray-',\n 'default-light': 'Gray-Gray-',\n };\n\n private get iconSize(): string {\n if (this.size === 'large') return '24px';\n if (this.size === 'small') return '16px';\n return '18px';\n }\n\n private get color(): string {\n const intensity = this.state === 'disabled' ? '300' : '500';\n return (this.colorMap[this.type] ?? 'Primary-Primary-') + intensity;\n }\n\n private get fontColor(): string {\n if (this.severity === 'tertiary') {\n return this.type === 'default' || this.type === 'legacy' ? 'Gray-Gray-500' : this.color;\n }\n if (this.severity === 'secondary') return this.color;\n return 'Neutral-White';\n }\n\n private handleClick(e: MouseEvent) {\n if (this.state !== 'disabled' && this.state !== 'loading') {\n this.onClick.emit(e);\n }\n }\n\n private renderLoadingSpinner() {\n return (\n <svg\n class=\"spin\"\n width={this.iconSize}\n height={this.iconSize}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n 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\"\n fill={`var(--${this.fontColor})`}\n />\n </svg>\n );\n }\n\n render() {\n const isDisabled = this.state === 'disabled' || this.state === 'loading';\n const hasText = this.text !== '';\n const showPostIcon = this.postIcon !== '' || this.type === 'dropdown';\n const dropdownIcon = this.type === 'dropdown' ? 'Dropdown-down' : this.postIcon;\n\n return (\n <button\n class={{\n btn: true,\n 'without-text': !hasText,\n [this.severity ?? 'primary']: true,\n [this.type ?? 'default']: true,\n [this.size ?? 'normal']: true,\n [this.state ?? 'default']: true,\n 'full-width': this.fullWidth,\n }}\n disabled={isDisabled}\n onClick={(e) => this.handleClick(e)}\n >\n {this.preIcon && (\n <dropi-icon\n name={this.preIcon}\n width={this.iconSize}\n height={this.iconSize}\n color={this.fontColor}\n />\n )}\n {hasText && <span class=\"text\">{this.text}</span>}\n {showPostIcon && (\n <dropi-icon\n name={dropdownIcon}\n width={this.iconSize}\n height={this.iconSize}\n color={this.fontColor}\n />\n )}\n {this.state === 'loading' && this.renderLoadingSpinner()}\n <slot />\n </button>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-card-checkbox.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.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)}`;
@@ -44,3 +44,6 @@ const DropiCardCheckbox = class {
 DropiCardCheckbox.style = dropiCardCheckboxCss();
 export { DropiCardCheckbox as dropi_card_checkbox };
+//# sourceMappingURL=dropi-card-checkbox.entry.esm.js.map
+//# sourceMappingURL=dropi-card-checkbox.entry.js.map

package/dist/dropi-ui/dropi-card-checkbox.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-card-checkbox.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,ktDAAktD,CAAC;;MCmB1uD,iBAAiB,GAAA,MAAA;;;;;;IAEpB,IAAI,GAA4B,SAAS;;IAExB,KAAK,GAA0B,SAAS;;IAEzD,KAAK,GAAW,QAAQ;;IAExB,WAAW,GAAW,EAAE;;IAExB,SAAS,GAAW,EAAE;;IAEtB,oBAAoB,GAAW,EAAE;;IAEjC,QAAQ,GAAY,KAAK;;AAGxB,IAAA,QAAQ;AAEjB,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS;;IAGzB,WAAW,GAAA;QACjB,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,GAAG,SAAS,GAAG,SAAS;QACnD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;;IAGpC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,sBAAsB,EAAE,IAAI;AAC5B,gBAAA,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;gBACvC,YAAY,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW;gBACzD,UAAU,EAAE,IAAI,CAAC,QAAQ;AAC1B,aAAA,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAA,EAEjC,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAgB,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,EACpE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,CAAO,EAC1C,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAAE,IAAI,CAAC,WAAW,CAAO,CACvE,EACL,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,oBAAoB,MAC3C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EACpB,IAAI,CAAC,SAAS,IAAI,8DAAM,IAAI,CAAC,SAAS,CAAO,EAC7C,IAAI,CAAC,oBAAoB,IAAI,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAK,IAAI,CAAC,oBAAoB,CAAM,CAC9D,CACP,CACG;;;;;;;","names":[],"sources":["src/components/dropi-card-checkbox/dropi-card-checkbox.css?tag=dropi-card-checkbox&encapsulation=shadow","src/components/dropi-card-checkbox/dropi-card-checkbox.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.container-card-check {\n padding: var(--Size-4, 16px);\n border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n border-radius: var(--Size-2, 8px);\n width: 100%;\n display: flex;\n align-items: center;\n gap: var(--Size-3, 12px);\n cursor: pointer;\n height: 66px;\n overflow: hidden;\n transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.container-card-check.disabled {\n border-radius: var(--Border-2, 8px);\n border: 1px solid var(--Gray-Gray-100, #e6eaf2);\n background-color: var(--Gray-Gray-50, #f7f8fa);\n cursor: default;\n}\n\n.container-card-check.disabled .title-check,\n.container-card-check.disabled .description-text,\n.container-card-check.disabled .extra-info {\n color: var(--Gray-Gray-400, #858ea6);\n}\n\n.container-text {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n text-align: start;\n overflow: hidden;\n}\n\n.title-check {\n color: var(--Gray-Gray-700, #32394d);\n font-size: var(--font-size-m, 14px);\n font-weight: var(--font-weight-regular, 400);\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.description-text {\n color: var(--Gray-Gray-500, #69738c);\n font-size: var(--font-size-s, 12px);\n margin-top: var(--Size-1, 4px);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.extra-info {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: column;\n gap: 4px;\n flex-shrink: 0;\n font-size: var(--font-size-s, 12px);\n color: var(--Gray-Gray-600, #475066);\n}\n\n.extra-info h4 {\n margin: 0;\n font-weight: var(--font-weight-semibold);\n color: inherit;\n line-height: inherit;\n}\n\n.default-card {\n border: none;\n}\n\n.is-checked {\n background: var(--Primary-Primary-50, #fff8f0);\n border: 1px solid var(--Primary-Primary-500, #f49a3d);\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * @component dropi-card-checkbox\n * Card-style clickable checkbox with title, description, and optional extra info.\n *\n * @example\n * <dropi-card-checkbox\n * title=\"Opción A\"\n * description=\"Descripción breve\"\n * type=\"with-card\"\n * checked\n * ></dropi-card-checkbox>\n */\n@Component({\n tag: 'dropi-card-checkbox',\n styleUrl: 'dropi-card-checkbox.css',\n shadow: true,\n})\nexport class DropiCardCheckbox {\n /** Visual type — matches Angular: 'default' | 'with card' */\n @Prop() type: 'default' | 'with card' = 'default';\n /** Whether the checkbox is checked — matches Angular 'state' */\n @Prop({ mutable: true }) state: 'checked' | 'default' = 'checked';\n /** Main title — matches Angular 'title' */\n @Prop() title: string = 'Tittle';\n /** Optional description below title */\n @Prop() description: string = '';\n /** Optional extra info shown on the right */\n @Prop() extraInfo: string = '';\n /** Optional extra info description shown below extraInfo */\n @Prop() extraInfoDescription: string = '';\n /** Disables interaction */\n @Prop() disabled: boolean = false;\n\n /** Emitted with the new checked state when clicked */\n @Event() onChange: EventEmitter<boolean>;\n\n private get isChecked(): boolean {\n return this.state === 'checked';\n }\n\n private handleClick() {\n if (this.disabled) return;\n this.state = this.isChecked ? 'default' : 'checked';\n this.onChange.emit(this.isChecked);\n }\n\n render() {\n return (\n <div\n class={{\n 'container-card-check': true,\n 'default-card': this.type === 'default',\n 'is-checked': this.isChecked && this.type === 'with card',\n 'disabled': this.disabled,\n }}\n onClick={() => this.handleClick()}\n >\n <dropi-checkbox checked={this.isChecked} disabled={this.disabled} />\n <div class=\"container-text\">\n <div class=\"title-check\">{this.title}</div>\n {this.description && <div class=\"description-text\">{this.description}</div>}\n </div>\n {(this.extraInfo || this.extraInfoDescription) && (\n <div class=\"extra-info\">\n {this.extraInfo && <div>{this.extraInfo}</div>}\n {this.extraInfoDescription && <h4>{this.extraInfoDescription}</h4>}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-card-product.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.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}`;
@@ -74,3 +74,6 @@ const DropiCardProduct = class {
 DropiCardProduct.style = dropiCardProductCss();
 export { DropiCardProduct as dropi_card_product };
+//# sourceMappingURL=dropi-card-product.entry.esm.js.map
+//# sourceMappingURL=dropi-card-product.entry.js.map

package/dist/dropi-ui/dropi-card-product.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-card-product.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-card-product/dropi-card-product.css?tag=dropi-card-product&encapsulation=shadow","src/components/dropi-card-product/dropi-card-product.tsx"],"sourcesContent":[":host {\n display: block;\n font-family: 'Inter', sans-serif;\n}\n*, *::before, *::after { box-sizing: border-box; }\n\n/* ── Card wrapper ── */\n.dropi-card-product {\n position: relative;\n background: #ffffff;\n border-radius: 8px;\n overflow: hidden;\n transition: all 0.2s ease-in-out;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n height: 100%;\n box-sizing: border-box;\n width: 100%;\n max-width: 450px;\n box-shadow: none;\n}\n\n/* ── Image container ── */\n.product-image-container {\n padding: 4px;\n flex-shrink: 0;\n}\n\n.product-image {\n position: relative;\n width: 100%;\n aspect-ratio: 1;\n border-radius: 8px;\n border: 1px solid #c3c9d9;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #f8f9fa;\n}\n\n.product-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.product-image img.error-img {\n object-fit: contain;\n}\n\n/* ── Favorite button ── */\n.favorite-button {\n position: absolute;\n bottom: 5px;\n right: 6px;\n border-radius: 8px;\n padding: 12px;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 42px;\n height: 40px;\n background: #ffffff;\n border: 1px solid #858ea6;\n}\n\n.favorite-button.favorite-active {\n background: var(--Primary-Primary-500, #f49a3d);\n border: 1px solid var(--Primary-Primary-500, #f49a3d);\n}\n\n/* ── Product info ── */\n.product-info {\n position: relative;\n padding: 8px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n flex: 1;\n justify-content: space-between;\n}\n\n/* ── Supplier insignia — overlaps from top ── */\n.supplier-insignia {\n position: absolute;\n top: -24px;\n left: 0px;\n}\n\n/* ── Header: category + stock ── */\n.product-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 26px;\n}\n\n.category {\n color: #69738c;\n font-family: 'Inter', sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 1.5;\n flex: 1;\n}\n\n.stock-info {\n display: flex;\n align-items: center;\n gap: 2px;\n font-family: 'Inter', sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 1.5;\n}\n\n.stock-label {\n color: #69738c;\n}\n\n.stock-value {\n font-weight: 500;\n}\n\n/* ── Product name ── */\n.product-name {\n color: #32394d;\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.5;\n margin: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n/* ── Supplier ── */\n.supplier-info {\n font-family: 'Inter', sans-serif;\n font-size: 12px;\n line-height: 1.2;\n}\n\n.supplier-label {\n color: #69738c;\n font-weight: 400;\n}\n\n.supplier-name {\n color: #50a5f1;\n font-weight: 400;\n margin-left: 4px;\n cursor: pointer;\n}\n\n/* ── Prices ── */\n.price-container {\n display: flex;\n gap: 8px;\n margin-top: 4px;\n}\n\n.price-item {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.price-label {\n color: #69738c;\n font-family: 'Inter', sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 1.5;\n height: 18px;\n min-width: max-content;\n}\n\n.price-value {\n color: #32394d;\n font-family: 'Inter', sans-serif;\n font-size: 14px;\n font-weight: 700;\n line-height: 1.1;\n margin-top: 2px;\n}\n\n/* ── Separator ── */\n.separator {\n height: 1px;\n background: #e6eaf2;\n margin: 0;\n flex-shrink: 0;\n}\n\n/* ── Action button ── */\n.action-button {\n background: #ffffff;\n border: none;\n border-top: 1px solid #e6eaf2;\n padding: 12px;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n height: 40px;\n flex-shrink: 0;\n}\n\n.action-button--disabled {\n opacity: 0.3;\n cursor: not-allowed;\n}\n\n.button-text {\n font-family: 'Inter', sans-serif;\n font-size: 14px;\n font-weight: 700;\n line-height: 1.1;\n color: #f49a3d;\n text-align: center;\n white-space: nowrap;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * @component dropi-card-product\n * Product card showing image, supplier insignia, name, stock, prices and action button.\n */\n@Component({\n tag: 'dropi-card-product',\n styleUrl: 'dropi-card-product.css',\n shadow: true,\n})\nexport class DropiCardProduct {\n /** Product image URL */\n @Prop() image: string = '';\n /** Product name */\n @Prop() productName: string = '';\n /** Sale / supplier price (Precio proveedor) */\n @Prop() salePrice: number = 0;\n /** Suggested price for the dropshipper (Precio sugerido) */\n @Prop() suggestedPrice: number = 0;\n /** Price currency symbol */\n @Prop() currency: string = '$';\n /** Supplier / store name */\n @Prop() supplier: string = '';\n /** Category label */\n @Prop() category: string = '';\n /** Stock quantity (0 = Agotado) */\n @Prop() stock: number = 0;\n /** Supplier category for insignia: 'verified' | 'premium' | 'exclusive' | '' */\n @Prop() supplierCategory: 'verified' | 'premium' | 'exclusive' | '' = '';\n /** Show favorite button */\n @Prop() showFavorite: boolean = true;\n /** Is marked as favorite */\n @Prop({ mutable: true }) isFavorite: boolean = false;\n /** Show \"Enviar a cliente\" button */\n @Prop() showAddButton: boolean = true;\n\n /** Emitted when card is clicked — matches Angular 'onProductClick' */\n @Event() onProductClick: EventEmitter<void>;\n /** Emitted when favorite toggled — matches Angular 'changeFavorite' */\n @Event() changeFavorite: EventEmitter<boolean>;\n /** Emitted when \"Enviar a cliente\" button clicked */\n @Event() dropiAddProduct: EventEmitter<void>;\n /** Emitted when supplier name clicked */\n @Event() dropiSupplierClick: EventEmitter<void>;\n\n private formatPrice(val: number): string {\n if (val == null) return '0';\n return val.toLocaleString('es-CO');\n }\n\n private get inStock(): boolean {\n return this.stock > 0;\n }\n\n private getStockColor(): string {\n if (this.stock === 0) return 'var(--Error-Error-500, #f46a6b)';\n if (this.stock <= 10) return 'var(--Warning-Warning-500, #f59e0b)';\n return 'var(--Success-Success-500, #0abb87)';\n }\n\n render() {\n return (\n <div class=\"dropi-card-product\" onClick={() => this.onProductClick.emit()}>\n\n {/* ── Image container ── */}\n <div class=\"product-image-container\">\n <div class=\"product-image\">\n <img\n src={this.image || ''}\n alt={this.productName}\n onError={(e) => {\n (e.target as HTMLImageElement).src = './assets/utils/no-image.jpg';\n }}\n class={!this.image ? 'error-img' : ''}\n />\n\n {/* Favorite button — bottom right */}\n {this.showFavorite && (\n <button\n class={{ 'favorite-button': true, 'favorite-active': this.isFavorite }}\n onClick={(e) => {\n e.stopPropagation();\n this.isFavorite = !this.isFavorite;\n this.changeFavorite.emit(this.isFavorite);\n }}\n aria-label=\"Favorito\"\n >\n <dropi-icon\n name={this.isFavorite ? 'Heart-solid' : 'Heart'}\n width=\"18px\"\n height=\"18px\"\n color={this.isFavorite ? '#fff' : '#858ea6'}\n />\n </button>\n )}\n </div>\n </div>\n\n {/* ── Product info ── */}\n <div class=\"product-info\">\n\n {/* Insignia — overlapping from top */}\n {this.supplierCategory && (\n <dropi-ilustration-icon\n class=\"supplier-insignia\"\n type=\"insignia\"\n stateInsignia={this.supplierCategory as any}\n tagProduct={true}\n />\n )}\n\n {/* Category + Stock row */}\n <div class=\"product-header\">\n {this.category && (\n <span class=\"category\">{this.category}</span>\n )}\n <div class=\"stock-info\">\n <span class=\"stock-label\">Stock:</span>\n <span class=\"stock-value\" style={{ color: this.getStockColor() }}>\n {this.stock === 0 ? 'Agotado' : this.stock}\n </span>\n </div>\n </div>\n\n {/* Product name */}\n <h3 class=\"product-name\">{this.productName}</h3>\n\n {/* Supplier */}\n {this.supplier && (\n <div class=\"supplier-info\">\n <span class=\"supplier-label\">Proveedor:</span>\n <span\n class=\"supplier-name\"\n onClick={(e) => { e.stopPropagation(); this.dropiSupplierClick.emit(); }}\n >\n {this.supplier}\n </span>\n </div>\n )}\n\n {/* Two price columns */}\n <div class=\"price-container\">\n <div class=\"price-item\">\n <span class=\"price-label\">Precio proveedor</span>\n <span class=\"price-value\">{this.currency} {this.formatPrice(this.salePrice)}</span>\n </div>\n <div class=\"price-item\">\n <span class=\"price-label\">Precio sugerido</span>\n <span class=\"price-value\">{this.currency} {this.formatPrice(this.suggestedPrice)}</span>\n </div>\n </div>\n </div>\n\n {/* ── Separator ── */}\n <div class=\"separator\"></div>\n\n {/* ── Action button ── */}\n {this.showAddButton && (\n <div\n class={{ 'action-button': true, 'action-button--disabled': !this.inStock }}\n onClick={(e) => { e.stopPropagation(); if (this.inStock) this.dropiAddProduct.emit(); }}\n >\n <dropi-icon\n name=\"Shopping-cart-arrow-rigth\"\n width=\"20px\"\n height=\"20px\"\n color=\"#f49a3d\"\n />\n <span class=\"button-text\">Enviar a cliente</span>\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-card-section.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.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}`;
@@ -34,3 +34,6 @@ const DropiCardSection = class {
 DropiCardSection.style = dropiCardSectionCss();
 export { DropiCardSection as dropi_card_section };
+//# sourceMappingURL=dropi-card-section.entry.esm.js.map
+//# sourceMappingURL=dropi-card-section.entry.js.map

package/dist/dropi-ui/dropi-card-section.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"dropi-card-section.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,w2BAAw2B,CAAC;;MCW/3B,gBAAgB,GAAA,MAAA;;;;;;;IAEnB,KAAK,GAAW,OAAO;;IAEvB,WAAW,GAAW,aAAa;;IAEnC,WAAW,GAA0B,UAAU;;IAE/C,IAAI,GAA2B,WAAW;;IAEzB,SAAS,GAAY,KAAK;;AAG1C,IAAA,QAAQ;;AAER,IAAA,OAAO;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC5B,IAAI,CAAC,IAAI,KAAK;AACb,cAAE,UAAI,KAAK,EAAC,oDAAoD,EAAA,EAAE,IAAI,CAAC,KAAK;AAC5E,cAAE,UAAI,KAAK,EAAC,qBAAqB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAM,EAEpD,IAAI,CAAC,WAAW,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,oBAAoB,EAAA,EAAE,IAAI,CAAC,WAAW,CAAK,CACrE,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAC/B,IAAI,CAAC,WAAW,KAAK,QAAQ,IAC5B,CAAA,CAAA,cAAA,EAAA,EACE,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,CAAC,CAAuB,KAAI;AACtC,gBAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM;gBACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC9B,aAAC,EAAA,CACD,KAEF,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAA,YAAA,EAAa,UAAU,EAAA,EAClG,CAAA,CAAA,YAAA,EAAA,EAAY,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAA,CAAG,CAC7E,CACV,CACG,CACF;;;;;;;","names":[],"sources":["src/components/dropi-card-section/dropi-card-section.css?tag=dropi-card-section&encapsulation=shadow","src/components/dropi-card-section/dropi-card-section.tsx"],"sourcesContent":[":host { display: block; width: 100%; }\n*, *::before, *::after { box-sizing: border-box; }\n\n.card-section {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--Size-4, 16px);\n padding: var(--Size-3, 12px) var(--Size-4, 16px);\n background: var(--Neutral-White, #ffffff);\n border: 1px solid var(--Gray-Gray-100, #e6eaf2);\n border-radius: var(--Border-2, 8px);\n}\n\n.card-section__text { flex: 1; }\n\n.card-section__title {\n margin: 0 0 4px;\n font-family: inherit;\n font-weight: var(--font-weight-bold, 700);\n color: var(--Gray-Gray-800, #1f2433);\n}\n\nh5.card-section__title { font-size: var(--font-size-m, 14px); }\nh6.card-section__title { font-size: var(--font-size-s, 12px); }\n\n.card-section__desc {\n margin: 0;\n font-size: var(--font-size-xs, 10px);\n color: var(--Gray-Gray-500, #69738c);\n}\n\n.card-section__control { flex-shrink: 0; }\n\n.card-section__dropdown-btn {\n display: flex;\n align-items: center;\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * @component dropi-card-section\n * Section card with title, description and a switch or dropdown control.\n */\n@Component({\n tag: 'dropi-card-section',\n styleUrl: 'dropi-card-section.css',\n shadow: true,\n})\nexport class DropiCardSection {\n /** Section title — matches Angular 'title' */\n @Prop() title: string = 'title';\n /** Section description */\n @Prop() description: string = 'Description';\n /** Control type on the right */\n @Prop() typeElement: 'dropdown' | 'switch' = 'dropdown';\n /** Title size variant */\n @Prop() type: 'medium' | 'important' = 'important';\n /** Switch checked state */\n @Prop({ mutable: true }) isChecked: boolean = false;\n\n /** Emitted when switch changes */\n @Event() onChange: EventEmitter<boolean>;\n /** Emitted when dropdown icon is clicked */\n @Event() onClick: EventEmitter<void>;\n\n render() {\n return (\n <div class=\"card-section\">\n <div class=\"card-section__text\">\n {this.type === 'important'\n ? <h5 class=\"card-section__title card-section__title--important\">{this.title}</h5>\n : <h6 class=\"card-section__title\">{this.title}</h6>\n }\n {this.description && <p class=\"card-section__desc\">{this.description}</p>}\n </div>\n\n <div class=\"card-section__control\">\n {this.typeElement === 'switch' ? (\n <dropi-switch\n isChecked={this.isChecked}\n onOnChange={(e: CustomEvent<boolean>) => {\n this.isChecked = e.detail;\n this.onChange.emit(e.detail);\n }}\n />\n ) : (\n <button class=\"card-section__dropdown-btn\" onClick={() => this.onClick.emit()} aria-label=\"Expandir\">\n <dropi-icon name=\"Dropdown-down\" width=\"20px\" height=\"20px\" color=\"Gray-Gray-500\" />\n </button>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/{esm → dropi-ui}/dropi-carousel.entry.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-D5SAM1O2.js';
+import { r as registerInstance, d as createEvent, a as getElement, h } from './index-Cvp2LQOM.js';
 const dropiCarouselCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.dropi-carousel-container{display:flex;flex-direction:column;position:relative;width:100%;max-width:100%;overflow:hidden;padding:0 var(--Size-4)}.dropi-carousel-content{display:flex;align-items:center;position:relative;padding:1rem 0;width:100%}.dropi-carousel-items-content{overflow:hidden;flex:1;padding:0;width:100%;max-width:100%}.dropi-carousel-items-container{display:flex;padding-bottom:var(--Size-3);will-change:transform}.dropi-carousel-item{flex:0 0 auto;padding:0 0.5rem;box-sizing:border-box}.dropi-carousel-item>*{width:100%;box-sizing:border-box;display:block}.dropi-carousel-nav{display:flex;width:40px;height:40px;justify-content:center;align-items:center;cursor:pointer;transition:all 0.2s;flex-shrink:0;z-index:1;border-radius:var(--Border-5);background:var(--Neutral-White, #fff);box-shadow:var(--Shadow-medium);border:none;appearance:none;padding:0}.dropi-carousel-nav:hover{background:var(--Gray-Gray-50)}.dropi-carousel-nav:disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.dropi-carousel-prev{margin-right:1rem}.dropi-carousel-next{margin-left:1rem}.dropi-carousel-indicators{display:flex;justify-content:center;gap:0.5rem;list-style:none;padding:1rem 0 0 0;margin:0}.dropi-carousel-indicators li{cursor:pointer}.dropi-carousel-indicators li button{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--Gray-Gray-100, #eceef4);background:var(--Neutral-White, #fff);cursor:pointer;transition:all 0.2s;padding:0}.dropi-carousel-indicators li.active button{background:var(--Primary-Primary-500);border-color:var(--Primary-Primary-500)}.dropi-carousel-indicators li:hover button{background:var(--Gray-Gray-200)}.vertical .dropi-carousel-content{flex-direction:column}.vertical .dropi-carousel-items-container{flex-direction:column}.vertical .dropi-carousel-prev{margin:0 0 1rem 0}.vertical .dropi-carousel-next{margin:1rem 0 0 0}@media (max-width: 768px){.dropi-carousel-container{padding:0}.dropi-carousel-item{padding:0 0.25rem}}`;
@@ -149,3 +149,6 @@ const DropiCarousel = class {
 DropiCarousel.style = dropiCarouselCss();
 export { DropiCarousel as dropi_carousel };
+//# sourceMappingURL=dropi-carousel.entry.esm.js.map
+//# sourceMappingURL=dropi-carousel.entry.js.map