@dropi/ui 0.1.54 → 999.0.0

package/dist/collection/utils/utils.js

@@ -1,3 +0,0 @@
-export function format(first, middle, last) {
-    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
-}

package/dist/collection/utils/utils.unit.test.js

@@ -1,16 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { format } from "./utils";
-describe('format', () => {
-    it('returns empty string for no names defined', () => {
-        expect(format(undefined, undefined, undefined)).toEqual('');
-    });
-    it('formats just first names', () => {
-        expect(format('Joseph', undefined, undefined)).toEqual('Joseph');
-    });
-    it('formats first and last names', () => {
-        expect(format('Joseph', undefined, 'Publique')).toEqual('Joseph Publique');
-    });
-    it('formats first, middle and last names', () => {
-        expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');
-    });
-});

package/dist/components/dropi-accordion-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiAccordionItem extends Components.DropiAccordionItem, HTMLElement {}
-export const DropiAccordionItem: {
-    prototype: DropiAccordionItem;
-    new (): DropiAccordionItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-accordion-item.js

@@ -1 +0,0 @@
-import{t as e,p as o,H as i,h as a}from"./index.js";import{d as t}from"./p-Ccl4kD95.js";const n=o(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?this.contentRef.scrollHeight+"px":"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return a("div",{key:"98de1df9b82f0e4e5e72702b7eaca12c0ed92586",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},a("button",{key:"bd5c3e6ea29feb33e5280908c98929369dc7377e",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":this.open+"",disabled:this.disabled},a("span",{key:"ced161eb1187d50b7eb2002081cd3fc008c9a16f",class:"accordion-header-left"},this.preIcon&&a("dropi-icon",{key:"09a157623f0978153b57e85a79d7beeca3faf9ab",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),a("span",{key:"649617f263370d1314e3145c07a3a29ce5c807b5",class:"accordion-title"},this.sectionTitle)),a("span",{key:"d99e3933a40ffa4b1da8091a8b6d767011f1bf6f",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},a("dropi-icon",{key:"3d12ae988429fea2612c0c32c12cd81a486ad255",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),a("div",{key:"cedff4803c6fa83ae9dc5cb3ce68f48150cdef67",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},a("div",{key:"a37dd42bf39cf08479d847286860e78a1d80a233",class:"accordion-content"},a("slot",{key:"d797eac747716be1af2a6addbefe583be4a816b1"}))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{display:block;border-bottom:1px solid var(--Gray-Gray-100);border-radius:0}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;text-align:left;transition:background 0.3s}.accordion-header:hover{background:var(--Gray-Gray-50)}.accordion-header-left{display:flex;align-items:center;gap:var(--Size-2)}.accordion-title{padding:var(--Size-5) var(--Size-4);margin:0;font-family:var(--font-family-01);font-size:var(--font-size-m);font-style:normal;font-weight:var(--font-weight-bold);color:var(--Gray-Gray-600);line-height:var(--lineheight-simple)}.accordion-chevron{padding:var(--Size-3);color:var(--Gray-Gray-500);transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-in-out, opacity 0.3s ease-in-out}.accordion-content{padding:var(--Size-4);background:var(--Neutral-White)}"}},[769,"dropi-accordion-item",{sectionTitle:[1,"section-title"],index:[2],open:[1540],disabled:[4],preIcon:[1,"pre-icon"],contentHeight:[32]},void 0,{open:[{openChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["dropi-accordion-item","dropi-icon"].forEach((o=>{switch(o){case"dropi-accordion-item":customElements.get(e(o))||customElements.define(e(o),n);break;case"dropi-icon":customElements.get(e(o))||t()}}))}c();const r=n,d=c;export{r as DropiAccordionItem,d as defineCustomElement}

package/dist/components/dropi-accordion.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiAccordion extends Components.DropiAccordion, HTMLElement {}
-export const DropiAccordion: {
-    prototype: DropiAccordion;
-    new (): DropiAccordion;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-accordion.js

@@ -1 +0,0 @@
-import{t as e,p as o,H as r,h as t}from"./index.js";const a=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}multiple=!1;render(){return t("div",{key:"c8c70f9c2210e1bc6de7d0933f082a0d1c008837",class:"accordion-container"},t("slot",{key:"9fe1055ed6f5a2fc5c3e8dde47b694ea0acdbcb9"}))}static get style(){return":host{display:block;font-family:var(--font-family-01, 'Inter', sans-serif);width:100%;margin-bottom:-1px}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.accordion{border-top:1px solid var(--Gray-Gray-100,#e6eaf2);border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2);overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4,16px) var(--Size-5,20px);background:transparent;border:none;cursor:pointer;gap:12px;text-align:left}.accordion-header:disabled{cursor:not-allowed;opacity:0.5}.accordion--open .accordion-header{border-bottom:1px solid var(--Gray-Gray-100,#e6eaf2)}.accordion-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.accordion-title{font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-600, #475066);line-height:1.4}.accordion-chevron{display:flex;align-items:center;flex-shrink:0;transition:transform 0.22s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.28s ease}.accordion-content{padding:0 var(--Size-5,20px) var(--Size-4,16px);color:var(--Gray-Gray-600,#475066);font-size:var(--font-size-s,12px);line-height:1.6}"}},[769,"dropi-accordion",{multiple:[4]}]);function i(){"undefined"!=typeof customElements&&["dropi-accordion"].forEach((o=>{"dropi-accordion"===o&&(customElements.get(e(o))||customElements.define(e(o),a))}))}i();const n=a,c=i;export{n as DropiAccordion,c as defineCustomElement}

package/dist/components/dropi-alert-legacy.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiAlertLegacy extends Components.DropiAlertLegacy, HTMLElement {}
-export const DropiAlertLegacy: {
-    prototype: DropiAlertLegacy;
-    new (): DropiAlertLegacy;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-alert-legacy.js

@@ -1 +0,0 @@
-import{t as r,p as e,H as s,h as a}from"./index.js";const t=e(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}visible=!1;message="";type="success";autoClose=!1;timer;componentDidLoad(){this.autoClose&&this.visible&&this.startTimer()}startTimer(){clearTimeout(this.timer),this.timer=setTimeout((()=>{this.visible=!1}),7e3)}render(){return this.visible?a("div",{class:{"alert-legacy":!0,["alert-legacy--"+this.type]:!0}},a("div",{class:"alert-legacy__content"},a("span",{class:"alert-legacy__message"},this.message)),a("button",{class:"alert-legacy__close",onClick:()=>this.visible=!1},"×")):null}static get style(){return":host{display:block;margin:10px 0;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.alert-legacy{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--Border-2);font-size:var(--font-size-s)}.alert-legacy--success{background:var(--Success-Success-50);color:var(--Success-Success-700);border:1px solid var(--Success-Success-200)}.alert-legacy--error{background:var(--Error-Error-50);color:var(--Error-Error-700);border:1px solid var(--Error-Error-200)}.alert-legacy--warning{background:var(--Warning-Warning-50);color:var(--Warning-Warning-700);border:1px solid var(--Warning-Warning-200)}.alert-legacy--info{background:var(--Info-Info-50);color:var(--Info-Info-700);border:1px solid var(--Info-Info-200)}.alert-legacy__close{background:transparent;border:none;font-size:20px;cursor:pointer;color:currentColor;opacity:0.6}.alert-legacy__close:hover{opacity:1}"}},[513,"dropi-alert-legacy",{visible:[1028],message:[1],type:[1],autoClose:[4,"auto-close"]}]);function o(){"undefined"!=typeof customElements&&["dropi-alert-legacy"].forEach((e=>{"dropi-alert-legacy"===e&&(customElements.get(r(e))||customElements.define(r(e),t))}))}o();const c=t,n=o;export{c as DropiAlertLegacy,n as defineCustomElement}

package/dist/components/dropi-alert-modal.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiAlertModal extends Components.DropiAlertModal, HTMLElement {}
-export const DropiAlertModal: {
-    prototype: DropiAlertModal;
-    new (): DropiAlertModal;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-alert-modal.js

@@ -1 +0,0 @@
-import{t,p as e,H as i,c as a,h as s}from"./index.js";import{L as o}from"./p-BEs9gbju.js";import{d}from"./p-BjWB6xTy.js";import{d as n}from"./p-Ccl4kD95.js";import{d as r}from"./p-CrSepiFP.js";const l=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropiPrimaryClick=a(this,"dropiPrimaryClick"),this.dropiSecondaryClick=a(this,"dropiSecondaryClick"),this.dropiVisibleChange=a(this,"dropiVisibleChange"),this.dropiHide=a(this,"dropiHide")}get el(){return this}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;isWhiteLabel=!1;params=null;paramsChanged(t){t&&(void 0!==t.tittle&&(this.tittle=t.tittle),void 0!==t.type&&(this.type=t.type),void 0!==t.message&&(this.message=t.message),void 0!==t.primaryButton&&(this.primaryButton=t.primaryButton),void 0!==t.secondaryButton&&(this.secondaryButton=t.secondaryButton),void 0!==t.loadingTitle&&(this.loadingTitle=t.loadingTitle),void 0!==t.loadingMessage&&(this.loadingMessage=t.loadingMessage),void 0!==t.closable&&(this.closable=t.closable),void 0!==t.displayButtons&&(this.displayButtons=t.displayButtons))}dropiPrimaryClick;dropiSecondaryClick;dropiVisibleChange;dropiHide;componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimaryClick.emit(!0),this.isStep||(this.visible=!1,this.dropiVisibleChange.emit(!1))}handleSecondary(){this.dropiSecondaryClick.emit(!0),this.visible=!1,this.dropiVisibleChange.emit(!1)}onModalHide(){this.visible=!1,this.dropiVisibleChange.emit(!1),this.dropiHide.emit()}render(){const t=this.loading?"loading":this.type,e=o[t];return s("dropi-modal",{key:"9e44e3e2336cea618ad493257a9057f6ed05b3b9",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onDropiHide:()=>this.onModalHide()},s("div",{key:"2c83ef5ed1bce3821221404572e08ff83e5788a7",class:"body-alert"},e&&s("div",{key:"aef9b32ed8f6a9eed2d49b78a579efca7c30de35",class:"lottie-img"+("loading"===t?" lottie-img--loading":"")},s("lottie-player",{key:t,src:e,background:"transparent",speed:"1",loop:!0,autoplay:!0})),s("div",{key:"5c5161f34e04e783120cda34cbfda41da0061b40",class:"content-alert"},s("h2",{key:"ea451c2f1d424a4ca9453eee500055929a4ee0cd"},this.loading?this.loadingTitle:this.tittle),s("p",{key:"6fc476e3b79305a8542a9e3254a648df46e612c2"},this.loading?this.loadingMessage:this.message)),s("div",{key:"c6b62bd577696a2f474c05f6a91030f3caa17c9e",class:"custom-content"},s("slot",{key:"42957aad93193457111a074bad254c6209c5fb12"})),!this.loading&&this.displayButtons&&s("div",{key:"f6bec3425de91611537bc418c7896b7dc510ace6",class:"actions"},this.secondaryButton&&s("dropi-button",{key:"e169fb4dbd9d6d5548095d59ddde524b6540b7a8",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),s("dropi-button",{key:"f892a5d0fce7eae2d24fedc71a925c5c2cf767dd",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}static get style(){return":host{display:contents;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:visible;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}"}},[772,"dropi-alert-modal",{visible:[1544],type:[1025],tittle:[1025],message:[1025],primaryButton:[1025,"primary-button"],secondaryButton:[1025,"secondary-button"],loading:[4],closable:[1028],displayButtons:[1028,"display-buttons"],loadingTitle:[1025,"loading-title"],loadingMessage:[1025,"loading-message"],isStep:[4,"is-step"],baseZIndex:[2,"base-z-index"],isWhiteLabel:[4,"is-white-label"],params:[8],show:[64],hide:[64]},void 0,{params:[{paramsChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["dropi-alert-modal","dropi-button","dropi-icon","dropi-modal"].forEach((e=>{switch(e){case"dropi-alert-modal":customElements.get(t(e))||customElements.define(t(e),l);break;case"dropi-button":customElements.get(t(e))||d();break;case"dropi-icon":customElements.get(t(e))||n();break;case"dropi-modal":customElements.get(t(e))||r()}}))}c();const h=l,p=c;export{h as DropiAlertModal,p as defineCustomElement}

package/dist/components/dropi-alert.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiAlert extends Components.DropiAlert, HTMLElement {}
-export const DropiAlert: {
-    prototype: DropiAlert;
-    new (): DropiAlert;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-alert.js

@@ -1 +0,0 @@
-import{D as o,d as s}from"./p-CmLj_aqH.js";const a=o,m=s;export{a as DropiAlert,m as defineCustomElement}

package/dist/components/dropi-avatars.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiAvatars extends Components.DropiAvatars, HTMLElement {}
-export const DropiAvatars: {
-    prototype: DropiAvatars;
-    new (): DropiAvatars;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-avatars.js

@@ -1 +0,0 @@
-import{D as o,d as s}from"./p-WAEYEj9V.js";const p=o,r=s;export{p as DropiAvatars,r as defineCustomElement}

package/dist/components/dropi-badge-legacy.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiBadgeLegacy extends Components.DropiBadgeLegacy, HTMLElement {}
-export const DropiBadgeLegacy: {
-    prototype: DropiBadgeLegacy;
-    new (): DropiBadgeLegacy;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-badge-legacy.js

@@ -1 +0,0 @@
-import{t as a,p as e,H as t,h as s}from"./index.js";const c=e(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}type="state";state="check";variant="primary";count=0;render(){const a="counter"===this.type;return s("div",{key:"58bb5c6625539109f010cccdcaafc37ab6da38ba",class:{"badge-legacy":!0,["badge-legacy--"+this.variant]:!0,["badge-legacy--"+this.type]:!0}},a?s("span",{class:"badge-count"},this.count):s("span",{class:{"badge-state-icon":!0,["badge-state--"+this.state]:!0}},"check"===this.state?"✓":"..."))}static get style(){return":host{display:inline-block;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.badge-legacy{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.badge-legacy--primary{background:var(--Primary-Primary-50);color:var(--Primary-Primary-500)}.badge-legacy--secondary{background:var(--Gray-Gray-100);color:var(--Gray-Gray-600)}.badge-legacy--tertiary{background:var(--Success-Success-50);color:var(--Success-Success-500)}"}},[513,"dropi-badge-legacy",{type:[1],state:[1],variant:[1],count:[2]}]);function r(){"undefined"!=typeof customElements&&["dropi-badge-legacy"].forEach((e=>{"dropi-badge-legacy"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))}r();const n=c,i=r;export{n as DropiBadgeLegacy,i as defineCustomElement}

package/dist/components/dropi-badge.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiBadge extends Components.DropiBadge, HTMLElement {}
-export const DropiBadge: {
-    prototype: DropiBadge;
-    new (): DropiBadge;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-badge.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as a,h as n}from"./index.js";const r=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}state;stateText={pending:"Pendiente",active:"Activo",canceled:"Cancelado",frozen:"Congelado"};renderIcon(){return"active"===this.state?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"})):"pending"===this.state?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"})):"canceled"===this.state?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"})):null}render(){return n("div",{key:"b4cae2eac2f963a641ca23e27b33899469b2b370",class:"tag-state "+this.state},this.renderIcon(),n("p",{key:"64a2504a1844f2cb9397878ca305aa183b0609a5"},this.stateText[this.state]))}static get style(){return":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:var(--font-weight-medium);line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}"}},[513,"dropi-badge",{state:[1]}]);function s(){"undefined"!=typeof customElements&&["dropi-badge"].forEach((t=>{"dropi-badge"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}s();const i=r,o=s;export{i as DropiBadge,o as defineCustomElement}

package/dist/components/dropi-banner-external.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiBannerExternal extends Components.DropiBannerExternal, HTMLElement {}
-export const DropiBannerExternal: {
-    prototype: DropiBannerExternal;
-    new (): DropiBannerExternal;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-banner-external.js

@@ -1 +0,0 @@
-import{t as e,p as i,H as r,c as t,h as n}from"./index.js";import{d as s}from"./p-Ccl4kD95.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bannerClick=t(this,"bannerClick"),this.isVisible=t(this,"isVisible")}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;get el(){return this}componentWillLoad(){this.imageUrl||(this.imageUrl=this.el.getAttribute("imageUrl")||this.el.getAttribute("image-url")||this.el.getAttribute("imageurl")||"")}bannerClick;isVisible;handleClick(e){this.link||(e.preventDefault(),this.bannerClick.emit())}closeBanner(e){e.preventDefault(),e.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const e=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",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})));return n("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?n("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:e=>this.handleClick(e)},e):n("div",{class:"click-wrapper",onClick:e=>this.handleClick(e)},e))}static get style(){return":host{display:block;width:100%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.dropi-banner-external{display:block;width:100%;position:relative;margin-bottom:16px;border-radius:var(--Border-2, 8px)}.dropi-banner-external a{display:block;text-decoration:none}.click-wrapper{cursor:pointer}.inner{position:relative;display:block}.inner img{display:block;width:100%;height:auto;border-radius:var(--Border-2, 8px);max-width:1220px;margin:auto}.close-btn{position:absolute;top:4px;right:4px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.15s ease}.close-btn:hover{background:rgba(255, 255, 255, 1)}"}},[513,"dropi-banner-external",{imageUrl:[1,"image-url"],link:[1],alt:[1],backgroundColor:[1,"background-color"],slugName:[1,"slug-name"],viewOnWhiteBrand:[4,"view-on-white-brand"],viewOnlyCountries:[16],closed:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-banner-external","dropi-icon"].forEach((i=>{switch(i){case"dropi-banner-external":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}a();const l=o,c=a;export{l as DropiBannerExternal,c as defineCustomElement}

package/dist/components/dropi-breadcrumb.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiBreadcrumb extends Components.DropiBreadcrumb, HTMLElement {}
-export const DropiBreadcrumb: {
-    prototype: DropiBreadcrumb;
-    new (): DropiBreadcrumb;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-breadcrumb.js

@@ -1 +0,0 @@
-import{t as e,p as r,H as a,c as t,h as o}from"./index.js";import{d as i}from"./p-Ccl4kD95.js";const c=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiNavigate=t(this,"dropiNavigate")}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const e=this.parsedItems;return o("nav",{key:"c4546d7a0c7852e01f685176b5365f1e0082ad24",class:"breadcrumb","aria-label":"Breadcrumb"},o("div",{key:"924ab634ae4e71f6bd39a67b4b3889cdca20234d",class:"crumb-list"},o("div",{key:"e7b1b285bdd497a028a041ada1eb8b34f77384b0",class:"crumb-home"},o("a",{key:"9e288d5f5761daed20b35dbf056c7de9c2e7b8e3",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:e=>{e.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},o("dropi-icon",{key:"803ab6d710976b341f19ad7d49fde670acc2c466",name:this.homeIconName,iconWidth:"16px",color:"Gray-Gray-500"})),e.length>0&&o("dropi-icon",{key:"44d1cad9efa9cbc6a52bc26a2229af6680cd8733",name:"Dropdown-Right",iconWidth:"16px",color:"Gray-Gray-500"})),e.map(((r,a)=>{const t=a===e.length-1;return o("div",{class:"crumb",key:a},!t||this.lastItemClickable?o("a",{class:"crumb-link Body-S-Regular"+(r.disabled?" disabled":""),href:r.url||r.routerLink||"#",onClick:e=>{e.preventDefault(),r.disabled||this.dropiNavigate.emit(r)}},r.label):o("span",{class:"current Body-S-Regular","aria-current":"page"},r.label),!t&&o("dropi-icon",{name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"}))}))))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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)}"}},[513,"dropi-breadcrumb",{items:[1],homeRoute:[1,"home-route"],homeIconName:[1,"home-icon-name"],lastItemClickable:[4,"last-item-clickable"]}]);function n(){"undefined"!=typeof customElements&&["dropi-breadcrumb","dropi-icon"].forEach((r=>{switch(r){case"dropi-breadcrumb":customElements.get(e(r))||customElements.define(e(r),c);break;case"dropi-icon":customElements.get(e(r))||i()}}))}n();const s=c,d=n;export{s as DropiBreadcrumb,d as defineCustomElement}

package/dist/components/dropi-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiButton extends Components.DropiButton, HTMLElement {}
-export const DropiButton: {
-    prototype: DropiButton;
-    new (): DropiButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-button.js

@@ -1 +0,0 @@
-import{D as o,d as s}from"./p-BjWB6xTy.js";const p=o,r=s;export{p as DropiButton,r as defineCustomElement}

package/dist/components/dropi-card-checkbox.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiCardCheckbox extends Components.DropiCardCheckbox, HTMLElement {}
-export const DropiCardCheckbox: {
-    prototype: DropiCardCheckbox;
-    new (): DropiCardCheckbox;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-card-checkbox.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as i,c as r,h as a}from"./index.js";import{d as c}from"./p-3AT7ASH9.js";const o=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=r(this,"dropiChange")}type="default";state="checked";title="Tittle";description="";extraInfo="";extraInfoDescription="";disabled=!1;dropiChange;get isChecked(){return"checked"===this.state}handleClick(){this.disabled||(this.state=this.isChecked?"default":"checked",this.dropiChange.emit(this.isChecked))}render(){return a("div",{key:"b9004c813a03956904cfed8484cac2d8290be86f",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.isChecked&&"with card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},a("dropi-checkbox",{key:"7ac16d56fb2f3a0e415274f1e767ccddf49dc35d",name:"_card-checkbox",checked:this.isChecked,disabled:this.disabled}),a("div",{key:"a7d782c96ef6a5fad7e98ea2b7c5e5db09dfefe4",class:"container-text"},a("div",{key:"4cb9ecb3ec80a1ce375cefb044aedd8a6818f1f1",class:"title-check"},this.title),this.description&&a("div",{key:"2f763eba23e8e1c52392cf251d6492e46d9d8c7c",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&a("div",{key:"f853d59072a10b4f9e924c6e62132ea3b7c5feca",class:"extra-info"},this.extraInfo&&a("div",{key:"3c198762cd1e70622419959e39c0be41d51b1273"},this.extraInfo),this.extraInfoDescription&&a("h4",{key:"dc98cf76aa221d1a6cd49002376be6b9c3dcff3a"},this.extraInfoDescription)))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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)}"}},[513,"dropi-card-checkbox",{type:[1],state:[1025],title:[1],description:[1],extraInfo:[1,"extra-info"],extraInfoDescription:[1,"extra-info-description"],disabled:[4]}]);function d(){"undefined"!=typeof customElements&&["dropi-card-checkbox","dropi-checkbox"].forEach((t=>{switch(t){case"dropi-card-checkbox":customElements.get(e(t))||customElements.define(e(t),o);break;case"dropi-checkbox":customElements.get(e(t))||c()}}))}d();const s=o,n=d;export{s as DropiCardCheckbox,n as defineCustomElement}

package/dist/components/dropi-card-product.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiCardProduct extends Components.DropiCardProduct, HTMLElement {}
-export const DropiCardProduct: {
-    prototype: DropiCardProduct;
-    new (): DropiCardProduct;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-card-product.js

@@ -1 +0,0 @@
-import{t as e,p as i,H as t,c as a,h as o}from"./index.js";import{d as r}from"./p-Ccl4kD95.js";import{d as s}from"./p-BzFB0tnJ.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiProductClick=a(this,"dropiProductClick"),this.dropiFavoriteChange=a(this,"dropiFavoriteChange"),this.dropiAddProduct=a(this,"dropiAddProduct"),this.dropiSupplierClick=a(this,"dropiSupplierClick")}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;dropiProductClick;dropiFavoriteChange;dropiAddProduct;dropiSupplierClick;formatPrice(e){return null==e?"0":e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return o("div",{key:"2fe4ce42e1c331a99fd1171c82e6e48bfb5dbff0",class:"dropi-card-product",onClick:()=>this.dropiProductClick.emit()},o("div",{key:"3f94077ee059e347f3ff4fff808a3a3f3a0ac827",class:"product-image-container"},o("div",{key:"1d6e8181cc630ab03efc90e316c349dfe9765b46",class:"product-image"},o("img",{key:"f6647c21ac24d378482c6e6fe5220d6d18ff694b",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&o("button",{key:"37c23af5e1345e2f2b2ac42dd38f88eb17254889",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.dropiFavoriteChange.emit(this.isFavorite)},"aria-label":"Favorito"},o("dropi-icon",{key:"c6d6c87dcb5ae0f9a0d416667a3d39c7e153b7a6",name:this.isFavorite?"Heart-solid":"Heart",iconWidth:"18px",iconHeight:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),o("div",{key:"66dbcb028acb35e9a43502e9ff9a00fd2ebf8bf2",class:"product-info"},this.supplierCategory&&o("dropi-ilustration-icon",{key:"fd3d94e953a6b91418decc09ed426755a85bac1b",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),o("div",{key:"45817e3bb0bfdaa0ec8cb4a23fdac1bb943e93dc",class:"product-header"},this.category&&o("span",{key:"c721519a5339a2ac40d20c283bbe8797b78e4b27",class:"category"},this.category),o("div",{key:"49f5013738dfffcdb83dfde628f5d1d21164c3d2",class:"stock-info"},o("span",{key:"bd49d5069d07b3ae10ac9c85a4b84bbb573f926e",class:"stock-label"},"Stock:"),o("span",{key:"d0eefb88240c13c9c56e7470e79cbacc9d86caf4",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),o("h3",{key:"a880d0df13af0b75d553daf18e876905b93e6ef1",class:"product-name"},this.productName),this.supplier&&o("div",{key:"faa82e269979084e7510b6a17fb1f3caee8ad181",class:"supplier-info"},o("span",{key:"b4b223620c58cb30945b1c6be50559614937eb5f",class:"supplier-label"},"Proveedor:"),o("span",{key:"989580f42383c3b6adb6484a493d1293a2a11904",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),o("div",{key:"451c1ab830c7ab38c4e414e94f11f63ffcf86162",class:"price-container"},o("div",{key:"755f3f8aac6f7b1d458d28b74dec2734b42794a6",class:"price-item"},o("span",{key:"fff0a718b4f22641adcd28bbcb7e81a0f21755e9",class:"price-label"},"Precio proveedor"),o("span",{key:"5bb6843a4a293195f0dbda5c3eccfc4f38c719b1",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),o("div",{key:"468b1d7596ec5d727846a087b5d89461c5fef858",class:"price-item"},o("span",{key:"91b15e4d58d27997b2dfdb9c73fd417a8f8ba5fb",class:"price-label"},"Precio sugerido"),o("span",{key:"378483760ffac07491f5b65b37d5e27d41423ec5",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),o("div",{key:"71467832049894083ea3454618a12d082cb15844",class:"separator"}),this.showAddButton&&o("div",{key:"f9f0450e3dfa2b91ae7caa468811cc739d7a280e",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},o("dropi-icon",{key:"50a9fad974460c2728fb1fca74628d093cbb1875",name:"Shopping-cart-arrow-rigth",iconWidth:"20px",iconHeight:"20px",color:"#f49a3d"}),o("span",{key:"f5ac44dd20e01bc644e863c3cbf51e3493821e70",class:"button-text"},"Enviar a cliente")))}static get style(){return":host{display:block;font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}.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:var(--font-family-01, '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:var(--font-family-01, '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:var(--font-family-01, '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:var(--font-family-01, '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:var(--font-family-01, '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:var(--font-family-01, '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:var(--font-family-01, 'Inter', sans-serif);font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}"}},[513,"dropi-card-product",{image:[1],productName:[1,"product-name"],salePrice:[2,"sale-price"],suggestedPrice:[2,"suggested-price"],currency:[1],supplier:[1],category:[1],stock:[2],supplierCategory:[1,"supplier-category"],showFavorite:[4,"show-favorite"],isFavorite:[1028,"is-favorite"],showAddButton:[4,"show-add-button"]}]);function n(){"undefined"!=typeof customElements&&["dropi-card-product","dropi-icon","dropi-ilustration-icon"].forEach((i=>{switch(i){case"dropi-card-product":customElements.get(e(i))||customElements.define(e(i),c);break;case"dropi-icon":customElements.get(e(i))||r();break;case"dropi-ilustration-icon":customElements.get(e(i))||s()}}))}n();const d=c,f=n;export{d as DropiCardProduct,f as defineCustomElement}

package/dist/components/dropi-card-section.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiCardSection extends Components.DropiCardSection, HTMLElement {}
-export const DropiCardSection: {
-    prototype: DropiCardSection;
-    new (): DropiCardSection;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-card-section.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as i,c as s,h as r}from"./index.js";import{d as o}from"./p-Ccl4kD95.js";import{d as c}from"./p-BhQK2SnE.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=s(this,"dropiChange"),this.dropiClick=s(this,"dropiClick")}title="title";description="Description";typeElement="dropdown";type="important";isChecked=!1;dropiChange;dropiClick;render(){return r("div",{key:"06fe2a580fb23484419ea4b1c41a265facb722de",class:"card-section"},r("div",{key:"1020ea256b0311a200a721387b3ecb8d0f3809ab",class:"card-section__text"},"important"===this.type?r("h5",{class:"card-section__title card-section__title--important"},this.title):r("h6",{class:"card-section__title"},this.title),this.description&&r("p",{key:"52ea93b6b2736c4c6e3ebb953c2878db90d34b4c",class:"card-section__desc"},this.description)),r("div",{key:"7ec0ed96e43b45256fd5dec5ee24b0dfd6488403",class:"card-section__control"},"switch"===this.typeElement?r("dropi-switch",{name:"_card-section-switch",isChecked:this.isChecked,onDropiChange:e=>{this.isChecked=e.detail,this.dropiChange.emit(e.detail)}}):r("button",{class:"card-section__dropdown-btn",onClick:()=>this.dropiClick.emit(),"aria-label":"Expandir"},r("dropi-icon",{name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))))}static get style(){return":host{display:block;width:100%}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::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:var(--font-family-01, 'Inter', sans-serif);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}"}},[513,"dropi-card-section",{title:[1],description:[1],typeElement:[1,"type-element"],type:[1],isChecked:[1028,"is-checked"]}]);function a(){"undefined"!=typeof customElements&&["dropi-card-section","dropi-icon","dropi-switch"].forEach((t=>{switch(t){case"dropi-card-section":customElements.get(e(t))||customElements.define(e(t),n);break;case"dropi-icon":customElements.get(e(t))||o();break;case"dropi-switch":customElements.get(e(t))||c()}}))}a();const d=n,p=a;export{d as DropiCardSection,p as defineCustomElement}

package/dist/components/dropi-carousel.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiCarousel extends Components.DropiCarousel, HTMLElement {}
-export const DropiCarousel: {
-    prototype: DropiCarousel;
-    new (): DropiCarousel;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-carousel.js

@@ -1 +0,0 @@
-import{t as i,p as t,H as e,c as s,h as a}from"./index.js";const r=t(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dropiPageChange=s(this,"dropiPageChange"),this.dropiPage=s(this,"dropiPage")}get el(){return this}value=[];page=0;numVisible=1;numScroll=1;orientation="horizontal";showNavigators=!0;showIndicators=!0;autoplayInterval=0;circular=!1;parsedValue=[];internalPage=0;isAnimating=!1;totalPages=0;itemsContainer;timer;dropiPageChange;dropiPage;handleValue(i){this.parsedValue="string"==typeof i?JSON.parse(i):i||[],this.updateTotalPages(),this.updateTransform()}handlePage(i){this.internalPage=i,this.updateTransform()}componentWillLoad(){if(!this.value||Array.isArray(this.value)&&0===this.value.length){const i=this.el.getAttribute("value");i&&(this.value=i)}this.handleValue(this.value),this.internalPage=this.page}componentDidLoad(){this.updateTransform(),this.autoplayInterval>0&&this.startAutoplay(),window.addEventListener("resize",this.onResize)}disconnectedCallback(){this.stopAutoplay(),window.removeEventListener("resize",this.onResize)}onResize=()=>{this.updateTotalPages(),this.updateTransform()};startAutoplay(){this.timer=setInterval((()=>this.navForward()),this.autoplayInterval)}stopAutoplay(){this.timer&&clearInterval(this.timer)}updateTotalPages(){this.totalPages=!this.parsedValue.length||this.parsedValue.length<=this.numVisible?1:Math.ceil((this.parsedValue.length-this.numVisible)/this.numScroll)+1}updateTransform(){if(!this.itemsContainer)return;const i="vertical"===this.orientation?"translateY":"translateX",t=this.itemsContainer.querySelector(".dropi-carousel-item");if(!t)return;const e="vertical"===this.orientation?t.offsetHeight:t.offsetWidth;this.itemsContainer.style.transform=`${i}(${-Math.min(this.internalPage*this.numScroll,Math.max(0,this.parsedValue.length-this.numVisible))*e}px)`}navForward=i=>{i&&i.preventDefault(),(this.circular||this.internalPage<this.totalPages-1)&&(this.isAnimating=!0,this.internalPage=(this.internalPage+1)%this.totalPages,this.page=this.internalPage,this.updateTransform(),this.dropiPageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500))};navBackward=i=>{i&&i.preventDefault(),(this.circular||this.internalPage>0)&&(this.isAnimating=!0,this.internalPage=(this.internalPage-1+this.totalPages)%this.totalPages,this.page=this.internalPage,this.updateTransform(),this.dropiPageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500))};onDotClick(i){this.isAnimating=!0,this.internalPage=i,this.page=this.internalPage,this.updateTransform(),this.dropiPageChange.emit(this.internalPage),setTimeout((()=>this.isAnimating=!1),500)}render(){const i=this.parsedValue;if(!i.length)return null;const t=100/this.numVisible+"%";return a("div",{class:{"dropi-carousel-container":!0,vertical:"vertical"===this.orientation}},a("div",{class:"dropi-carousel-content"},this.showNavigators&&i.length>this.numVisible&&a("button",{class:"dropi-carousel-nav dropi-carousel-prev",disabled:!this.circular&&0===this.internalPage,onClick:i=>this.navBackward(i),"aria-label":"Anterior"},a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a("path",{d:"M14.659 17.5a.833.833 0 0 1-.589-.244l-4.43-4.431a.833.833 0 0 1 0-1.178l4.43-4.431a.834.834 0 0 1 1.179 1.178L11.42 12.25l3.83 3.829a.833.833 0 0 1-.59 1.421Z",fill:"#475066"}))),a("div",{class:"dropi-carousel-items-content"},a("div",{class:"dropi-carousel-items-container",ref:i=>this.itemsContainer=i,style:{transition:this.isAnimating?"transform 0.5s ease":"none"}},i.map(((i,e)=>a("div",{class:"dropi-carousel-item",style:{flex:"0 0 "+t}},"string"==typeof i?a("img",{src:i,alt:"Slide "+(e+1)}):a("slot",{name:"item-"+e})))))),this.showNavigators&&i.length>this.numVisible&&a("button",{class:"dropi-carousel-nav dropi-carousel-next",disabled:!this.circular&&this.internalPage>=this.totalPages-1,onClick:i=>this.navForward(i),"aria-label":"Siguiente"},a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a("path",{d:"M9.341 17.5a.833.833 0 0 0 .589-.244l4.43-4.431a.833.833 0 0 0 0-1.178l-4.43-4.431a.834.834 0 0 0-1.179 1.178l3.83 3.829-3.83 3.829a.833.833 0 0 0 .59 1.421Z",fill:"#475066"})))),this.showIndicators&&this.totalPages>1&&a("ul",{class:"dropi-carousel-indicators"},Array.from({length:this.totalPages}).map(((i,t)=>a("li",{class:{active:t===this.internalPage},onClick:()=>this.onDotClick(t)},a("button",{type:"button","aria-label":"Página "+(t+1)}))))))}static get watchers(){return{value:[{handleValue:0}],page:[{handlePage:0}]}}static get style(){return":host{display:block;width:100%;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::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}}"}},[769,"dropi-carousel",{value:[1],page:[1026],numVisible:[2,"num-visible"],numScroll:[2,"num-scroll"],orientation:[1],showNavigators:[8,"show-navigators"],showIndicators:[8,"show-indicators"],autoplayInterval:[2,"autoplay-interval"],circular:[8],parsedValue:[32],internalPage:[32],isAnimating:[32],totalPages:[32]},void 0,{value:[{handleValue:0}],page:[{handlePage:0}]}]);function o(){"undefined"!=typeof customElements&&["dropi-carousel"].forEach((t=>{"dropi-carousel"===t&&(customElements.get(i(t))||customElements.define(i(t),r))}))}o();const n=r,l=o;export{n as DropiCarousel,l as defineCustomElement}

package/dist/components/dropi-checkbox-selection-list.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiCheckboxSelectionList extends Components.DropiCheckboxSelectionList, HTMLElement {}
-export const DropiCheckboxSelectionList: {
-    prototype: DropiCheckboxSelectionList;
-    new (): DropiCheckboxSelectionList;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-checkbox-selection-list.js

@@ -1 +0,0 @@
-import{t as e,p as s,H as t,c as i,h as o}from"./index.js";import{d as r}from"./p-3AT7ASH9.js";import{d as c}from"./p-Ccl4kD95.js";const a=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiCheckedValues=i(this,"dropiCheckedValues"),this.dropiSearch=i(this,"dropiSearch")}options=[];showFilter=!0;filterPlaceholder="Search";showNotFound=!0;notFoundMessage="No related results found";multiSelect=!0;searchDelay=100;filterText="";selected=[];parsedOptions=[];dropiCheckedValues;dropiSearch;optionsChanged(e){this.parsedOptions="string"==typeof e?JSON.parse(e):e||[]}componentWillLoad(){this.optionsChanged(this.options)}get filtered(){if(!this.filterText)return this.parsedOptions;const e=this.filterText.toLowerCase();return this.parsedOptions.filter((s=>s.label?.toLowerCase().includes(e)))}toggle(e){this.selected=this.multiSelect?this.selected.includes(e)?this.selected.filter((s=>s!==e)):[...this.selected,e]:this.selected.includes(e)?[]:[e],this.dropiCheckedValues.emit(this.selected)}render(){const e=this.filtered;return o("div",{key:"95774833547807d6001525158bf199883661b649",class:"csl"},this.showFilter&&o("div",{key:"13f6bfd33150cdf138e90b93fc8121dfcc311050",class:"csl__search"},o("dropi-icon",{key:"4edf5c21eeac0aa442e58845621b7715d8484c1b",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"}),o("input",{key:"40071d0c189c7fd1f1bf8090ebe1d64ce9605602",class:"csl__search-input",type:"text",placeholder:this.filterPlaceholder,value:this.filterText,onInput:e=>{this.filterText=e.target.value,this.dropiSearch.emit(this.filterText)}}),this.filterText&&o("button",{key:"a560cab7ce53e57e036696194054286aa1dd6fd9",class:"csl__clear",onClick:()=>{this.filterText="",this.dropiSearch.emit("")}},o("dropi-icon",{key:"f1ae7e38fcb954761edb02bb32af139fb5eea610",name:"Close-small",iconWidth:"14px",iconHeight:"14px",color:"Gray-Gray-400"}))),o("div",{key:"e93dfccc8215e96640ebe8c69f33f0bff5f655f2",class:"csl__list"},0===e.length&&this.showNotFound?o("div",{class:"csl__empty"},this.notFoundMessage):e.map((e=>{const s=this.selected.includes(e.id);return o("div",{class:"csl__item",key:e.id,onClick:()=>this.toggle(e.id)},o("dropi-checkbox",{name:"_csl-option",checked:s}),e.icon&&o("img",{class:"csl__icon",src:e.icon,alt:e.label}),o("span",{class:"csl__label"},e.label))}))))}static get watchers(){return{options:[{optionsChanged:0}]}}static get style(){return":host{display:block;width:100%}button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}*,*::before,*::after{box-sizing:border-box}.csl__search{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);margin-bottom:var(--Size-2, 8px)}.csl__search-input{flex:1;border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-700, #32394d);background:transparent}.csl__clear{display:flex;background:none;border:none;padding:0;cursor:pointer}.csl__list{display:flex;flex-direction:column}.csl__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;border-radius:var(--Border-1, 4px);transition:background 0.15s}.csl__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.csl__icon{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.csl__label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);flex:1}.csl__empty{padding:var(--Size-4, 16px);text-align:center;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6)}"}},[513,"dropi-checkbox-selection-list",{options:[1],showFilter:[4,"show-filter"],filterPlaceholder:[1,"filter-placeholder"],showNotFound:[4,"show-not-found"],notFoundMessage:[1,"not-found-message"],multiSelect:[4,"multi-select"],searchDelay:[2,"search-delay"],filterText:[32],selected:[32],parsedOptions:[32]},void 0,{options:[{optionsChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-checkbox-selection-list","dropi-checkbox","dropi-icon"].forEach((s=>{switch(s){case"dropi-checkbox-selection-list":customElements.get(e(s))||customElements.define(e(s),a);break;case"dropi-checkbox":customElements.get(e(s))||r();break;case"dropi-icon":customElements.get(e(s))||c()}}))}n();const l=a,d=n;export{l as DropiCheckboxSelectionList,d as defineCustomElement}

package/dist/components/dropi-checkbox.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiCheckbox extends Components.DropiCheckbox, HTMLElement {}
-export const DropiCheckbox: {
-    prototype: DropiCheckbox;
-    new (): DropiCheckbox;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-checkbox.js

@@ -1 +0,0 @@
-import{D as o,d as s}from"./p-3AT7ASH9.js";const p=o,r=s;export{p as DropiCheckbox,r as defineCustomElement}

package/dist/components/dropi-chips.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiChips extends Components.DropiChips, HTMLElement {}
-export const DropiChips: {
-    prototype: DropiChips;
-    new (): DropiChips;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-chips.js

@@ -1 +0,0 @@
-import{t as e,p as i,H as r,c as t,h as o}from"./index.js";import{d as c}from"./p-Ccl4kD95.js";const s=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiClose=t(this,"dropiClose")}customStyle="fill";type="icon";urlImg="";showIcon=!1;icon="";dropiClose;render(){return o("div",{key:"394a3ff5219535e9f4e1d6c9fbb320c32f1ce2e7",class:{chip:!0,["chip--"+this.customStyle]:!0}},"avatar"===this.type&&this.urlImg&&o("img",{key:"c7ea7ce319e2ab0a179f7b0b61ad9fe39be7c1ec",class:"chip__avatar",src:this.urlImg,alt:""}),"icon"===this.type&&this.icon&&o("dropi-icon",{key:"67e2edfbe37af83868a665cf65a85ecc27b7cfb5",class:"chip__pre-icon",name:this.icon,iconWidth:"14px",iconHeight:"14px",color:"currentColor"}),o("span",{key:"1916b1796d69cf6742177b8f4013315323bdf16f",class:"chip__text"},o("slot",{key:"167e1b230b1c4406ba3f40ba7783966c6b523c96"})),this.showIcon&&o("button",{key:"118d46db1615e9ed14485500b5a754407c361139",class:"chip__close",onClick:()=>this.dropiClose.emit(),"aria-label":"Eliminar"},o("dropi-icon",{key:"1639e4ae068d0361512469d2915b392101b2b923",name:"Cross-circle",iconWidth:"14px",iconHeight:"14px",color:"currentColor"})))}static get style(){return":host{display:inline-flex;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::before,*::after{box-sizing:border-box}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);height:24px;padding:0 var(--Size-2, 8px);border-radius:var(--Border-2, 8px);font-size:var(--font-size-xs, 10px);font-family:var(--font-family-01, 'Inter', sans-serif);width:fit-content;max-width:200px}.chip--filters{background:var(--Primary-Primary-50, #fff5eb);border:1px solid var(--Primary-Primary-200, #fbd4a3);color:var(--Primary-Primary-600, #d4872e)}.chip--fill{background:var(--Gray-Gray-100, #e6eaf2);border:1px solid transparent;color:var(--Gray-Gray-700, #32394d)}.chip__avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:0.7;transition:opacity 0.15s}.chip__close:hover{opacity:1}"}},[769,"dropi-chips",{customStyle:[1,"custom-style"],type:[1],urlImg:[1,"url-img"],showIcon:[4,"show-icon"],icon:[1]}]);function a(){"undefined"!=typeof customElements&&["dropi-chips","dropi-icon"].forEach((i=>{switch(i){case"dropi-chips":customElements.get(e(i))||customElements.define(e(i),s);break;case"dropi-icon":customElements.get(e(i))||c()}}))}a();const n=s,l=a;export{n as DropiChips,l as defineCustomElement}

package/dist/components/dropi-city-selector.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiCitySelector extends Components.DropiCitySelector, HTMLElement {}
-export const DropiCitySelector: {
-    prototype: DropiCitySelector;
-    new (): DropiCitySelector;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-city-selector.js

@@ -1 +0,0 @@
-import{t as e,p as r,H as i,c as t,h as a}from"./index.js";import{d as o}from"./p-Ccl4kD95.js";const s=r(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedCitiesChange=t(this,"selectedCitiesChange")}options=[];selectedCities=[];placeholder="Seleccione una ciudad";disabled=!1;selectedCitiesChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";get el(){return this}handleDocClick(e){this.isOpen&&!e.composedPath().includes(this.el)&&(this.isOpen=!1)}optionsChanged(e){this.parsedOptions=null!=e?"string"==typeof e?JSON.parse(e):e:[]}selectedChanged(e){this.selected=null!=e?"string"==typeof e?JSON.parse(e):[...e]:[]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const e=this.searchTerm.toLowerCase();return this.parsedOptions.map((r=>({...r,items:r.items.filter((r=>r.label.toLowerCase().includes(e)))}))).filter((e=>e.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(e,r){r.stopPropagation(),this.selected=this.selected.includes(e)?this.selected.filter((r=>r!==e)):[...this.selected,e],this.selectedCitiesChange.emit([...this.selected])}removeCity(e,r){r.stopPropagation(),this.selected=this.selected.filter((r=>r!==e)),this.selectedCitiesChange.emit([...this.selected])}getLabel(e){for(const r of this.parsedOptions){const i=r.items.find((r=>r.value==e));if(i)return i.label}return e+""}render(){const e=this.filtered;return a("div",{key:"5b1e27677c34d0dc85dc9c8544e4b0ba9a66216b",class:{"city-selector":!0,"city-selector--disabled":this.disabled}},a("button",{key:"e359c1baff0a255cd396ee35836430486bc67cd3",type:"button",class:"selector-trigger",disabled:this.disabled,onClick:()=>this.toggle(),"aria-haspopup":"listbox","aria-expanded":this.isOpen},a("div",{key:"082246999f826e8cfe1b2d09fd801a5d7db7e1b2",class:"chips-area"},0===this.selected.length&&a("span",{key:"90453c84cae3561412f795ec1ffc01923cd87040",class:"placeholder"},this.placeholder),this.selected.map((e=>a("span",{class:"chip",key:e+""},this.getLabel(e),a("button",{type:"button",class:"chip-remove","aria-label":"Quitar",onClick:r=>this.removeCity(e,r)},a("dropi-icon",{name:"Close-small",iconWidth:"10px",iconHeight:"10px",color:"Primary-Primary-500"})))))),a("dropi-icon",{key:"f99675449127fb19fdea950db057d8c14ca62644",name:this.isOpen?"Arrow-Up-2":"Arrow-Down-2",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"})),this.isOpen&&a("div",{key:"2a14a55016c19128fde45359f4b29b6f04f9b035",class:"dropdown",role:"listbox"},a("div",{key:"1321152ed7b0d3f50b04c7f28b05f1523c41cce4",class:"search-wrap"},a("div",{key:"7c94a7506d44cd89b83e5782cce16319f266f82c",class:"search-field"},a("input",{key:"5f40db9a8df0adc09776b4adcfe03a4a6d1d1467",class:"search-input",type:"text",placeholder:"Buscar...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value},autoComplete:"off"}),a("span",{key:"3140903ef4355b970c8f348e4f55d43f852e247d",class:"search-icon"},a("dropi-icon",{key:"b59235b0d7a685000033d2a294fbce246d0ba4c2",name:"Search",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-400"})))),a("div",{key:"bfd40e336b402bd92ec212466cf89e1cffb0d4be",class:"options-list"},0===e.length&&a("div",{key:"9fce9b4df1ffb122278480f0ab60255ea0c795ec",class:"no-results"},"Sin resultados"),e.map((e=>a("div",{key:e.value,class:"group"},a("div",{class:"group-label"},e.label),e.items.map((e=>{const r=this.selected.includes(e.value);return a("div",{key:e.value+"",class:{"city-option":!0,"city-option--selected":r},onClick:r=>this.toggleCity(e.value,r),role:"option","aria-selected":r},a("span",{class:{checkbox:!0,"checkbox--checked":r}},r&&a("dropi-icon",{name:"Check",iconWidth:"10px",iconHeight:"10px",color:"Neutral-White"})),a("span",{class:"city-label"},e.label))}))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}static get style(){return":host{display:block;width:100%;position:relative;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.selector-trigger{width:100%;min-height:40px;padding:6px 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;font-family:var(--font-family-01, 'Inter', sans-serif);transition:border-color 0.15s}.selector-trigger:hover:not(:disabled){border-color:var(--Gray-Gray-300, #a3abbf)}.selector-trigger:focus{outline:none;border-color:var(--Info-Info-500, #50a5f1)}.city-selector--disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed;opacity:0.6}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:26px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:var(--Border-1, 4px);padding:2px 6px;font-size:var(--font-size-xs, 12px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);z-index:var(--dropi-z-index-overlay, 11000);overflow:hidden}.search-wrap{padding:10px 12px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-field{position:relative;display:flex;align-items:center}.search-input{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 14px);font-family:var(--font-family-01, 'Inter', sans-serif);color:var(--Gray-Gray-700, #32394d);background:var(--Gray-Gray-50, #f7f8fa);outline:none;transition:border-color 0.15s}.search-input:focus{border-color:var(--Info-Info-500, #50a5f1);background:var(--Neutral-White, #ffffff)}.search-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.search-icon{position:absolute;right:10px;display:flex;align-items:center;pointer-events:none}.options-list{max-height:280px;overflow-y:auto;background:var(--Neutral-White, #ffffff)}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:transparent}.options-list::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:4px}.group-label{padding:14px 16px 8px;font-size:var(--font-size-m, 16px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433);background:var(--Neutral-White, #ffffff)}.city-option{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--font-size-s, 14px);color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:background 0.1s;user-select:none}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option--selected .city-label{color:var(--Gray-Gray-800, #1f2433);font-weight:var(--font-weight-medium, 500)}.checkbox{width:22px;height:22px;border:1.5px solid var(--Gray-Gray-300, #c3c9d9);border-radius:var(--Border-1, 6px);background:var(--Neutral-White, #ffffff);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color 0.15s, background 0.15s}.checkbox--checked{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-500, #f49a3d)}.city-label{flex:1}.no-results{padding:20px 16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 14px)}"}},[513,"dropi-city-selector",{options:[1],selectedCities:[1025,"selected-cities"],placeholder:[1],disabled:[4],isOpen:[32],selected:[32],parsedOptions:[32],searchTerm:[32]},[[4,"click","handleDocClick"]],{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["dropi-city-selector","dropi-icon"].forEach((r=>{switch(r){case"dropi-city-selector":customElements.get(e(r))||customElements.define(e(r),s);break;case"dropi-icon":customElements.get(e(r))||o()}}))}c();const n=s,d=c;export{n as DropiCitySelector,d as defineCustomElement}

package/dist/components/dropi-color-picker.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiColorPicker extends Components.DropiColorPicker, HTMLElement {}
-export const DropiColorPicker: {
-    prototype: DropiColorPicker;
-    new (): DropiColorPicker;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-color-picker.js

@@ -1 +0,0 @@
-import{t,p as e,H as i,c as o,h as r}from"./index.js";const s=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.colorChange=o(this,"colorChange")}get el(){return this}currentColor="#ffffff";position="right";colorChange;color="";hue=0;saturation=0;currentVal=0;opacity=100;showEdit=!1;isDragging=!1;isHueDragging=!1;isOpacityDragging=!1;colorCanvas;hueCanvas;opacityCanvas;onValueChange(t){this.showEdit||(this.color=t,this.syncFromHex())}componentWillLoad(){this.color=this.currentColor,this.syncFromHex()}componentDidLoad(){document.addEventListener("mousemove",this.onMouseMove.bind(this)),document.addEventListener("mouseup",this.onMouseUp.bind(this)),document.addEventListener("click",this.handleClickOutside.bind(this)),setTimeout((()=>{this.hueCanvas&&this.drawHueCanvas(),this.colorCanvas&&this.drawColorCanvas(),this.opacityCanvas&&this.drawOpacityCanvas()}),50)}disconnectedCallback(){document.removeEventListener("mousemove",this.onMouseMove.bind(this)),document.removeEventListener("mouseup",this.onMouseUp.bind(this)),document.removeEventListener("click",this.handleClickOutside.bind(this))}onMouseMove(t){this.isDragging?this.updateColorFromPosition(t):this.isHueDragging?this.updateHueFromPosition(t):this.isOpacityDragging&&this.updateOpacityFromPosition(t)}onMouseUp(){this.isDragging=!1,this.isHueDragging=!1,this.isOpacityDragging=!1}handleClickOutside(t){!t.composedPath().includes(this.el)&&this.showEdit&&(this.showEdit=!1,this.currentColor=this.color,this.colorChange.emit(this.color))}drawColorCanvas(){if(!this.colorCanvas)return;const t=this.colorCanvas.getContext("2d"),e=this.colorCanvas.width,i=this.colorCanvas.height,o=t.createLinearGradient(0,0,e,0);o.addColorStop(0,"#FFFFFF"),o.addColorStop(1,`hsl(${this.hue??0}, 100%, 50%)`);const r=t.createLinearGradient(0,0,0,i);r.addColorStop(0,"rgba(0, 0, 0, 0)"),r.addColorStop(1,"#000000"),t.fillStyle=o,t.fillRect(0,0,e,i),t.fillStyle=r,t.fillRect(0,0,e,i)}drawHueCanvas(){if(!this.hueCanvas)return;const t=this.hueCanvas.getContext("2d"),e=this.hueCanvas.width,i=this.hueCanvas.height,o=t.createLinearGradient(0,0,e,0);for(let t=0;t<=360;t+=60)o.addColorStop(t/360,`hsl(${t}, 100%, 50%)`);t.fillStyle=o,t.fillRect(0,0,e,i)}drawOpacityCanvas(){if(!this.opacityCanvas)return;const t=this.opacityCanvas.getContext("2d"),e=this.opacityCanvas.width,i=this.opacityCanvas.height;t.clearRect(0,0,e,i),t.fillStyle="#FFFFFF",t.fillRect(0,0,e,i);const o=this.hsvToRgb(this.hue,this.saturation,this.currentVal),r=t.createLinearGradient(0,0,e,0);r.addColorStop(0,`rgba(${o.r}, ${o.g}, ${o.b}, 0)`),r.addColorStop(1,`rgba(${o.r}, ${o.g}, ${o.b}, 1)`),t.fillStyle=r,t.fillRect(0,0,e,i)}updateColor(){const t=this.hsvToRgb(this.hue,this.saturation,this.currentVal),e=this.rgbToHex(t.r,t.g,t.b,this.opacity);this.color=e,this.drawColorCanvas(),this.drawOpacityCanvas(),this.currentColor=e,this.colorChange.emit(this.color)}hsvToRgb(t,e,i){const o=(i/=100)*(e/=100),r=o*(1-Math.abs(t/60%2-1)),s=i-o;let a=0,n=0,c=0;return t>=0&&t<60?(a=o,n=r,c=0):t>=60&&t<120?(a=r,n=o,c=0):t>=120&&t<180?(a=0,n=o,c=r):t>=180&&t<240?(a=0,n=r,c=o):t>=240&&t<300?(a=r,n=0,c=o):t>=300&&t<=360&&(a=o,n=0,c=r),{r:Math.round(255*(a+s)),g:Math.round(255*(n+s)),b:Math.round(255*(c+s))}}rgbToHex(t,e,i,o=100){const r=t=>Math.round(t).toString(16).padStart(2,"0");return`#${r(t)}${r(e)}${r(i)}${r(Math.round(o/100*255))}`}syncFromHex(){if(/^#?[0-9A-F]{6}([0-9A-F]{2})?$/i.test(this.color)){this.color.startsWith("#")||(this.color="#"+this.color);const t=this.color.substring(1),e=parseInt(t.substring(0,2),16),i=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16),r=8===t.length?parseInt(t.substring(6,8),16)/255:1,s=this.rgbToHsv(e,i,o,r);this.hue=s.h,this.saturation=s.s,this.currentVal=s.v,this.opacity=100*r,this.drawColorCanvas(),this.drawOpacityCanvas()}}onHexInputChange(t){this.color=t.target.value,this.syncFromHex()}rgbToHsv(t,e,i,o=1){const r=Math.max(t/=255,e/=255,i/=255),s=r-Math.min(t,e,i);let a=0;0!==s&&(r===t?a=(e-i)/s%6*60:r===e?a=60*((i-t)/s+2):r===i&&(a=60*((t-e)/s+4))),a<0&&(a+=360);const n=0===r?0:s/r*100,c=100*r;return{h:Math.round(a),s:Math.round(n),v:Math.round(c),a:parseFloat(o.toFixed(3))}}getCanvasPosition(t,e){const i=t.getBoundingClientRect();return{x:t.width/i.width*(e.clientX-i.left),y:t.height/i.height*(e.clientY-i.top)}}onColorMouseDown(t){this.isDragging=!0,this.updateColorFromPosition(t)}onHueMouseDown(t){this.isHueDragging=!0,this.updateHueFromPosition(t)}onOpacityMouseDown(t){this.isOpacityDragging=!0,this.updateOpacityFromPosition(t)}updateColorFromPosition(t){if(!this.colorCanvas)return;const e=this.getCanvasPosition(this.colorCanvas,t),i=Math.max(0,Math.min(e.x,256)),o=Math.max(0,Math.min(e.y,150));this.saturation=Math.round(i/256*100),this.currentVal=100-Math.round(o/150*100),this.updateColor()}updateHueFromPosition(t){if(!this.hueCanvas)return;const e=this.getCanvasPosition(this.hueCanvas,t);this.hue=Math.round(Math.max(0,Math.min(e.x,256))/256*360),this.drawColorCanvas(),this.updateColor()}updateOpacityFromPosition(t){if(!this.opacityCanvas)return;const e=this.getCanvasPosition(this.opacityCanvas,t);this.opacity=Math.round(Math.max(0,Math.min(e.x,256))/256*100),this.updateColor()}showEditor(){this.showEdit=!this.showEdit,this.color=this.currentColor,this.showEdit&&setTimeout((()=>{this.drawHueCanvas(),this.drawColorCanvas(),this.drawOpacityCanvas(),this.syncFromHex()}),100)}render(){return r("div",{key:"18ea41f637e46cb88d57cb2bc513f5e6e3ef9617",class:"general-container"},r("div",{key:"653748e883bc4deaf05739ced8e516f857a7a26b",class:"main-input-container"},r("div",{key:"b8a4e60b25d6017c3987fa4ea3420c78e3400db0",class:"overlay",onClick:()=>this.showEditor()}),r("div",{key:"e22f4b3e95f099e2444a46ee560fefb9f6556b65",class:"line-color-preview"},r("div",{key:"cf513dbb5ee9652a6d20aad0608508cae3e000af",class:"color-preview",style:{background:this.currentColor}})),r("div",{key:"025b264ae8aca0fca79f662c58250eea43ccf0e7",class:"color-info"},r("input",{key:"60a379b53bd0cf0bb1f80d5e1bd5b4c4038686f9",type:"text",class:"color-input",value:this.currentColor,maxLength:9,readOnly:!0}))),r("div",{key:"06e15b97ba156a9aa9dec9f60f2b24c924c0ac53",class:`color-picker-container position-${this.position} ${this.showEdit?"show":""}`},r("div",{key:"ea9df13cdf62ae1378b600dc7689df61bec5fc9b",class:"main-color-canvas-container"},r("canvas",{key:"5d73426ccfcccca44102300588472fe5e54744f9",ref:t=>this.colorCanvas=t,width:256,height:150,onMouseDown:t=>this.onColorMouseDown(t)}),r("div",{key:"e710e7f8c1558ad20dcfb0f03c98969d9aee5e91",class:"color-selector-pointer",style:{left:this.saturation/100*256+"px",top:(100-this.currentVal)/100*150+"px"}})),r("div",{key:"239c7986572fade46b913629bbd374ec6f15e6fb",class:"slider-container"},r("div",{key:"35c4231f321c42fa95f362da5bf211daf1671c79",class:"slider-group"},r("div",{key:"20be2dc7eff210e31ab3215da10473a23db921f1",class:"hue-slider-container"},r("canvas",{key:"0795238e2a59747c4bfbd3437a2a2fd9396dc9e2",ref:t=>this.hueCanvas=t,width:256,height:20,onMouseDown:t=>this.onHueMouseDown(t)}),r("div",{key:"17296210ecef2a958a46f23971a04da61d59402e",class:"slider-pointer",style:{left:this.hue/360*234+"px"}}))),r("div",{key:"af7504663561d0e811ae7ef163cce80cfa256187",class:"slider-group"},r("div",{key:"7f3f01cfb0e4ca93403dad15787ab8acd7c1cd82",class:"opacity-slider-container"},r("canvas",{key:"9bac8eca65bfba529748eb9788fc749b87115ca6",ref:t=>this.opacityCanvas=t,width:256,height:20,onMouseDown:t=>this.onOpacityMouseDown(t)}),r("div",{key:"34166bf45efd6f4148395ede39680164662f8a33",class:"slider-pointer",style:{left:this.opacity/100*234+"px"}}))),r("div",{key:"b43c40db224a560adb19fd91a8790efe11719ff9",class:"color-info"},r("div",{key:"aad6ef925f30835b5d8f51d23f872560bcb62360",class:"color-label"},"HEX"),r("input",{key:"bdb5fd6ca689251a7c566f32bc6c308873117b2c",type:"text",class:"color-input",value:this.color,onInput:t=>this.onHexInputChange(t),maxLength:9})))))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;button,input,select,textarea{font-family:var(--font-family-01, 'Inter', sans-serif)}}.general-container{position:relative;width:fit-content}.main-input-container{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--Size-3);position:relative;width:fit-content}.main-input-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;cursor:pointer}.line-color-preview{width:40px;height:40px;border-radius:50%;border:1px solid var(--Gray-Gray-200);display:flex;justify-content:center;align-items:center;padding:5px}.line-color-preview .color-preview{width:100%;height:100%;border-radius:50%;border:1px solid var(--Gray-Gray-200)}.position-right{top:0;left:250px}.position-left{top:0;right:200px}.position-top{bottom:55px}.position-bottom{top:55px}.position-bottom::before{transform:rotate(90deg);left:50%;top:-15px}.position-right::before{left:-6px;top:10px}.position-top::before{transform:rotate(270deg);left:50%;bottom:-15px}.position-left::before{transform:rotate(180deg);right:-9px}.color-picker-container::before{content:'';position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--Neutral-White);z-index:1}.color-picker-container{width:280px;padding:var(--Size-4);background:var(--Neutral-White);border-radius:var(--Size-2);box-shadow:var(--Shadow-large);position:absolute;z-index:100;transform-origin:top left;opacity:0;transition:transform 0.2s ease-out,     opacity 0.2s ease-out;pointer-events:none}.color-picker-container .main-color-canvas-container{position:relative;margin-bottom:var(--Size-4);border:1px solid var(--Gray-Gray-200);border-radius:var(--Size-1);display:flex;justify-self:center;align-items:center}.color-picker-container .main-color-canvas-container canvas{display:block;border-radius:var(--Size-1)}.color-picker-container .main-color-canvas-container .color-selector-pointer{position:absolute;width:var(--Size-3);height:var(--Size-3);border:2px solid var(--Neutral-White);border-radius:50%;transform:translate(-6px, -6px);pointer-events:none}.color-picker-container .slider-container{display:flex;flex-direction:column;gap:var(--Size-3)}.color-picker-container .slider-container .slider-group{display:flex;flex-direction:column;gap:var(--Size-1)}.color-picker-container .slider-container .slider-group label{font-size:var(--font-size-xs);color:var(--Gray-Gray-500);font-weight:var(--font-weight-bold)}.color-picker-container .slider-container .slider-group .hue-slider-container,.color-picker-container .slider-container .slider-group .opacity-slider-container{position:relative;height:var(--Size-3);border-radius:var(--Size-4);overflow:hidden}.color-picker-container .slider-container .slider-group .hue-slider-container canvas,.color-picker-container .slider-container .slider-group .opacity-slider-container canvas{display:block;width:100%;height:100%}.color-picker-container .slider-container .slider-group .hue-slider-container .slider-pointer,.color-picker-container .slider-container .slider-group .opacity-slider-container .slider-pointer{position:absolute;top:0;height:var(--Size-3);width:var(--Size-3);background:transparent;border:2px solid var(--Neutral-White);border-radius:50%;pointer-events:none}.color-picker-container.show{transform:scale(1);opacity:1;pointer-events:auto}.color-info .color-label{font-size:var(--font-size-xs);color:var(--Gray-Gray-500);font-weight:var(--font-weight-bold);text-transform:uppercase;margin-bottom:var(--Size-2)}.color-info .color-input{border:1px solid var(--Gray-Gray-200, #ddd);border-radius:var(--Size-1);padding:6px 8px;font-size:var(--font-size-s);width:100%;font-family:monospace;text-transform:uppercase;background-color:var(--Neutral-White, #ffffff);color:var(--Gray-Gray-800, #1f2433);outline:none}"}},[513,"dropi-color-picker",{currentColor:[1025,"current-color"],position:[1],color:[32],hue:[32],saturation:[32],currentVal:[32],opacity:[32],showEdit:[32]},void 0,{value:[{onValueChange:0}]}]);function a(){"undefined"!=typeof customElements&&["dropi-color-picker"].forEach((e=>{"dropi-color-picker"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))}a();const n=s,c=a;export{n as DropiColorPicker,c as defineCustomElement}

package/dist/components/dropi-country-flags.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiCountryFlags extends Components.DropiCountryFlags, HTMLElement {}
-export const DropiCountryFlags: {
-    prototype: DropiCountryFlags;
-    new (): DropiCountryFlags;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dropi-country-flags.js

@@ -1 +0,0 @@
-import{D as o,d as s}from"./p-fPJmM1qh.js";const m=o,p=s;export{m as DropiCountryFlags,p as defineCustomElement}

package/dist/components/dropi-country-selector.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DropiCountrySelector extends Components.DropiCountrySelector, HTMLElement {}
-export const DropiCountrySelector: {
-    prototype: DropiCountrySelector;
-    new (): DropiCountrySelector;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;