@dropi/ui 0.1.51 → 0.1.53

package/dist/collection/components/dropi-toast/dropi-toast.css

@@ -1,63 +1,54 @@
-:host { display: contents; }
-*, *::before, *::after { box-sizing: border-box; }
-
-.toast-container { position: fixed; z-index: var(--dropi-z-index-toast, 12000); display: flex; flex-direction: column; gap: 8px; max-width: 380px; width: 100%; pointer-events: none; }
-.toast-container--top-right    { top: 80px; right: 0; padding: var(--Size-2, 8px); }
-.toast-container--top-left     { top: 80px; left: 0; padding: var(--Size-2, 8px); }
-.toast-container--bottom-right { bottom: 24px; right: 0; padding: var(--Size-2, 8px); flex-direction: column-reverse; }
-.toast-container--bottom-left  { bottom: 24px; left: 0; padding: var(--Size-2, 8px); flex-direction: column-reverse; }
-.toast-container--top-center    { top: 80px; left: 50%; transform: translateX(-50%); padding: var(--Size-2, 8px); }
-.toast-container--bottom-center { bottom: 24px; left: 50%; transform: translateX(-50%); padding: var(--Size-2, 8px); flex-direction: column-reverse; }
-
-.toast-wrapper { pointer-events: auto; animation: toast-in 0.28s ease; transition: opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease; overflow: hidden; max-height: 200px; }
-.toast-wrapper--leaving { opacity: 0; transform: translateX(20px); max-height: 0; pointer-events: none; }
-@keyframes toast-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
-
-.toast { position: relative; display: flex; align-items: flex-start; border-radius: var(--Border-2,8px); background: var(--Neutral-White, #ffffff); box-shadow: 0.5px -1px 7px 0px rgba(0, 0, 0, 0.06), 0px 4px 20px 0px rgba(0, 0, 0, 0.12); border-left: var(--Size-2, 8px) solid; overflow: hidden; min-width: 300px; }
-.toast--success { border-color: var(--Success-Success-500,#34c38f); }
-.toast--error   { border-color: var(--Error-Error-500,#f46a6b); }
-.toast--warn    { border-color: var(--Warning-Warning-500,#f1b44c); }
-.toast--info    { border-color: var(--Info-Info-500,#50a5f1); }
-
-.toast-content {
+:host { display: contents; font-family: var(--font-family-01, 'Inter', sans-serif); }
+button, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }
+
+.dropi-toast-container { position: fixed; z-index: var(--dropi-z-index-toast, 12000); display: flex; flex-direction: column; gap: 8px; max-width: 380px; width: 100%; pointer-events: none; box-sizing: border-box; }
+.dropi-toast-container--top-right    { top: 80px; right: 0; padding: var(--Size-2, 8px); }
+.dropi-toast-container--top-left     { top: 80px; left: 0; padding: var(--Size-2, 8px); }
+.dropi-toast-container--bottom-right { bottom: 24px; right: 0; padding: var(--Size-2, 8px); flex-direction: column-reverse; }
+.dropi-toast-container--bottom-left  { bottom: 24px; left: 0; padding: var(--Size-2, 8px); flex-direction: column-reverse; }
+.dropi-toast-container--top-center    { top: 80px; left: 50%; transform: translateX(-50%); padding: var(--Size-2, 8px); }
+.dropi-toast-container--bottom-center { bottom: 24px; left: 50%; transform: translateX(-50%); padding: var(--Size-2, 8px); flex-direction: column-reverse; }
+
+.dropi-toast-wrapper { pointer-events: auto; animation: dropi-toast-in 0.28s ease; transition: opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease; overflow: hidden; max-height: 200px; box-sizing: border-box; }
+.dropi-toast-wrapper--leaving { opacity: 0; transform: translateX(20px); max-height: 0; pointer-events: none; }
+@keyframes dropi-toast-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
+
+.dropi-toast-item { position: relative; display: flex; align-items: center; border-radius: 8px; background: #ffffff; box-shadow: 0.5px -1px 7px 0px rgba(0,0,0,0.06), 0px 4px 20px 0px rgba(0,0,0,0.12); border-left: 8px solid; overflow: hidden; min-width: 300px; box-sizing: border-box; }
+.dropi-toast-item--success { border-color: var(--Success-Success-500,#34c38f); }
+.dropi-toast-item--error   { border-color: var(--Error-Error-500,#f46a6b); }
+.dropi-toast-item--warn    { border-color: var(--Warning-Warning-500,#f1b44c); }
+.dropi-toast-item--info    { border-color: var(--Info-Info-500,#50a5f1); }
+
+.dropi-toast-content {
   display: flex;
   flex-direction: row;
-  align-items: flex-start;
-  padding: var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));
-  gap: var(--Size-4, 16px);
-}
-
-.lottie-img {
-  width: 50px;
-  height: 50px;
-  flex-shrink: 0;
-  display: flex;
   align-items: center;
-  justify-content: center;
-  position: relative;
+  padding: 16px 16px 16px 8px;
+  gap: 16px;
+  box-sizing: border-box;
+  flex: 1;
 }
 
-.lottie-player-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
+.dropi-toast-lottie {
+  width: 56px;
+  height: 56px;
+  flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
+  overflow: hidden;
 }
 
-lottie-player {
-  width: 100%;
-  height: 100%;
+.dropi-toast-lottie lottie-player {
   display: block;
+  width: 56px;
+  height: 56px;
+  flex-shrink: 0;
 }
 
-.info-container { flex: 1; min-width: 0; align-self: center; display: flex; flex-direction: column; gap: var(--Size-1, 4px); }
-.title { margin: 0; font-size: var(--font-size-l,18px); font-weight: var(--font-weight-bold,700); color: var(--Gray-Gray-700,#32394d); line-height: 1.1; text-align: left; max-width: 250px; }
-.description  { margin: 0; font-size: var(--font-size-s,14px); color: var(--Gray-Gray-500, #69738c); line-height: 1.4; text-align: left; max-width: 250px; }
+.dropi-toast-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--Size-1, 4px); }
+.dropi-toast-title { margin: 0; font-size: var(--font-size-l,18px); font-weight: var(--font-weight-bold,700); color: var(--Gray-Gray-700,#32394d); line-height: 1.1; text-align: left; max-width: 250px; }
+.dropi-toast-detail { margin: 0; font-size: var(--font-size-s,14px); color: var(--Gray-Gray-500,#69738c); line-height: 1.4; text-align: left; max-width: 250px; }
 
-.toast-close { position: absolute; top: 18px; right: 10px; background: none; border: none; cursor: pointer; padding: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
-.toast-close:hover { opacity: 0.7; }
+.dropi-toast-close { position: absolute; top: 18px; right: 10px; background: none; border: none; cursor: pointer; padding: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
+.dropi-toast-close:hover { opacity: 0.7; }

package/dist/collection/components/dropi-toast/dropi-toast.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { LOTTIE_MAP } from "../../utils/lottie-map.generated";
 /**
  * @component dropi-toast
  * Global toast notification stack. Place once in the app root, call show() from JS.
@@ -38,20 +39,16 @@ export class DropiToast {
             this.items = this.items.filter(i => i.msg.id !== id);
         }, 320);
     }
-    lottieMap = {
-        success: '/assets/lottie-files/success.json',
-        error: '/assets/lottie-files/failure.json',
-        warn: '/assets/lottie-files/warning.json',
-        info: '/assets/lottie-files/question.json',
+    severityToLottieKey = {
+        success: 'success',
+        error: 'error',
+        warn: 'warning',
+        info: 'question',
     };
-    getLottieHtml(severity) {
-        return `<lottie-player src="${this.lottieMap[severity]}" background="transparent" speed="1" loop autoplay></lottie-player>`;
-    }
     render() {
-        return (h("div", { key: '962972e53e84a968b538feb28c2588f9051276ff', class: `toast-container toast-container--${this.position}` }, (this.items ?? []).map(item => (h("div", { key: item.msg.id, class: { 'toast-wrapper': true, 'toast-wrapper--leaving': item.leaving } }, h("div", { class: `toast toast--${item.msg.severity}` }, h("div", { class: "toast-content" }, h("div", { class: "lottie-img" }, h("div", { class: "lottie-player-container", innerHTML: this.getLottieHtml(item.msg.severity) })), h("div", { class: "info-container" }, h("p", { class: "title" }, item.msg.summary), item.msg.detail && h("p", { class: "description" }, item.msg.detail))), item.msg.closable && (h("button", { class: "toast-close", onClick: () => this.remove(item.msg.id) }, h("dropi-icon", { name: "Close-small", iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-400" })))))))));
+        return (h("div", { key: 'e7d23323039ed09e5317fc24f86a4e51af14b249', class: `dropi-toast-container dropi-toast-container--${this.position}` }, (this.items ?? []).map(item => (h("div", { key: item.msg.id, class: { 'dropi-toast-wrapper': true, 'dropi-toast-wrapper--leaving': item.leaving } }, h("div", { class: `dropi-toast-item dropi-toast-item--${item.msg.severity}` }, h("div", { class: "dropi-toast-content" }, h("div", { class: "dropi-toast-lottie" }, h("lottie-player", { key: item.msg.severity, src: LOTTIE_MAP[this.severityToLottieKey[item.msg.severity]], background: "transparent", speed: "1", loop: true, autoplay: true })), h("div", { class: "dropi-toast-info" }, h("p", { class: "dropi-toast-title" }, item.msg.summary), item.msg.detail && h("p", { class: "dropi-toast-detail" }, item.msg.detail))), item.msg.closable && (h("button", { class: "dropi-toast-close", onClick: () => this.remove(item.msg.id) }, h("dropi-icon", { name: "Close-small", iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-400" })))))))));
     }
     static get is() { return "dropi-toast"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["dropi-toast.css"]

package/dist/collection/components/dropi-tooltip/dropi-tooltip.css

@@ -1,4 +1,5 @@
 :host {
+button, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }
   display: inline-block;
   position: relative;
 }

package/dist/collection/components/dropi-tooltip/dropi-tooltip.js

@@ -9,7 +9,7 @@ export class DropiTooltip {
     /** Whether the tooltip has an outline style (matches Angular `outlined`) */
     outlined = false;
     render() {
-        return (h("div", { key: '42891ce799b8a62c9b389ee1f76104f69124f5be', class: { 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined } }, h("slot", { key: '2ef06f971f67c995bdf1ce3be6209f2173cca63d' }), this.text && (h("div", { key: '9417b2ca92cd320abe686d1cb71a18ff5cfc09e7', class: "tooltip-simple-bubble" }, this.text))));
+        return (h("div", { key: '0b14943b628c231fbb530620e7829f70e6099c7a', class: { 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined } }, h("slot", { key: 'bf0245c6fab0ba938834d2d3e84ccaa9cb14f5c8' }), this.text && (h("div", { key: 'e1e33acf8628f79b36c5cc66c7076a03ce8167f7', class: "tooltip-simple-bubble" }, this.text))));
     }
     static get is() { return "dropi-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.css

@@ -1,5 +1,6 @@
 :host { display: inline-block; }
 *, *::before, *::after { box-sizing: border-box; }
+button, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }
 
 .tooltip-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; }
 

package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.css

@@ -3,6 +3,7 @@
 }
 
 *, *::before, *::after { box-sizing: border-box; }
+button, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }
 
 .vertical-steps {
   display: flex;

package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.css

@@ -1,4 +1,5 @@
 :host {
+button, input, select, textarea { font-family: var(--font-family-01, 'Inter', sans-serif); }
   display: block;
   width: 100%;
 }

package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.js

@@ -24,7 +24,7 @@ export class DropiYoutubeLazyVideo {
         return `https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`;
     }
     render() {
-        return (h("div", { key: '04b1c8c4c089306ddd94072510066e6687dea8da', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (h("div", { key: '2c5c6a08d986b03bbb3d3f81bc167736518ac201', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, h("img", { key: '7fcf622e553c278b5121ad6361d6a35eb1e7aa5d', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), h("button", { key: 'f99709c40c48f5b94d201ae0b8933152307253ba', class: "play-button", "aria-label": "Reproducir video" }, h("dropi-icon", { key: 'ad31b427514ca7f2fe29deee2bb01e72fee49d35', name: "Play", iconWidth: "17px", iconHeight: "21px", color: "Neutral-White" })))), this.isPlaying && (h("iframe", { key: '98b418bc525fedb92852d6bb67434affad36eb87', src: this.videoUrl, title: this.videoTitle, frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "lazy" }))));
+        return (h("div", { key: '0732bc87e7be10e422e80751a17527132301eb99', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (h("div", { key: '540c46b66da3f67ec45614e0891827b7cc0be4e5', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, h("img", { key: '843241c72688ca88ccd5d9391b542501575ea476', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), h("button", { key: 'b068f79fb6b2140e1419e9d72a24f6e66eaab69d', class: "play-button", "aria-label": "Reproducir video" }, h("dropi-icon", { key: 'b3b6d8b99583fd0a3c2c0d766beeda2459b8b13a', name: "Play", iconWidth: "17px", iconHeight: "21px", color: "Neutral-White" })))), this.isPlaying && (h("iframe", { key: '42172a0c7bb386da9123b411af4ab5ebeb9e205c', src: this.videoUrl, title: this.videoTitle, frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "lazy" }))));
     }
     static get is() { return "dropi-youtube-lazy-video"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-import{t as e,p as o,H as t,h as i}from"./index.js";import{d as c}from"./p-DqAyyLAT.js";const a=o(class extends t{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 i("div",{key:"98de1df9b82f0e4e5e72702b7eaca12c0ed92586",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},i("button",{key:"bd5c3e6ea29feb33e5280908c98929369dc7377e",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":this.open+"",disabled:this.disabled},i("span",{key:"ced161eb1187d50b7eb2002081cd3fc008c9a16f",class:"accordion-header-left"},this.preIcon&&i("dropi-icon",{key:"09a157623f0978153b57e85a79d7beeca3faf9ab",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),i("span",{key:"649617f263370d1314e3145c07a3a29ce5c807b5",class:"accordion-title"},this.sectionTitle)),i("span",{key:"d99e3933a40ffa4b1da8091a8b6d767011f1bf6f",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},i("dropi-icon",{key:"3d12ae988429fea2612c0c32c12cd81a486ad255",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),i("div",{key:"cedff4803c6fa83ae9dc5cb3ce68f48150cdef67",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},i("div",{key:"a37dd42bf39cf08479d847286860e78a1d80a233",class:"accordion-content"},i("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)}.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}"}},[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 n(){"undefined"!=typeof customElements&&["dropi-accordion-item","dropi-icon"].forEach((o=>{switch(o){case"dropi-accordion-item":customElements.get(e(o))||customElements.define(e(o),a);break;case"dropi-icon":customElements.get(e(o))||c()}}))}n();const d=a,s=n;export{d as DropiAccordionItem,s as defineCustomElement}
+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.js

@@ -1 +1 @@
-import{t as e,p as o,H as r,h as a}from"./index.js";const t=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}multiple=!1;render(){return a("div",{key:"c8c70f9c2210e1bc6de7d0933f082a0d1c008837",class:"accordion-container"},a("slot",{key:"9fe1055ed6f5a2fc5c3e8dde47b694ea0acdbcb9"}))}static get style(){return":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}"}},[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),t))}))}i();const n=t,c=i;export{n as DropiAccordion,c as defineCustomElement}
+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.js

@@ -1 +1 @@
-import{t as r,p as e,H as s,h as o}from"./index.js";const a=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?o("div",{class:{"alert-legacy":!0,["alert-legacy--"+this.type]:!0}},o("div",{class:"alert-legacy__content"},o("span",{class:"alert-legacy__message"},this.message)),o("button",{class:"alert-legacy__close",onClick:()=>this.visible=!1},"×")):null}static get style(){return":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}"}},[513,"dropi-alert-legacy",{visible:[1028],message:[1],type:[1],autoClose:[4,"auto-close"]}]);function t(){"undefined"!=typeof customElements&&["dropi-alert-legacy"].forEach((e=>{"dropi-alert-legacy"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))}t();const c=a,l=t;export{c as DropiAlertLegacy,l as defineCustomElement}
+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}