@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

package/dist/components/sui-drawer-header.d.ts

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

package/dist/components/sui-drawer-header.js

@@ -0,0 +1 @@
+import{p as e,H as i,c as s,h as a,d as r,t}from"./p-BwhKFYtu.js";import{a as d}from"./p-0cd0sFVI.js";import{d as l}from"./p-BQAUBvyx.js";import{d as n}from"./p-BQGB46HG.js";import{d as h}from"./p-CmfWN05h.js";import{d as u}from"./p-tfpKWTqB.js";const o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.dismiss=s(this,"dismiss"),this.linkClick=s(this,"linkClick"),this.type="basic",this.size="small",this.heading="",this.description=null,this.icon=null,this.badge=null,this.link=null,this.showDismiss=!0,this.showDivider=!1,this.dismissAriaLabel="Cerrar",this.onDismiss=e=>{e.stopPropagation(),this.dismiss.emit(e.detail)},this.onLink=e=>{e.stopPropagation(),this.linkClick.emit(e.detail)}}componentWillLoad(){this.el.removeAttribute("title")}get badgeNum(){return"number"==typeof this.badge?this.badge:null}get badgeCfg(){const e=this.badge;if(null===e||"number"==typeof e)return null;const i="string"==typeof e?{label:e}:e;return i.label?i:null}render(){var e,i,s,t,l,n;const h="left-icon"===this.type&&!!this.icon,u="large"===this.size||"xlarge"===this.size,o="small"===this.size?d(this.link):null,c=this.badgeNum,p=this.badgeCfg;return a(r,{key:"f47ea200e9f7814b70287ab881512120e59411b4",title:null,"data-sui-type":this.type,"data-sui-size":this.size,"data-sui-divider":this.showDivider?"":void 0},h&&a("div",{key:"0321ca4bbaf3e6e750840856c5a7c87ad9fd38db",class:{"sui-drawer-header__leading":!0,"sui-drawer-header__leading--badge":u},"aria-hidden":"true"},a("sui-icon",{key:"4bb39db3aa084cba058831a9b78922ea722bffb7",name:this.icon,size:24})),a("div",{key:"f3930f57ea7d1a7cb5f7229957d059994ffd54c2",class:"sui-drawer-header__content"},a("div",{key:"6a49f8f1e8d455e79d8f943428e81ae4a2bd6916",class:"sui-drawer-header__title-row"},a("h2",{key:"6f3a6a547fa5b641835b78b5ce1c1100cd0c52d6",class:"sui-drawer-header__title"},this.heading),null!==c?a("span",{class:"sui-drawer-header__badge"},c):p&&a("sui-badge",{class:"sui-drawer-header__std-badge",color:null!==(e=p.color)&&void 0!==e?e:"orange",variant:null!==(i=p.variant)&&void 0!==i?i:"light",size:null!==(s=p.size)&&void 0!==s?s:"small"},p.label)),u&&this.description&&a("p",{key:"09fdee497e141f3ab1c48c5573559ac2f678d7e5",class:"sui-drawer-header__description"},this.description)),o&&a("sui-link-button",{key:"ca6197634dc4ef5bd25e26a6122486b4bec2998c",class:"sui-drawer-header__link",variant:"gray",size:"medium",underline:!0,href:null!==(t=o.href)&&void 0!==t?t:null,target:null!==(l=o.target)&&void 0!==l?l:null,rel:null!==(n=o.rel)&&void 0!==n?n:null,onClicked:this.onLink},o.label),this.showDismiss&&a("sui-compact-button",{key:"26e0ea819c8cb478c3de14273a51641ebd22029c",class:"sui-drawer-header__dismiss",icon:"close-line",variantStyle:"ghost",size:"large",ariaLabel:this.dismissAriaLabel,onClicked:this.onDismiss}),this.showDivider&&a("span",{key:"718486745c47ed8dedc73213db9c9e1b245eb6ba",class:"sui-drawer-header__divider","aria-hidden":"true"}))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-drawer-header-h{position:relative;display:flex;width:100%;box-sizing:border-box;overflow:clip;padding:20px;background:var(--sui-bg-white-0);font-family:var(--sui-font-sans, "Inter", system-ui, sans-serif);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}[data-sui-size=small].sc-sui-drawer-header-h{align-items:center;gap:12px}[data-sui-size=large].sc-sui-drawer-header-h{align-items:flex-start;gap:16px}[data-sui-size=xlarge].sc-sui-drawer-header-h{align-items:flex-start;gap:20px;padding:24px}.sui-drawer-header__leading.sc-sui-drawer-header{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--sui-text-sub-600);width:24px;height:24px}.sui-drawer-header__leading--badge.sc-sui-drawer-header{box-sizing:border-box;width:48px;height:48px;padding:12px;border-radius:var(--sui-radius-full);background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-shadow:var(--sui-regular-shadow-x-small)}[data-sui-size=xlarge].sc-sui-drawer-header-h .sui-drawer-header__leading--badge.sc-sui-drawer-header{width:56px;height:56px;padding:14px}.sui-drawer-header__content.sc-sui-drawer-header{flex:1 0 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}[data-sui-size=small].sc-sui-drawer-header-h .sui-drawer-header__content.sc-sui-drawer-header{gap:0}.sui-drawer-header__title-row.sc-sui-drawer-header{display:flex;align-items:center;gap:8px;width:100%}.sui-drawer-header__title.sc-sui-drawer-header{margin:0;font-size:18px;font-weight:500;line-height:24px;letter-spacing:-0.015em;color:var(--sui-text-strong-950);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-drawer-header__description.sc-sui-drawer-header{margin:0;width:100%;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.006em;color:var(--sui-text-sub-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-sui-size=xlarge].sc-sui-drawer-header-h .sui-drawer-header__title.sc-sui-drawer-header{font-size:20px;line-height:28px}[data-sui-size=xlarge].sc-sui-drawer-header-h .sui-drawer-header__description.sc-sui-drawer-header{font-size:16px;line-height:22px}.sui-drawer-header__std-badge.sc-sui-drawer-header{flex-shrink:0}.sui-drawer-header__badge.sc-sui-drawer-header{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:20px;height:20px;padding:2px;background:var(--sui-state-error-base);color:var(--sui-static-white);border-radius:var(--sui-radius-full);font-size:12px;font-weight:500;line-height:16px}.sui-drawer-header__link.sc-sui-drawer-header{flex-shrink:0;align-self:center}.sui-drawer-header__dismiss.sc-sui-drawer-header{flex-shrink:0}.sui-drawer-header__divider.sc-sui-drawer-header{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--sui-stroke-soft-200)}'}},[2,"sui-drawer-header",{type:[513],size:[513],heading:[1],description:[1],icon:[1],badge:[8],link:[1],showDismiss:[4,"show-dismiss"],showDivider:[516,"show-divider"],dismissAriaLabel:[1,"dismiss-aria-label"]}]),c=o,p=function(){"undefined"!=typeof customElements&&["sui-drawer-header","sui-badge","sui-compact-button","sui-icon","sui-link-button"].forEach((e=>{switch(e){case"sui-drawer-header":customElements.get(t(e))||customElements.define(t(e),o);break;case"sui-badge":customElements.get(t(e))||l();break;case"sui-compact-button":customElements.get(t(e))||n();break;case"sui-icon":customElements.get(t(e))||h();break;case"sui-link-button":customElements.get(t(e))||u()}}))};export{c as SuiDrawerHeader,p as defineCustomElement}

package/dist/components/sui-dropdown-caption.d.ts

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

package/dist/components/sui-dropdown-caption.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as s,d as a,t as i}from"./p-BwhKFYtu.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(a,{key:"3679adf5b1b065f2736f36dce706587f2a00d8d4"},s("span",{key:"f360cf40a9d8ffcbe0f280edd6fda499e6a6ede5",class:"sui-dropdown-caption__text"},s("slot",{key:"05cb28fb2a6a8acd744ccceeffbce5cf4c5d7ff0"})))}static get style(){return'@charset "UTF-8";.sc-sui-dropdown-caption-h{display:flex;align-items:center;padding:8px;background:var(--sui-bg-white-0);width:100%;box-sizing:border-box;overflow:clip}.sui-dropdown-caption__text.sc-sui-dropdown-caption{flex:1 0 0;min-width:0;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-sm-size, 14px);line-height:var(--sui-type-paragraph-sm-line, 20px);letter-spacing:var(--sui-type-paragraph-sm-spacing, -0.006em);font-weight:var(--sui-type-paragraph-sm-weight, 400);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;color:var(--sui-text-soft-400);word-break:break-word}'}},[262,"sui-dropdown-caption"]),r=o,n=function(){"undefined"!=typeof customElements&&["sui-dropdown-caption"].forEach((e=>{"sui-dropdown-caption"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{r as SuiDropdownCaption,n as defineCustomElement}

package/dist/components/sui-dropdown-item.d.ts

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

package/dist/components/sui-dropdown-item.js

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

package/dist/components/sui-dropdown-menu.d.ts

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

package/dist/components/sui-dropdown-menu.js

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

package/dist/components/sui-dropdown-search.d.ts

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

package/dist/components/sui-dropdown-search.js

@@ -0,0 +1 @@
+import{p as s,H as a,c as e,h as i,d as r,t as o}from"./p-BwhKFYtu.js";import{d as t}from"./p-CmfWN05h.js";const d=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.valueChange=e(this,"valueChange"),this.cleared=e(this,"cleared"),this.value="",this.placeholder="Buscar…",this.ariaLabel=null,this.disabled=!1,this.onInput=s=>{this.value=s.target.value,this.valueChange.emit(this.value)},this.onClear=s=>{var a;s.stopPropagation(),this.value="",this.valueChange.emit(""),this.cleared.emit(),null===(a=this.el.querySelector(".sui-dropdown-search__input"))||void 0===a||a.focus()}}get hasValue(){return this.value.length>0}onTouchStart(){}onTouchEnd(s){var a,e;null===(e=null===(a=s.target)||void 0===a?void 0:a.closest(".sui-dropdown-search__clear"))||void 0===e||e.blur()}render(){return i(r,{key:"f5d261267872f238f23f971a8633ade8a4f3c07b","data-sui-has-value":this.hasValue?"":void 0,"data-sui-disabled":this.disabled?"":void 0},i("sui-icon",{key:"18d3b8fbdbec459c72e80b56dddaa41aaa70de91",name:"search-2-line",size:20,class:"sui-dropdown-search__icon"}),i("input",{key:"481395069a8ebfc17436c137e56a2885c877defb",type:"text",class:"sui-dropdown-search__input",value:this.value,placeholder:this.placeholder,"aria-label":this.ariaLabel||this.placeholder,enterkeyhint:"search",disabled:this.disabled,onInput:this.onInput,autocomplete:"off",spellcheck:"false"}),this.hasValue&&i("button",{key:"3bb81a28f3c5450fc4e99d28b21427aa19948de3",type:"button",class:"sui-dropdown-search__clear","aria-label":"Limpiar búsqueda",onClick:this.onClear},i("sui-icon",{key:"a0d482becac8eac6d809335b59a254516991227c",name:"close-line",size:20})))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-dropdown-search-h{display:flex;align-items:center;gap:8px;width:100%;padding:8px;background:var(--sui-bg-white-0, #fff);box-sizing:border-box;overflow:clip;transition:background 100ms ease-out}.sc-sui-dropdown-search-h:hover:not([data-sui-disabled]){background:var(--sui-bg-weak-50, #f7f7f7)}[data-sui-disabled].sc-sui-dropdown-search-h{cursor:not-allowed}.sui-dropdown-search__icon.sc-sui-dropdown-search{flex-shrink:0;color:var(--sui-icon-soft-400, #a3a3a3)}.sc-sui-dropdown-search-h:hover:not([data-sui-disabled]) .sui-dropdown-search__icon.sc-sui-dropdown-search,[data-sui-has-value].sc-sui-dropdown-search-h .sui-dropdown-search__icon.sc-sui-dropdown-search{color:var(--sui-icon-sub-600)}.sui-dropdown-search__input.sc-sui-dropdown-search{flex:1 0 0;min-width:0;margin:0;padding:0;background:transparent;border:0;outline:none;font-family:var(--sui-font-sans, sans-serif);font-size:var(--sui-type-paragraph-sm-size, 14px);line-height:var(--sui-type-paragraph-sm-line, 20px);letter-spacing:var(--sui-type-paragraph-sm-spacing, -0.006em);font-weight:var(--sui-type-paragraph-sm-weight, 400);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;color:var(--sui-text-strong-950, #171717)}@media (max-width: 767px){.sui-dropdown-search__input.sc-sui-dropdown-search{font-size:16px}}.sui-dropdown-search__input.sc-sui-dropdown-search::placeholder{color:var(--sui-text-soft-400, #a3a3a3)}.sui-dropdown-search__input.sc-sui-dropdown-search:disabled{cursor:not-allowed;color:var(--sui-text-disabled-300, #d1d1d1)}.sui-dropdown-search__clear.sc-sui-dropdown-search{appearance:none;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:transparent;color:var(--sui-icon-soft-400, #a3a3a3);cursor:pointer;border-radius:var(--sui-radius-4, 4px);transition:color 100ms}.sui-dropdown-search__clear.sc-sui-dropdown-search:hover{color:var(--sui-icon-strong-950, #171717)}.sui-dropdown-search__clear.sc-sui-dropdown-search:focus-visible{outline:2px solid var(--sui-primary-base, #fa7319);outline-offset:2px}'}},[2,"sui-dropdown-search",{value:[1025],placeholder:[1],ariaLabel:[1,"aria-label"],disabled:[516]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]),n=d,c=function(){"undefined"!=typeof customElements&&["sui-dropdown-search","sui-icon"].forEach((s=>{switch(s){case"sui-dropdown-search":customElements.get(o(s))||customElements.define(o(s),d);break;case"sui-icon":customElements.get(o(s))||t()}}))};export{n as SuiDropdownSearch,c as defineCustomElement}

package/dist/components/sui-emoji.d.ts

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

package/dist/components/sui-emoji.js

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

package/dist/components/sui-empty-state.d.ts

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

package/dist/components/sui-empty-state.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as s,h as i,d as a,t as n}from"./p-BwhKFYtu.js";import{d as l}from"./p-BVOaN0aw.js";import{d as o}from"./p-DT4KsiD_.js";import{d as c}from"./p-CmfWN05h.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.actionClicked=s(this,"actionClicked"),this.emoji=null,this.heading=null,this.subtitle=null,this.action=null,this.size="medium",this.onCtaClick=()=>{this.actionClicked.emit()}}componentWillLoad(){this.el.removeAttribute("title")}get actionCfg(){const t=this.action,e=t?"string"==typeof t?{label:t}:t:null;return(null==e?void 0:e.label)?e:null}renderCta(){var t;const e=this.actionCfg;if(!e)return null;const s=null!==(t=e.route)&&void 0!==t?t:e.href,a=i("sui-button",{variant:"filled",color:"primary",size:this.size,type:"button",onClick:s?void 0:this.onCtaClick},e.label);return s?i("a",{class:"sui-empty-state__action-link",href:s,target:e.target,rel:e.rel},a):a}render(){var t,e,s;const n=(null!==(t=this.emoji)&&void 0!==t?t:"").trim();return i(a,{key:"3c23a612a827b648ce0b71ad285e85cc0faaea7d",role:"status","aria-label":null!==(e=this.heading)&&void 0!==e?e:void 0,"data-sui-size":this.size},i("div",{key:"db2ee966df1d696a204b5176853f35c935dffff3",class:"sui-empty-state__illustration"},i("sui-emoji",{key:"5ecff8af1bf02536d99870f049387090e22ea411",class:"sui-empty-state__emoji",size:"full",src:n||"https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Animals/Fox.png","aria-label":null!==(s=this.heading)&&void 0!==s?s:void 0})),this.heading&&i("h3",{key:"791c8de0b5eed6611703f6eea57fa929732b0b3f",class:"sui-empty-state__title"},this.heading),this.subtitle&&i("p",{key:"dfa4b9e5f85b6527a86d2cb3786ad9d2a2bfd1ff",class:"sui-empty-state__subtitle"},this.subtitle),(this.actionCfg||this.el.querySelector('[slot="action"]'))&&i("div",{key:"187dd91ff1bcbe8cbf153579c787c85b1731a194",class:"sui-empty-state__action"},i("slot",{key:"54b332ff9b89f0e02c94efe73f38ab62899f92aa",name:"action"},this.renderCta())))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-empty-state-h{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;max-width:460px;margin:0 auto;text-align:center;font-family:var(--sui-font-sans, sans-serif)}.sui-empty-state__illustration.sc-sui-empty-state{position:relative;width:120px;height:120px;margin-bottom:24px}.sui-empty-state__emoji.sc-sui-empty-state{display:block;width:120px;height:120px}.sui-empty-state__title.sc-sui-empty-state{margin:0 0 8px;font-size:18px;font-weight:600;line-height:24px;letter-spacing:-0.015em;color:var(--sui-text-strong-950, #171717)}.sui-empty-state__subtitle.sc-sui-empty-state{margin:0 0 24px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.006em;color:var(--sui-text-sub-600, #5c5c5c);max-width:320px}.sui-empty-state__action-link.sc-sui-empty-state{display:inline-flex;text-decoration:none;color:inherit}@media (max-width: 767px){.sc-sui-empty-state-h{padding:32px 20px}}'}},[262,"sui-empty-state",{emoji:[1],heading:[1],subtitle:[1],action:[1],size:[513]}]),m=u,r=function(){"undefined"!=typeof customElements&&["sui-empty-state","sui-button","sui-emoji","sui-icon"].forEach((t=>{switch(t){case"sui-empty-state":customElements.get(n(t))||customElements.define(n(t),u);break;case"sui-button":customElements.get(n(t))||l();break;case"sui-emoji":customElements.get(n(t))||o();break;case"sui-icon":customElements.get(n(t))||c()}}))};export{m as SuiEmptyState,r as defineCustomElement}

package/dist/components/sui-fancy-button.d.ts

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

package/dist/components/sui-fancy-button.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as a,h as i,d as n,t as e}from"./p-BwhKFYtu.js";import{s as u}from"./p-BKJeFTmQ.js";import{s as o}from"./p-CtltTdNy.js";import{d as r}from"./p-CmfWN05h.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.clicked=a(this,"clicked"),this.type="primary",this.size="medium",this.leftIcon=null,this.rightIcon=null,this.disabled=!1,this.href=null,this.target=null,this.rel="noopener noreferrer",this.htmlType="button",this.ariaLabel=null,this.iconSize=20,this.onClick=t=>{if(this.disabled)return t.stopPropagation(),void t.preventDefault();this.clicked.emit(t),this.href&&o(t,this.href)}}get isAnchor(){return!!this.href&&!this.disabled}alTocar(){}alSoltar(t){u(t,".sui-fancy-button__el")}render(){var t,s,a,e,u;const o=[this.leftIcon&&i("sui-icon",{key:"363601fc50a26cfb49bcb38081c478ae5003373c",class:"sui-fancy-button__icon",name:this.leftIcon,size:this.iconSize}),i("span",{key:"b337fd744953403f75a15b715ee5bbd09b7bb708",class:"sui-fancy-button__text-wrap"},i("slot",{key:"83786b290d86c17dca37092742319289afeb6162"})),this.rightIcon&&i("sui-icon",{key:"7429850b7e440ab14ec4a0cff4d36ff263a68d8b",class:"sui-fancy-button__icon",name:this.rightIcon,size:this.iconSize})];return i(n,{key:"447c2b26fa9f3708ddb9e5e7a8ac28823f6bd9d8","data-sui-type":this.type,"data-sui-size":this.size,"data-sui-disabled":this.disabled?"":null},this.isAnchor?i("a",{class:"sui-fancy-button__el",href:null!==(t=this.href)&&void 0!==t?t:void 0,target:null!==(s=this.target)&&void 0!==s?s:void 0,rel:null!==(a=this.rel)&&void 0!==a?a:void 0,"aria-label":null!==(e=this.ariaLabel)&&void 0!==e?e:void 0,onClick:this.onClick},o):i("button",{class:"sui-fancy-button__el",type:this.htmlType,disabled:this.disabled||void 0,"aria-label":null!==(u=this.ariaLabel)&&void 0!==u?u:void 0,onClick:this.onClick},o))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-fancy-button-h{display:inline-flex;vertical-align:middle}.sui-fancy-button__el.sc-sui-fancy-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:0;border:1px solid rgba(255, 255, 255, 0.12);border-radius:var(--sui-radius-10, 10px);color:inherit;text-decoration:none;cursor:pointer;box-sizing:border-box;white-space:nowrap;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:var(--sui-font-sans);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto;font-size:var(--sui-type-label-sm-size, 14px);line-height:var(--sui-type-label-sm-line, 20px);letter-spacing:var(--sui-type-label-sm-spacing, -0.006em);font-weight:var(--sui-type-label-sm-weight, 500);transition:transform var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1))}.sui-fancy-button__el.sc-sui-fancy-button:active:not(:disabled){transform:scale(0.97)}.sui-fancy-button__el.sc-sui-fancy-button:active:not(:disabled),.sui-fancy-button__el.sc-sui-fancy-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-fancy-focus-ring, var(--sui-primary-alpha-10))}.sui-fancy-button__el.sc-sui-fancy-button:disabled{cursor:not-allowed}.sui-fancy-button__icon.sc-sui-fancy-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--sui-icon-size-md, 20px);height:var(--sui-icon-size-md, 20px)}.sui-fancy-button__text-wrap.sc-sui-fancy-button{display:inline-flex;align-items:center;justify-content:center;padding:0 4px;white-space:nowrap}[data-sui-size=medium].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{padding:10px;min-height:40px}[data-sui-size=small].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{padding:8px;min-height:36px}[data-sui-size=xsmall].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{padding:6px;min-height:32px}[data-sui-size=large].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{padding:12px 14px;min-height:48px;font-size:var(--sui-type-label-md-size, 16px);line-height:var(--sui-type-label-md-line, 24px);letter-spacing:var(--sui-type-label-md-spacing, -0.011em)}[data-sui-type=primary].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{color:var(--sui-static-white, #ffffff);background:linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-primary-base);box-shadow:0 0 0 1px var(--sui-primary-base), 0 1px 2px 0 rgba(14, 18, 27, 0.24)}[data-sui-type=primary].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button:hover:not(:disabled){background:linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-primary-base);box-shadow:0 0 0 1px var(--sui-primary-base), 0 1px 2px 0 rgba(14, 18, 27, 0.24)}[data-sui-type=neutral].sc-sui-fancy-button-h,[data-sui-type=basic].sc-sui-fancy-button-h{--sui-fancy-focus-ring:var(--sui-slate-alpha-16)}[data-sui-type=neutral].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{color:var(--sui-text-white-0, #ffffff);background:linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-bg-strong-950, #171717);box-shadow:0 0 0 1px #242628, 0 1px 2px 0 rgba(27, 28, 29, 0.48)}[data-sui-type=neutral].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button:hover:not(:disabled){background:linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-bg-strong-950, #171717);box-shadow:0 0 0 1px #242628, 0 1px 2px 0 rgba(27, 28, 29, 0.48)}[data-sui-type=basic].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{border-color:transparent;color:var(--sui-text-sub-600);background:var(--sui-bg-white-0);box-shadow:0 0 0 1px var(--sui-stroke-soft-200), 0 1px 3px 0 rgba(14, 18, 27, 0.12)}[data-sui-type=basic].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button:hover:not(:disabled){background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950);box-shadow:none}[data-sui-type=destructive].sc-sui-fancy-button-h{--sui-fancy-focus-ring:var(--sui-red-alpha-10)}[data-sui-type=destructive].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button{color:var(--sui-static-white, #ffffff);background:linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-state-error-base);box-shadow:0 0 0 1px var(--sui-state-error-base), 0 1px 2px 0 rgba(14, 18, 27, 0.24)}[data-sui-type=destructive].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button:hover:not(:disabled){background:linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%), var(--sui-state-error-base);box-shadow:0 0 0 1px var(--sui-state-error-base), 0 1px 2px 0 rgba(14, 18, 27, 0.24)}[data-sui-disabled].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button,.sui-fancy-button__el.sc-sui-fancy-button:disabled{background:var(--sui-bg-weak-50);color:var(--sui-text-disabled-300);border-color:transparent;box-shadow:none;cursor:not-allowed}[data-sui-disabled].sc-sui-fancy-button-h .sui-fancy-button__el.sc-sui-fancy-button:hover,.sui-fancy-button__el.sc-sui-fancy-button:disabled:hover{background:var(--sui-bg-weak-50);color:var(--sui-text-disabled-300);box-shadow:none}'}},[262,"sui-fancy-button",{type:[513],size:[513],leftIcon:[1,"left-icon"],rightIcon:[1,"right-icon"],disabled:[516],href:[1],target:[1],rel:[1],htmlType:[1,"html-type"],ariaLabel:[1,"aria-label"]},[[1,"touchstart","alTocar"],[1,"touchend","alSoltar"]]]),b=c,l=function(){"undefined"!=typeof customElements&&["sui-fancy-button","sui-icon"].forEach((t=>{switch(t){case"sui-fancy-button":customElements.get(e(t))||customElements.define(e(t),c);break;case"sui-icon":customElements.get(e(t))||r()}}))};export{b as SuiFancyButton,l as defineCustomElement}

package/dist/components/sui-file-icon.d.ts

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

package/dist/components/sui-file-icon.js

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

package/dist/components/sui-file-upload-card.d.ts

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

package/dist/components/sui-file-upload-card.js

@@ -0,0 +1 @@
+import{p as s,H as a,c as i,h as e,d as r,t}from"./p-BwhKFYtu.js";import{s as l}from"./p-BKJeFTmQ.js";import{d as u}from"./p-Dnup58jv.js";import{d as o}from"./p-CmfWN05h.js";import{d as c}from"./p-tfpKWTqB.js";import{d}from"./p-PzolOrIw.js";const n=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.actionClicked=i(this,"actionClicked"),this.retryClicked=i(this,"retryClicked"),this.file="file.pdf",this.description="0 KB de 120 KB",this.state="in-progress",this.progress=10,this.statusText=null,this.showStatus=!0,this.retryLabel=null,this.cancelLabel=null,this.removeLabel=null,this.progressLabel=null,this.onAction=()=>{this.actionClicked.emit()},this.onRetry=()=>{this.retryClicked.emit()}}get resolvedStatusText(){if(this.statusText)return this.statusText;switch(this.state){case"in-progress":return"Subiendo…";case"success":return"Completado";case"error":return"Falló"}}get statusIconName(){switch(this.state){case"in-progress":return"loader-2-fill";case"success":return"checkbox-circle-fill";case"error":return"error-warning-fill"}}get actionIconName(){return"in-progress"===this.state?"close-line":"delete-bin-line"}get progressPct(){const s=this.progress;return Number.isNaN(s)?0:Math.max(0,Math.min(100,s))}get fileCfg(){var s;const a=this.file||"file.pdf";return"string"==typeof a?{filename:a,extension:""}:{filename:a.filename,extension:null!==(s=a.extension)&&void 0!==s?s:""}}alTocar(){}alSoltar(s){l(s,".sui-file-upload-card__action")}renderStatus(){return this.showStatus?[e("span",{class:"sui-file-upload-card__bullet","aria-hidden":"true"},"∙"),e("span",{class:"sui-file-upload-card__status"},e("sui-icon",{class:"sui-file-upload-card__status-icon",name:this.statusIconName,size:16}),e("span",{class:"sui-file-upload-card__status-text"},this.resolvedStatusText))]:null}render(){var s,a,i,t;const l="error"===this.state,u="in-progress"===this.state,o=this.fileCfg;return e(r,{key:"b4b15c7f25326a5833dead913153395c29bbe187","data-sui-state":this.state},e("div",{key:"55193451377867f0a0601df78721ada0a40c1553",class:"sui-file-upload-card__row"},e("sui-file-icon",{key:"d24d05855026281d1aa404bd840dc1c5cb93b808",class:"sui-file-upload-card__file-icon",size:"medium",filename:o.filename,extension:o.extension}),e("div",{key:"1c9e7a4377c65c9f93df5c91f0728edee1d57e92",class:"sui-file-upload-card__text"},l?[e("div",{class:"sui-file-upload-card__text-status"},e("p",{class:"sui-file-upload-card__label"},o.filename),e("div",{class:"sui-file-upload-card__desc"},e("span",{class:"sui-file-upload-card__desc-text"},this.description),this.renderStatus())),e("sui-link-button",{class:"sui-file-upload-card__retry",variant:"error",size:"medium",underline:!0,onClicked:this.onRetry},null!==(s=this.retryLabel)&&void 0!==s?s:"Reintentar")]:[e("p",{class:"sui-file-upload-card__label"},o.filename),e("div",{class:"sui-file-upload-card__desc"},e("span",{class:"sui-file-upload-card__desc-text"},this.description),this.renderStatus())]),e("button",{key:"05afbd17d8d1958a329f036d16aae44abc254e9b",type:"button",class:"sui-file-upload-card__action","aria-label":u?null!==(a=this.cancelLabel)&&void 0!==a?a:"Cancelar subida":null!==(i=this.removeLabel)&&void 0!==i?i:"Quitar archivo",onClick:this.onAction},e("sui-icon",{key:"e87b85e1699c3a3b26f863e10386036e2ca54267",class:"sui-file-upload-card__action-icon",name:this.actionIconName,size:20}))),u&&e("sui-progress-bar",{key:"0c2fc08cd3cce4aee0e475ea67c9f53afc2fc340",class:"sui-file-upload-card__progress",value:this.progressPct,color:"blue",size:"medium",ariaLabel:null!==(t=this.progressLabel)&&void 0!==t?t:"Progreso de la subida"}))}static get style(){return'@charset "UTF-8";.sc-sui-file-upload-card-h{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:16px;width:100%;padding:16px 16px 16px 14px;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:var(--sui-radius-12, 12px);overflow:clip;box-sizing:border-box;font-family:var(--sui-font-sans, "InterVariable", "Inter", system-ui, sans-serif)}[data-sui-state=error].sc-sui-file-upload-card-h{border-color:var(--sui-state-error-base, #fb3748)}.sui-file-upload-card__row.sc-sui-file-upload-card{display:flex;gap:12px;align-items:flex-start;width:100%}.sui-file-upload-card__file-icon.sc-sui-file-upload-card{flex-shrink:0}.sui-file-upload-card__text.sc-sui-file-upload-card{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;min-width:0;gap:4px}[data-sui-state=error].sc-sui-file-upload-card-h .sui-file-upload-card__text.sc-sui-file-upload-card{gap:8px}.sui-file-upload-card__text-status.sc-sui-file-upload-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.sui-file-upload-card__label.sc-sui-file-upload-card{margin:0;width:100%;font-size:var(--sui-type-label-sm-size, 14px);font-weight:var(--sui-type-label-sm-weight, 500);line-height:var(--sui-type-label-sm-line, 20px);letter-spacing:var(--sui-type-label-sm-spacing, -0.006em);color:var(--sui-text-strong-950, #171717);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;word-break:break-word}.sui-file-upload-card__desc.sc-sui-file-upload-card{display:flex;align-items:center;gap:4px;width:100%;flex-wrap:wrap}.sui-file-upload-card__desc-text.sc-sui-file-upload-card,.sui-file-upload-card__bullet.sc-sui-file-upload-card{font-size:var(--sui-type-paragraph-xs-size, 12px);font-weight:var(--sui-type-paragraph-xs-weight, 400);line-height:var(--sui-type-paragraph-xs-line, 16px);letter-spacing:var(--sui-type-paragraph-xs-spacing, 0);color:var(--sui-text-sub-600, #5c5c5c);white-space:nowrap;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-file-upload-card__status.sc-sui-file-upload-card{display:inline-flex;align-items:center;gap:4px}.sui-file-upload-card__status-icon.sc-sui-file-upload-card{display:inline-flex;width:16px;height:16px;flex-shrink:0}.sui-file-upload-card__status-text.sc-sui-file-upload-card{font-size:var(--sui-type-paragraph-xs-size, 12px);font-weight:var(--sui-type-paragraph-xs-weight, 400);line-height:var(--sui-type-paragraph-xs-line, 16px);letter-spacing:var(--sui-type-paragraph-xs-spacing, 0);color:var(--sui-text-strong-950, #171717);white-space:nowrap;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}[data-sui-state=in-progress].sc-sui-file-upload-card-h .sui-file-upload-card__status-icon.sc-sui-file-upload-card{color:var(--sui-state-information-base, #335cff);animation:sui-fuc-spin 1s linear infinite}[data-sui-state=success].sc-sui-file-upload-card-h .sui-file-upload-card__status-icon.sc-sui-file-upload-card{color:var(--sui-state-success-base, #1fc16b)}[data-sui-state=error].sc-sui-file-upload-card-h .sui-file-upload-card__status-icon.sc-sui-file-upload-card{color:var(--sui-state-error-base, #fb3748)}@keyframes sui-fuc-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){[data-sui-state=in-progress].sc-sui-file-upload-card-h .sui-file-upload-card__status-icon.sc-sui-file-upload-card{animation:none}}.sui-file-upload-card__retry.sc-sui-file-upload-card{flex-shrink:0}.sui-file-upload-card__action.sc-sui-file-upload-card{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;background:transparent;border:0;border-radius:var(--sui-radius-6, 6px);cursor:pointer;color:var(--sui-icon-sub-600, #5c5c5c);overflow:clip;transition:background var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out, ease-out), color var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out, ease-out)}.sui-file-upload-card__action.sc-sui-file-upload-card:hover{background:var(--sui-bg-weak-50, #f7f7f7)}.sui-file-upload-card__action.sc-sui-file-upload-card:active{background:var(--sui-bg-soft-200, #ebebeb)}.sui-file-upload-card__action.sc-sui-file-upload-card:focus-visible{outline:2px solid var(--sui-state-information-base, #335cff);outline-offset:1px}[data-sui-state=error].sc-sui-file-upload-card-h .sui-file-upload-card__action.sc-sui-file-upload-card{color:var(--sui-state-error-base, #fb3748)}[data-sui-state=error].sc-sui-file-upload-card-h .sui-file-upload-card__action.sc-sui-file-upload-card:hover{background:var(--sui-state-error-lighter, #ffebec)}[data-sui-state=error].sc-sui-file-upload-card-h .sui-file-upload-card__action.sc-sui-file-upload-card:active{background:var(--sui-state-error-light, #ffc0c5)}[data-sui-state=error].sc-sui-file-upload-card-h .sui-file-upload-card__action.sc-sui-file-upload-card:focus-visible{outline-color:var(--sui-state-error-base, #fb3748)}.sui-file-upload-card__action-icon.sc-sui-file-upload-card{display:inline-flex;width:20px;height:20px}.sui-file-upload-card__progress.sc-sui-file-upload-card{display:block;width:100%;flex-shrink:0}'}},[2,"sui-file-upload-card",{file:[1],description:[1],state:[513],progress:[2],statusText:[1,"status-text"],showStatus:[4,"show-status"],retryLabel:[1,"retry-label"],cancelLabel:[1,"cancel-label"],removeLabel:[1,"remove-label"],progressLabel:[1,"progress-label"]},[[1,"touchstart","alTocar"],[1,"touchend","alSoltar"]]]),p=n,f=function(){"undefined"!=typeof customElements&&["sui-file-upload-card","sui-file-icon","sui-icon","sui-link-button","sui-progress-bar"].forEach((s=>{switch(s){case"sui-file-upload-card":customElements.get(t(s))||customElements.define(t(s),n);break;case"sui-file-icon":customElements.get(t(s))||u();break;case"sui-icon":customElements.get(t(s))||o();break;case"sui-link-button":customElements.get(t(s))||c();break;case"sui-progress-bar":customElements.get(t(s))||d()}}))};export{p as SuiFileUploadCard,f as defineCustomElement}

package/dist/components/sui-file-upload.d.ts

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

package/dist/components/sui-file-upload.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as e,h as a,d as t,t as r}from"./p-BwhKFYtu.js";import{d as o}from"./p-BVOaN0aw.js";import{d as l}from"./p-CmfWN05h.js";const u=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.filesSelected=e(this,"filesSelected"),this.errorEvent=e(this,"errorEvent"),this.accept="",this.multiple=!1,this.maxSize=0,this.heading=null,this.subtitle=null,this.browseLabel=null,this.disabled=!1,this.error=!1,this.errorMessage=null,this.size="medium",this.dragging=!1,this.internalError=null,this.onBrowseClick=i=>{i.stopPropagation(),this.openPicker()},this.onInputChange=i=>{var s;const e=i.target,a=Array.from(null!==(s=e.files)&&void 0!==s?s:[]);this.processFiles(a),e.value=""}}componentWillLoad(){this.el.removeAttribute("title")}get state(){return this.disabled?"disabled":this.error||this.internalError?"error":this.dragging?"dragover":"default"}get resolvedTitle(){return this.heading?this.heading:this.multiple?"Arrastra y suelta los archivos aquí":"Arrastra y suelta el archivo aquí"}get resolvedSubtitle(){var i;return null!==(i=this.subtitle)&&void 0!==i?i:"o haz clic para seleccionar"}get resolvedErrorMessage(){var i;return null!==(i=this.errorMessage)&&void 0!==i?i:this.internalError}get iconSize(){var i;return null!==(i={small:20,medium:24,large:28,xlarge:32}[this.size])&&void 0!==i?i:24}onHostClick(){this.openPicker()}onDragOver(i){this.disabled||(i.preventDefault(),this.dragging=!0)}onDragLeave(i){i.preventDefault(),this.dragging=!1}onDrop(i){var s,e;if(i.preventDefault(),this.dragging=!1,this.disabled)return;const a=Array.from(null!==(e=null===(s=i.dataTransfer)||void 0===s?void 0:s.files)&&void 0!==e?e:[]);this.processFiles(a)}openPicker(){var i;this.disabled||null===(i=this.inputEl)||void 0===i||i.click()}processFiles(i){if(!i.length)return;const s=this.accept.trim(),e=this.maxSize,a=[];let t=null;for(const r of i)e>0&&r.size>e?t=`"${r.name}" supera el tamaño máximo (${this.formatBytes(e)})`:!s||this.matchesAccept(r,s)?a.push(r):t=`"${r.name}" no es un tipo permitido`;if(t?(this.internalError=t,this.errorEvent.emit(t)):this.internalError=null,a.length){const i=this.multiple?a:a.slice(0,1);this.filesSelected.emit(i)}}matchesAccept(i,s){const e=s.split(",").map((i=>i.trim().toLowerCase())).filter(Boolean),a=i.name.toLowerCase(),t=i.type.toLowerCase();return e.some((i=>i.startsWith(".")?a.endsWith(i):i.endsWith("/*")?t.startsWith(i.slice(0,-1)):t===i))}formatBytes(i){return i<1024?i+" B":i<1048576?(i/1024).toFixed(0)+" KB":(i/1048576).toFixed(1)+" MB"}render(){var i;const s=this.resolvedErrorMessage;return a(t,{key:"956647b791090dd15091eea8b28d8f0a26d40d9f","data-sui-size":this.size,"data-sui-state":this.state,"data-sui-disabled":this.disabled?"":void 0},a("sui-icon",{key:"adb9766d04f1ff2297a4c78c3c0f10adb3203cc1",class:"sui-file-upload__icon",name:"upload-cloud-2-line",size:this.iconSize,"aria-hidden":"true"}),a("div",{key:"679daec7c721e3509c81a7f8d7cfac50f5b1775b",class:"sui-file-upload__text"},a("p",{key:"8813ef59c0a5b0f8010daddcf2ac3d789a6849b6",class:"sui-file-upload__title"},this.resolvedTitle),a("p",{key:"6b51f5f973eac1c3dc69188c29697848318d0b12",class:"sui-file-upload__subtitle"},this.resolvedSubtitle)),a("sui-button",{key:"7d819cff251a1c8baa89b9d0210d387b6c01a585",class:"sui-file-upload__browse",variant:"stroke",color:"neutral",size:"xsmall",disabled:this.disabled,onClick:this.onBrowseClick},null!==(i=this.browseLabel)&&void 0!==i?i:"Buscar archivo"),s&&a("p",{key:"cc4503cd90223e2fa4a22a2a347b5a69b28de43e",class:"sui-file-upload__error"},s),a("input",{key:"6586cb77aca62fa5098f4c9693ca5de6506cfae6",ref:i=>this.inputEl=i,type:"file",class:"sui-file-upload__input",accept:this.accept||void 0,multiple:this.multiple,disabled:this.disabled,onChange:this.onInputChange}))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-file-upload-h{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;box-sizing:border-box;text-align:center;font-family:var(--sui-font-sans, sans-serif);border:1px dashed var(--sui-stroke-sub-300, #d1d1d1);border-radius:var(--sui-radius-12, 12px);background:var(--sui-bg-white-0, #fff);cursor:pointer;transition:border-color var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1)), background var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1))}[data-sui-size=small].sc-sui-file-upload-h{padding:24px;gap:16px}[data-sui-size=medium].sc-sui-file-upload-h{padding:32px}[data-sui-size=large].sc-sui-file-upload-h{padding:40px;gap:24px}[data-sui-size=xlarge].sc-sui-file-upload-h{padding:48px;gap:28px}.sc-sui-file-upload-h:hover:not([data-sui-state=disabled]){background:var(--sui-bg-weak-50, #f7f7f7)}.sc-sui-file-upload-h:has(:focus-visible){outline:none;border-color:var(--sui-stroke-strong-950, #171717);box-shadow:0 0 0 2px var(--sui-bg-white-0, #fff), 0 0 0 4px var(--sui-slate-alpha-16, rgba(153, 160, 174, 0.1607843137))}[data-sui-state=dragover].sc-sui-file-upload-h{border-color:var(--sui-primary-base, #fa7319);background:var(--sui-primary-alpha-10, rgba(250, 115, 25, 0.1019607843))}[data-sui-state=error].sc-sui-file-upload-h{border-color:var(--sui-state-error-base, #fb3748);background:var(--sui-state-error-lighter, #ffebec)}[data-sui-state=disabled].sc-sui-file-upload-h{cursor:not-allowed;opacity:0.5;background:var(--sui-bg-weak-50, #f7f7f7)}.sui-file-upload__icon.sc-sui-file-upload{color:var(--sui-icon-sub-600, #5c5c5c);flex-shrink:0}[data-sui-state=dragover].sc-sui-file-upload-h .sui-file-upload__icon.sc-sui-file-upload{color:var(--sui-primary-base, #fa7319)}[data-sui-state=error].sc-sui-file-upload-h .sui-file-upload__icon.sc-sui-file-upload{color:var(--sui-state-error-base, #fb3748)}.sui-file-upload__text.sc-sui-file-upload{display:flex;flex-direction:column;gap:6px;align-items:center;width:100%}.sui-file-upload__title.sc-sui-file-upload{margin:0;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;color:var(--sui-text-strong-950, #171717);word-break:break-word}.sui-file-upload__subtitle.sc-sui-file-upload{margin:0;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0;color:var(--sui-text-sub-600, #5c5c5c);word-break:break-word}.sui-file-upload__browse.sc-sui-file-upload{flex-shrink:0}.sui-file-upload__browse[data-sui-size=xsmall].sc-sui-file-upload{padding:6px 8px}.sui-file-upload__error.sc-sui-file-upload{margin:-8px 0 0;font-size:12px;font-weight:400;line-height:16px;color:var(--sui-state-error-base, #fb3748)}.sui-file-upload__input.sc-sui-file-upload{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}'}},[2,"sui-file-upload",{accept:[1],multiple:[4],maxSize:[2,"max-size"],heading:[1],subtitle:[1],browseLabel:[1,"browse-label"],disabled:[516],error:[516],errorMessage:[1,"error-message"],size:[513],dragging:[32],internalError:[32]},[[0,"click","onHostClick"],[1,"dragover","onDragOver"],[1,"dragleave","onDragLeave"],[1,"drop","onDrop"]]]),d=u,c=function(){"undefined"!=typeof customElements&&["sui-file-upload","sui-button","sui-icon"].forEach((i=>{switch(i){case"sui-file-upload":customElements.get(r(i))||customElements.define(r(i),u);break;case"sui-button":customElements.get(r(i))||o();break;case"sui-icon":customElements.get(r(i))||l()}}))};export{d as SuiFileUpload,c as defineCustomElement}

package/dist/components/sui-filter-bar.d.ts

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

package/dist/components/sui-filter-bar.js

@@ -0,0 +1 @@
+import{p as e,H as s,h as i,d as t,t as a}from"./p-BwhKFYtu.js";const r=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.variant="table"}render(){return i(t,{key:"acc782c637bf357513a902dece80e9f71402083c","data-sui-variant":this.variant},i("div",{key:"3ec583afa77b8a3a41e889f4ae64ef454147bc80",class:"sui-filter-bar__side sui-filter-bar__side--start"},i("slot",{key:"8166c17a629a13d4dad41eb2c4edfe33decd2128",name:"start"})),i("div",{key:"c04ff2232d3d89075057ac56c7662b108460744b",class:"sui-filter-bar__side sui-filter-bar__side--end"},i("slot",{key:"49a5ff96c0be9067921677e5a31834f4b0c7e7a8",name:"end"})),i("slot",{key:"1e110527b789c82a32caff5c29d0473a06e00073"}))}static get style(){return'@charset "UTF-8";.sc-sui-filter-bar-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;font-family:var(--sui-font-sans, "Inter", system-ui, sans-serif)}.sui-filter-bar__side.sc-sui-filter-bar{display:flex;align-items:center;gap:12px;min-width:0}.sui-filter-bar__side--end.sc-sui-filter-bar{margin-left:auto}@media (max-width: 640px){.sc-sui-filter-bar-h{flex-direction:column;align-items:stretch;gap:12px}.sui-filter-bar__side.sc-sui-filter-bar{width:100%;flex-wrap:wrap}.sui-filter-bar__side--end.sc-sui-filter-bar{margin-left:0}}'}},[262,"sui-filter-bar",{variant:[513]}]),f=r,c=function(){"undefined"!=typeof customElements&&["sui-filter-bar"].forEach((e=>{"sui-filter-bar"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))};export{f as SuiFilterBar,c as defineCustomElement}

package/dist/components/sui-filter-item.d.ts

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

package/dist/components/sui-filter-item.js

@@ -0,0 +1 @@
+import{p as i,H as t,c as e,h as s,d as a,t as r}from"./p-BwhKFYtu.js";import{d as o}from"./p-CmfWN05h.js";const c=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.selected=e(this,"selected"),this.active=!1,this.disabled=!1,this.leftIcon=null,this.activeIcon="arrow-right-s-line",this.onActivate=i=>{if(this.disabled)return i.stopPropagation(),void i.preventDefault();this.selected.emit(i)},this.onKeyDown=i=>{"Enter"===i.key?this.onActivate(i):" "!==i.key&&"Spacebar"!==i.key||(this.onActivate(i),i.preventDefault())}}get state(){return this.active?"active":"default"}onTouchStart(){}onTouchEnd(){this.el.blur()}render(){return s(a,{key:"538d53e868a13e4712b441931bef52f025c5024a","data-sui-state":this.state,"data-sui-disabled":this.disabled?"":void 0,role:"option",tabindex:this.disabled?-1:0,"aria-selected":this.active?"true":"false",onClick:this.onActivate,onKeyDown:this.onKeyDown},this.leftIcon&&s("sui-icon",{key:"b78c0331f938c2ca9ab386aaf4ebc6775d61cd0c",name:this.leftIcon,size:20,class:"sui-filter-item__icon sui-filter-item__icon--left"}),s("span",{key:"a0995a955e82a0e607f9adec0cbb05d92d4c0924",class:"sui-filter-item__label"},s("slot",{key:"75aff36c8801e2755ec1e93805b3f926f757cb84"})),this.active&&s("sui-icon",{key:"30a9179149455e37338d93fa6ef73227c3b2b1f1",name:this.activeIcon,size:20,class:"sui-filter-item__icon sui-filter-item__icon--active"}))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-filter-item-h{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px;border-radius:var(--sui-radius-8, 8px);overflow:hidden;box-sizing:border-box;cursor:pointer;user-select:none;outline:none;-webkit-tap-highlight-color:transparent;background:var(--sui-bg-white-0);color:var(--sui-text-sub-600);font-family:var(--sui-font-sans, "Inter", system-ui, sans-serif);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;transition:background-color 0.15s ease, color 0.15s ease, transform 0.12s ease}.sc-sui-filter-item-h:focus-visible{outline:2px solid var(--sui-primary-base);outline-offset:-2px}.sc-sui-filter-item-h:active:not([data-sui-disabled]){transform:scale(0.99)}[data-sui-state=default].sc-sui-filter-item-h{background:var(--sui-bg-white-0);color:var(--sui-text-sub-600)}[data-sui-state=default].sc-sui-filter-item-h .sui-filter-item__icon--left.sc-sui-filter-item{color:var(--sui-icon-soft-400)}[data-sui-state=default].sc-sui-filter-item-h:hover{background:var(--sui-bg-weak-50)}[data-sui-state=default].sc-sui-filter-item-h:hover .sui-filter-item__icon--left.sc-sui-filter-item{color:var(--sui-icon-sub-600)}[data-sui-state=active].sc-sui-filter-item-h{background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950)}[data-sui-state=active].sc-sui-filter-item-h .sui-filter-item__icon--left.sc-sui-filter-item{color:var(--sui-primary-base)}[data-sui-state=active].sc-sui-filter-item-h .sui-filter-item__icon--active.sc-sui-filter-item{color:var(--sui-icon-soft-400)}[data-sui-disabled].sc-sui-filter-item-h{opacity:0.4;pointer-events:none;cursor:not-allowed}.sui-filter-item__icon.sc-sui-filter-item{display:inline-flex;flex-shrink:0}.sui-filter-item__label.sc-sui-filter-item{flex:1 1 auto;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-filter-item__icon--active.sc-sui-filter-item{margin-left:auto}'}},[262,"sui-filter-item",{active:[516],disabled:[516],leftIcon:[1,"left-icon"],activeIcon:[1,"active-icon"]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]),u=c,l=function(){"undefined"!=typeof customElements&&["sui-filter-item","sui-icon"].forEach((i=>{switch(i){case"sui-filter-item":customElements.get(r(i))||customElements.define(r(i),c);break;case"sui-icon":customElements.get(r(i))||o()}}))};export{u as SuiFilterItem,l as defineCustomElement}

package/dist/components/sui-filter-panel-footer.d.ts

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

package/dist/components/sui-filter-panel-footer.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as s,h as i,d as o,t as r}from"./p-BwhKFYtu.js";import{d as a}from"./p-BVOaN0aw.js";import{d as l}from"./p-CmfWN05h.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.clear=s(this,"clear"),this.apply=s(this,"apply"),this.clearButton=null,this.applyButton=null,this.size="medium"}cfg(t,e){const s=null!=t?t:e;return"string"==typeof s?{label:s}:s}render(){var t,e;const s=this.cfg(this.clearButton,"Limpiar"),r=this.cfg(this.applyButton,"Aplicar");return i(o,{key:"38902296514bcf3b876c66df0b4917823d585bc8"},i("sui-button",{key:"74ac5239ed951af0f4a5f52cc00c0fd3ec1de8c9",class:"sui-filter-panel-footer__btn",variant:"stroke",color:"neutral",size:this.size,disabled:null!==(t=s.disabled)&&void 0!==t&&t,onClick:()=>!s.disabled&&this.clear.emit()},s.label),i("sui-button",{key:"acb27b9f85ba5040fbb565078272136faac3e6a3",class:"sui-filter-panel-footer__btn",variant:"filled",color:"primary",size:this.size,disabled:null!==(e=r.disabled)&&void 0!==e&&e,onClick:()=>!r.disabled&&this.apply.emit()},r.label))}static get style(){return'@charset "UTF-8";.sc-sui-filter-panel-footer-h{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;border-top:1px solid var(--sui-stroke-soft-200);background:var(--sui-bg-white-0);overflow:hidden;box-sizing:border-box}.sui-filter-panel-footer__btn.sc-sui-filter-panel-footer{flex:1 1 0;display:flex !important;justify-content:center}'}},[2,"sui-filter-panel-footer",{clearButton:[1,"clear-button"],applyButton:[1,"apply-button"],size:[513]}]),c=n,u=function(){"undefined"!=typeof customElements&&["sui-filter-panel-footer","sui-button","sui-icon"].forEach((t=>{switch(t){case"sui-filter-panel-footer":customElements.get(r(t))||customElements.define(r(t),n);break;case"sui-button":customElements.get(r(t))||a();break;case"sui-icon":customElements.get(r(t))||l()}}))};export{c as SuiFilterPanelFooter,u as defineCustomElement}

package/dist/components/sui-filter-panel-header.d.ts

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

package/dist/components/sui-filter-panel-header.js

@@ -0,0 +1 @@
+import{p as e,H as s,c as i,h as t,d as a,t as l}from"./p-BwhKFYtu.js";import{d as r}from"./p-CmfWN05h.js";import{d as n}from"./p-tfpKWTqB.js";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.clearClick=i(this,"clearClick"),this.label="",this.leftIcon=null,this.clear=!1}get clearLabel(){const e=this.clear;return!0===e||"true"===e?"Limpiar":"string"==typeof e&&e&&"false"!==e?e:null}componentDidRender(){this.el.removeAttribute("title")}render(){const e=this.clearLabel;return t(a,{key:"d3fac12fffa352e5e2e1bc1c80ad33e5c075660f"},this.leftIcon&&t("sui-icon",{key:"94650516c59705eb6fbcef0ca9f433357b6da122",name:this.leftIcon,size:20,class:"sui-filter-panel-header__icon"}),t("span",{key:"b7aa033e93b380e0fba447e49a475d83123cf1b7",class:"sui-filter-panel-header__label"},this.label),e&&t("sui-link-button",{key:"2c1d1d842de5749294098ee4602a1f040c597eff",class:"sui-filter-panel-header__clear",variant:"gray",size:"small",underline:!0,onClicked:()=>this.clearClick.emit()},e))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-filter-panel-header-h{display:flex;align-items:center;gap:8px;width:100%;padding:16px 20px;border-bottom:1px solid var(--sui-stroke-soft-200);background:var(--sui-bg-white-0);overflow:hidden;box-sizing:border-box;font-family:var(--sui-font-sans, "Inter", system-ui, sans-serif)}.sui-filter-panel-header__icon.sc-sui-filter-panel-header{display:inline-flex;flex-shrink:0;color:var(--sui-icon-sub-600)}.sui-filter-panel-header__label.sc-sui-filter-panel-header{flex:1 1 auto;min-width:0;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;color:var(--sui-text-strong-950);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-filter-panel-header__clear.sc-sui-filter-panel-header{flex-shrink:0;margin-left:auto}'}},[2,"sui-filter-panel-header",{label:[1],leftIcon:[1,"left-icon"],clear:[8]}]),c=o,f=function(){"undefined"!=typeof customElements&&["sui-filter-panel-header","sui-icon","sui-link-button"].forEach((e=>{switch(e){case"sui-filter-panel-header":customElements.get(l(e))||customElements.define(l(e),o);break;case"sui-icon":customElements.get(l(e))||r();break;case"sui-link-button":customElements.get(l(e))||n()}}))};export{c as SuiFilterPanelHeader,f as defineCustomElement}

package/dist/components/sui-flag.d.ts

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

package/dist/components/sui-flag.js

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

package/dist/components/sui-form-hint.d.ts

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

package/dist/components/sui-form-hint.js

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

package/dist/components/sui-form-label.d.ts

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

package/dist/components/sui-form-label.js

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

package/dist/components/sui-icon.d.ts

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

package/dist/components/sui-icon.js

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

package/dist/components/sui-image-upload-profile.d.ts

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

package/dist/components/sui-image-upload-profile.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as t,h as e,d as a,t as l}from"./p-BwhKFYtu.js";import{d as r}from"./p-DsxkTPyc.js";import{d as u}from"./p-BVOaN0aw.js";import{d as o}from"./p-CmfWN05h.js";const n=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.upload=t(this,"upload"),this.remove=t(this,"remove"),this.imageChange=t(this,"imageChange"),this.imageUrl=null,this.companyLogoSrc=null,this.heading=null,this.subtitle=null,this.alignment="vertical",this.type="avatar",this.labels={},this.disabled=!1,this.loading=!1,this.cleared=!1,this.onUpload=()=>{this.isDisabled||this.upload.emit()},this.onRemove=()=>{this.isDisabled||(this.cleared=!0,this.remove.emit())},this.onChange=()=>{this.isDisabled||this.imageChange.emit()}}componentWillLoad(){this.el.removeAttribute("title")}resetCleared(){this.cleared&&(this.cleared=!1)}get resolvedImage(){return this.cleared?null:this.imageUrl||null}get isDisabled(){return this.disabled||this.loading}get state(){return this.resolvedImage||!this.cleared&&this.companyLogoSrc?"uploaded":"empty"}get avatarSrc(){return"company"===this.type&&(this.cleared?null:this.companyLogoSrc)||this.resolvedImage}get avatarSize(){return"horizontal"===this.alignment?"2xl":"3xl"}get placeholderIcon(){return"company"===this.type?"building-skyline":null}get showText(){return"vertical"===this.alignment}get labelsCfg(){var i,s,t,e;const a=null!==(i=this.labels)&&void 0!==i?i:{};return{upload:null!==(s=a.upload)&&void 0!==s?s:"Subir",remove:null!==(t=a.remove)&&void 0!==t?t:"Eliminar",change:null!==(e=a.change)&&void 0!==e?e:"Cambiar"}}render(){var i,s,t,l;const r=this.state,u=this.labelsCfg,o=null!==(i=this.heading)&&void 0!==i?i:"Subir imagen";return e(a,{key:"ea08954d4022b1da2cee904e8a941bf4cabbacc5","data-sui-alignment":this.alignment,"data-sui-type":this.type,"data-sui-state":r,"data-sui-disabled":this.isDisabled?"":void 0,"data-sui-loading":this.loading?"":void 0},e("sui-avatar",{key:"73127581bc106cf25b560496b84bfb1600e6b8d7",class:"sui-iup__avatar",size:this.avatarSize,color:"gray",src:null!==(s=this.avatarSrc)&&void 0!==s?s:void 0,icon:null!==(t=this.placeholderIcon)&&void 0!==t?t:void 0,alt:o}),e("div",{key:"1a95ee33b3be22a37d366dc68138178e987ac8d2",class:"sui-iup__content"},this.showText&&e("div",{key:"052b86c958902fa5b52f9abb150b73e8b3162225",class:"sui-iup__text"},e("span",{key:"d751e2858e1dccd222355589e7523a9feb3fb575",class:"sui-iup__title"},o),e("span",{key:"84c58e819d55ed37c8fc938a001335e7d4029425",class:"sui-iup__subtitle"},null!==(l=this.subtitle)&&void 0!==l?l:"Mín. 400x400px, PNG o JPEG")),"empty"===r?e("div",{class:"sui-iup__actions"},e("sui-button",{variant:"stroke",color:"neutral",size:"xsmall",disabled:this.isDisabled,onClick:this.onUpload},u.upload)):e("div",{class:"sui-iup__actions"},e("sui-button",{variant:"stroke",color:"error",size:"xsmall",disabled:this.isDisabled,onClick:this.onRemove},u.remove),e("sui-button",{variant:"stroke",color:"neutral",size:"xsmall",disabled:this.isDisabled,onClick:this.onChange},u.change))))}get el(){return this}static get watchers(){return{imageUrl:[{resetCleared:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-image-upload-profile-h{display:flex;align-items:flex-start;gap:20px}[data-sui-alignment=horizontal].sc-sui-image-upload-profile-h{align-items:center}[data-sui-disabled].sc-sui-image-upload-profile-h{cursor:not-allowed}[data-sui-disabled].sc-sui-image-upload-profile-h .sui-iup__avatar.sc-sui-image-upload-profile{opacity:0.5}.sui-iup__avatar.sc-sui-image-upload-profile{flex-shrink:0}.sui-iup__content.sc-sui-image-upload-profile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.sui-iup__text.sc-sui-image-upload-profile{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.sui-iup__title.sc-sui-image-upload-profile{font-size:var(--sui-type-label-md-size);font-weight:var(--sui-type-label-md-weight);line-height:var(--sui-type-label-md-line);letter-spacing:var(--sui-type-label-md-spacing);color:var(--sui-text-strong-950);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-iup__subtitle.sc-sui-image-upload-profile{font-size:var(--sui-type-paragraph-sm-size);font-weight:var(--sui-type-paragraph-sm-weight);line-height:var(--sui-type-paragraph-sm-line);letter-spacing:var(--sui-type-paragraph-sm-spacing);color:var(--sui-text-sub-600);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-iup__actions.sc-sui-image-upload-profile{display:flex;flex-direction:row;align-items:center;gap:12px}'}},[2,"sui-image-upload-profile",{imageUrl:[1,"image-url"],companyLogoSrc:[1,"company-logo-src"],heading:[1],subtitle:[1],alignment:[513],type:[513],labels:[16],disabled:[516],loading:[516],cleared:[32]},void 0,{imageUrl:[{resetCleared:0}]}]),c=n,p=function(){"undefined"!=typeof customElements&&["sui-image-upload-profile","sui-avatar","sui-button","sui-icon"].forEach((i=>{switch(i){case"sui-image-upload-profile":customElements.get(l(i))||customElements.define(l(i),n);break;case"sui-avatar":customElements.get(l(i))||r();break;case"sui-button":customElements.get(l(i))||u();break;case"sui-icon":customElements.get(l(i))||o()}}))};export{c as SuiImageUploadProfile,p as defineCustomElement}

package/dist/components/sui-image-upload.d.ts

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

package/dist/components/sui-image-upload.js

@@ -0,0 +1 @@
+import{p as i,H as a,c as e,h as s,d as t,t as o}from"./p-BwhKFYtu.js";import{s as u}from"./p-BKJeFTmQ.js";import{d as l}from"./p-BVOaN0aw.js";import{d as r}from"./p-CmfWN05h.js";const d={sm:80,md:120,lg:160,xl:200},p=["image/jpeg","image/png","image/webp","image/gif","image/heic","image/heif"],n=[".jpg",".jpeg",".png",".webp",".gif",".heic",".heif"],c=[...p,".heic",".heif"].join(","),g=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.srcChange=e(this,"srcChange"),this.imageSelected=e(this,"imageSelected"),this.removed=e(this,"removed"),this.editRequested=e(this,"editRequested"),this.errorEvent=e(this,"errorEvent"),this.fluid=!1,this.shape="circle",this.size="lg",this.src=null,this.maxSize=0,this.heading=null,this.subtitle=null,this.disabled=!1,this.editable=!1,this.dragging=!1,this.internalError=null,this.onChangeClick=i=>{i.stopPropagation(),this.abrirSelector()},this.onEditClick=i=>{i.stopPropagation(),this.disabled||this.editRequested.emit()},this.onRemoveClick=i=>{i.stopPropagation(),this.disabled||(this.src=null,this.srcChange.emit(null),this.internalError=null,this.removed.emit())},this.onInputChange=i=>{var a;const e=i.target,s=null===(a=e.files)||void 0===a?void 0:a[0];s&&this.processFile(s),e.value=""}}componentWillLoad(){this.el.removeAttribute("title")}get hasSrc(){return!!this.src}get conQuitar(){return this.hasSrc&&!this.editable}get sizePx(){return d[this.size]}get state(){return this.disabled?"disabled":this.dragging?"dragover":this.hasSrc?"filled":"empty"}get resolvedTitle(){return this.heading?this.heading:"circle"===this.shape?"Sube tu foto":"Sube tu logo"}get resolvedSubtitle(){if(this.subtitle)return this.subtitle;const i="JPG, PNG, WebP o HEIC";return this.maxSize>0?`${i} — máx ${this.formatBytes(this.maxSize)}`:i}alTocar(){}alSoltar(i){u(i,".sui-image-upload__ctrl, .sui-image-upload__overlay"),this.el.blur()}onHostClick(i){var a,e,s;this.disabled||this.hasSrc||(null===(e=null===(a=null==i?void 0:i.target)||void 0===a?void 0:a.closest)||void 0===e?void 0:e.call(a,".sui-image-upload__input"))||null===(s=this.inputRef)||void 0===s||s.click()}onHostKey(i){"Enter"!==i.key&&" "!==i.key||i.target===this.el&&(i.preventDefault(),i.repeat||this.onHostClick())}onDragOver(i){this.disabled||(i.preventDefault(),this.dragging=!0)}onDragLeave(i){i.preventDefault(),this.dragging=!1}onDrop(i){var a,e;if(i.preventDefault(),this.dragging=!1,this.disabled)return;const s=Array.from(null!==(e=null===(a=i.dataTransfer)||void 0===a?void 0:a.files)&&void 0!==e?e:[]);s.length&&this.processFile(s[0])}async abrirSelector(){var i;this.disabled||null===(i=this.inputRef)||void 0===i||i.click()}fallar(i){this.internalError=i,this.errorEvent.emit(i)}processFile(i){if(!function(i){if(i.type&&p.includes(i.type.toLowerCase()))return!0;const a=i.name.toLowerCase();return n.some((i=>a.endsWith(i)))&&(!i.type||i.type.startsWith("image/"))}(i))return this.fallar("Tipo no soportado. Usa JPG, PNG, WebP, GIF o HEIC.");if(this.maxSize>0&&i.size>this.maxSize)return this.fallar(`Imagen supera el tamaño máximo (${this.formatBytes(this.maxSize)})`);this.internalError=null;const a=new FileReader;a.onload=i=>{var a,e;const s=null!==(e=null===(a=i.target)||void 0===a?void 0:a.result)&&void 0!==e?e:null;this.src=s,this.srcChange.emit(s)},a.readAsDataURL(i),this.imageSelected.emit(i)}formatBytes(i){return i<1024?i+" B":i<1048576?(i/1024).toFixed(0)+" KB":(i/1048576).toFixed(1)+" MB"}render(){var i;const a=this.sizePx+"px",e={};this.fluid||(e.width=a),this.fluid||this.conQuitar||(e.height=a);const o="sm"===this.size?16:20;return s(t,{key:"9e0ddb32a258b9372594b74f56cfe5f807af20b2",role:this.hasSrc?null:"button",tabindex:this.hasSrc?null:this.disabled?"-1":"0","data-sui-shape":this.shape,"data-sui-size":this.size,"data-sui-state":this.state,"data-sui-disabled":this.disabled?"":null,"data-sui-fluid":this.fluid?"":null,style:e},!this.hasSrc&&s("div",{key:"f2cef07eb8565cab41485c5f52ab520892ca1501",class:"sui-image-upload__empty"},s("div",{key:"30e066c68cefca786deb7de81688c052a2c4d978",class:"sui-image-upload__icon"},s("sui-icon",{key:"74e07b1ca3bcedb3e877b8c63bd45f269ffeaee9",name:"image-add-line",size:"xl"===this.size?20:16,"aria-hidden":"true"})),s("div",{key:"d554aff4d801674855b7bdff90f659a6e27d89c5",class:"sui-image-upload__text"},s("p",{key:"e5d6ce41984ff8a6f0f539d0ec45afc4c1da560c",class:"sui-image-upload__title"},this.resolvedTitle),s("p",{key:"381c9a0b196552a99df342aefbd97d95e9e3ca2b",class:"sui-image-upload__subtitle"},this.resolvedSubtitle)),this.internalError&&s("p",{key:"7a9edf9ba4c5f86ae7e1d9cfde3a4eac02b339ce",class:"sui-image-upload__error"},this.internalError)),this.hasSrc&&s("div",{key:"7e0883b9f4a9836e47a9bc5140cc25acb082d668",class:{"sui-image-upload__preview":!0,"sui-image-upload__preview--editable":this.editable},style:!this.fluid&&this.conQuitar?{height:a}:{}},s("img",{key:"e68a7c2e38cb05bb297edff63564f8405196aec1",class:"sui-image-upload__img",src:null!==(i=this.src)&&void 0!==i?i:void 0,alt:"Vista previa",draggable:!1}),this.editable?s("div",{class:"sui-image-upload__controls"},s("button",{type:"button",class:"sui-image-upload__ctrl","aria-label":"Editar imagen",disabled:this.disabled,onClick:this.onEditClick},s("sui-icon",{name:"pencil-line",size:o,"aria-hidden":"true"})),s("button",{type:"button",class:"sui-image-upload__ctrl sui-image-upload__ctrl--danger","aria-label":"Quitar imagen",disabled:this.disabled,onClick:this.onRemoveClick},s("sui-icon",{name:"delete-bin-line",size:o,"aria-hidden":"true"}))):s("button",{type:"button",class:"sui-image-upload__overlay","aria-label":"Cambiar imagen",disabled:this.disabled,onClick:this.onChangeClick},s("span",{class:"sui-image-upload__overlay-icon"},s("sui-icon",{name:"pencil-line",size:16,"aria-hidden":"true"})))),this.conQuitar&&s("sui-button",{key:"39f825f03eaf635d688afbe3638e52a4626fd1fd",class:"sui-image-upload__remove",variant:"stroke",color:"error",size:"xsmall",disabled:this.disabled,onClick:this.onRemoveClick},"Quitar"),s("input",{key:"7760b6ea83ef5179e6b1abebb0fd283a5858b8de",ref:i=>this.inputRef=i,type:"file",class:"sui-image-upload__input",accept:c,disabled:this.disabled,onChange:this.onInputChange}))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-image-upload-h{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--sui-font-sans, sans-serif);cursor:pointer;flex-shrink:0}[data-sui-fluid].sc-sui-image-upload-h{display:block;width:100%}[data-sui-fluid].sc-sui-image-upload-h .sui-image-upload__empty.sc-sui-image-upload{height:auto;min-height:132px;padding:20px 16px}[data-sui-fluid].sc-sui-image-upload-h .sui-image-upload__preview.sc-sui-image-upload{height:auto;max-height:320px}[data-sui-fluid].sc-sui-image-upload-h .sui-image-upload__img.sc-sui-image-upload{height:auto;max-height:320px;object-fit:contain;background:var(--sui-bg-weak-50, #f7f7f7)}[data-sui-fluid].sc-sui-image-upload-h .sui-image-upload__remove.sc-sui-image-upload{margin-top:8px}[data-sui-disabled].sc-sui-image-upload-h{cursor:not-allowed;opacity:0.5}.sui-image-upload__empty.sc-sui-image-upload{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--sui-stroke-soft-200, #ebebeb);background:var(--sui-bg-white-0, #fff);box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(0, 0, 0, 0.06));text-align:center;padding:12px 8px;box-sizing:border-box;transition:border-color var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1)), background var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1))}[data-sui-shape=circle].sc-sui-image-upload-h .sui-image-upload__empty.sc-sui-image-upload{border-radius:999px}[data-sui-shape=rect].sc-sui-image-upload-h .sui-image-upload__empty.sc-sui-image-upload{border-radius:var(--sui-radius-12, 12px)}.sc-sui-image-upload-h:hover:not([data-sui-disabled]) .sui-image-upload__empty.sc-sui-image-upload{border-color:var(--sui-stroke-sub-300, #d1d1d1);background:var(--sui-bg-weak-50, #f7f7f7)}[data-sui-state=dragover].sc-sui-image-upload-h .sui-image-upload__empty.sc-sui-image-upload{border-color:var(--sui-primary-base, #fa7319);background:var(--sui-primary-alpha-10, rgba(250, 115, 25, 0.1019607843))}.sui-image-upload__icon.sc-sui-image-upload{width:32px;height:32px;border-radius:999px;background:var(--sui-bg-weak-50, #f7f7f7);display:flex;align-items:center;justify-content:center;color:var(--sui-icon-sub-600, #5c5c5c);flex-shrink:0}[data-sui-size=xl].sc-sui-image-upload-h .sui-image-upload__icon.sc-sui-image-upload{width:40px;height:40px}[data-sui-state=dragover].sc-sui-image-upload-h .sui-image-upload__icon.sc-sui-image-upload{background:var(--sui-primary-alpha-16, rgba(250, 115, 25, 0.1607843137));color:var(--sui-primary-base, #fa7319)}.sui-image-upload__text.sc-sui-image-upload{display:flex;flex-direction:column;gap:2px;align-items:center}.sui-image-upload__title.sc-sui-image-upload{margin:0;font-size:12px;font-weight:500;line-height:16px;color:var(--sui-text-strong-950, #171717)}[data-sui-size=xl].sc-sui-image-upload-h .sui-image-upload__title.sc-sui-image-upload{font-size:13px;line-height:18px}.sui-image-upload__subtitle.sc-sui-image-upload{margin:0;font-size:11px;font-weight:400;line-height:15px;color:var(--sui-text-sub-600, #5c5c5c)}[data-sui-size=sm].sc-sui-image-upload-h .sui-image-upload__subtitle.sc-sui-image-upload{display:none}[data-sui-size=xl].sc-sui-image-upload-h .sui-image-upload__subtitle.sc-sui-image-upload{font-size:12px;line-height:16px}.sui-image-upload__error.sc-sui-image-upload{margin:2px 0 0;font-size:10px;line-height:14px;color:var(--sui-state-error-base, #fb3748);text-align:center}.sui-image-upload__preview.sc-sui-image-upload{position:relative;width:100%;height:100%;overflow:hidden;box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(0, 0, 0, 0.06));flex-shrink:0}[data-sui-shape=circle].sc-sui-image-upload-h .sui-image-upload__preview.sc-sui-image-upload{border-radius:999px}[data-sui-shape=rect].sc-sui-image-upload-h .sui-image-upload__preview.sc-sui-image-upload{border-radius:var(--sui-radius-12, 12px)}.sui-image-upload__img.sc-sui-image-upload{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none}.sui-image-upload__overlay.sc-sui-image-upload{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1));cursor:pointer;margin:0;padding:0;border:0;min-height:0;border-radius:inherit;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.sc-sui-image-upload-h:hover:not([data-sui-disabled]) .sui-image-upload__overlay.sc-sui-image-upload{opacity:1}.sui-image-upload__overlay.sc-sui-image-upload:focus-visible{opacity:1;outline:2px solid var(--sui-stroke-strong-950, #171717);outline-offset:2px}.sui-image-upload__overlay.sc-sui-image-upload:disabled{cursor:not-allowed}.sui-image-upload__overlay-icon.sc-sui-image-upload{width:32px;height:32px;border-radius:999px;background:rgba(255, 255, 255, 0.2);display:flex;align-items:center;justify-content:center;color:var(--sui-static-white, #fff)}.sui-image-upload__preview--editable.sc-sui-image-upload{cursor:default}.sui-image-upload__controls.sc-sui-image-upload{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:2}[data-sui-shape=circle].sc-sui-image-upload-h .sui-image-upload__controls.sc-sui-image-upload{top:auto;right:auto;left:50%;bottom:20%;transform:translateX(-50%)}.sui-image-upload__ctrl.sc-sui-image-upload{width:40px;height:40px;min-width:0;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:rgba(0, 0, 0, 0.55);color:var(--sui-static-white, #fff);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 150ms ease, transform 120ms ease}.sui-image-upload__ctrl.sc-sui-image-upload:active{transform:scale(0.92)}.sui-image-upload__ctrl.sc-sui-image-upload:disabled{opacity:0.5;cursor:not-allowed}.sui-image-upload__ctrl--danger.sc-sui-image-upload:active{background:var(--sui-state-error-base, #fb3748)}[data-sui-size=sm].sc-sui-image-upload-h .sui-image-upload__controls.sc-sui-image-upload{top:6px;right:6px;gap:4px}[data-sui-size=sm].sc-sui-image-upload-h .sui-image-upload__ctrl.sc-sui-image-upload{width:32px;height:32px}[data-sui-size=sm][data-sui-shape=circle].sc-sui-image-upload-h .sui-image-upload__controls.sc-sui-image-upload{top:auto;right:auto;bottom:22%}.sui-image-upload__remove.sc-sui-image-upload{flex-shrink:0}@media (max-width: 767px){.sui-image-upload__ctrl.sc-sui-image-upload{position:relative}.sui-image-upload__ctrl.sc-sui-image-upload::before{content:"";position:absolute;top:50%;height:44px;left:-3px;right:-3px;transform:translateY(-50%)}[data-sui-size=sm].sc-sui-image-upload-h .sui-image-upload__ctrl.sc-sui-image-upload::before{left:-2px;right:-2px}.sui-image-upload__remove.sc-sui-image-upload{position:relative}.sui-image-upload__remove.sc-sui-image-upload::before{content:"";position:absolute;top:-4px;bottom:-8px;left:-6px;right:-6px}}.sui-image-upload__input.sc-sui-image-upload{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}'}},[2,"sui-image-upload",{fluid:[4],shape:[513],size:[513],src:[1025],maxSize:[2,"max-size"],heading:[1],subtitle:[1],disabled:[516],editable:[4],dragging:[32],internalError:[32],abrirSelector:[64]},[[1,"touchstart","alTocar"],[1,"touchend","alSoltar"],[0,"click","onHostClick"],[0,"keydown","onHostKey"],[1,"dragover","onDragOver"],[1,"dragleave","onDragLeave"],[1,"drop","onDrop"]]]),h=g,m=function(){"undefined"!=typeof customElements&&["sui-image-upload","sui-button","sui-icon"].forEach((i=>{switch(i){case"sui-image-upload":customElements.get(o(i))||customElements.define(o(i),g);break;case"sui-button":customElements.get(o(i))||l();break;case"sui-icon":customElements.get(o(i))||r()}}))};export{h as SuiImageUpload,m as defineCustomElement}

package/dist/components/sui-img-retry.d.ts

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

package/dist/components/sui-img-retry.js

@@ -0,0 +1 @@
+import{p as t,H as e,t as i}from"./p-BwhKFYtu.js";const s=[1e3,3e3,8e3];function n(t){let e=0,i="",n=null;const o=()=>{e=0,t.classList.add("sui-img-loaded"),t.removeAttribute("data-sui-img-dead")},r=async i=>{if(t.src===i){if(e>=2&&"function"==typeof fetch){try{await fetch(i,{mode:"cors",cache:"reload"})}catch(t){}if(t.src!==i)return}t.removeAttribute("src"),t.src=i}},c=()=>{const o=t.src;if(!o)return;if(o!==i&&(e=0,i=o),t.classList.remove("sui-img-loaded"),e>=s.length)return void t.setAttribute("data-sui-img-dead","");const c=s[e++];n&&clearTimeout(n),n=setTimeout((()=>{r(o)}),c)},u=()=>{!t.src||t.complete&&0!==t.naturalWidth||(e=0,r(t.src))};return t.addEventListener("error",c),t.addEventListener("load",o),window.addEventListener("online",u),t.complete&&t.src&&(t.naturalWidth>0?o():c()),()=>{t.removeEventListener("error",c),t.removeEventListener("load",o),window.removeEventListener("online",u),n&&clearTimeout(n)}}const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.detach=null}connectedCallback(){const t=this.el.querySelector("img");t&&!this.detach&&(this.detach=n(t))}disconnectedCallback(){var t;null===(t=this.detach)||void 0===t||t.call(this),this.detach=null}get el(){return this}static get style(){return".sc-sui-img-retry-h{display:contents}"}},[2,"sui-img-retry"]),r=o,c=function(){"undefined"!=typeof customElements&&["sui-img-retry"].forEach((t=>{"sui-img-retry"===t&&(customElements.get(i(t))||customElements.define(i(t),o))}))};export{r as SuiImgRetry,c as defineCustomElement,n as s}

package/dist/components/sui-inline-input.d.ts

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

package/dist/components/sui-inline-input.js

@@ -0,0 +1 @@
+import{p as i,H as n,c as t,h as s,d as e,t as a}from"./p-BwhKFYtu.js";import{s as o}from"./p-BKJeFTmQ.js";import{d as u}from"./p-CmfWN05h.js";const r=i(class extends n{constructor(i){super(),!1!==i&&this.__registerHost(),this.confirm=t(this,"confirm"),this.cancel=t(this,"cancel"),this.edit=t(this,"edit"),this.valueChange=t(this,"valueChange"),this.value="",this.placeholder=null,this.leftIcon="user-3-line",this.error=!1,this.disabled=!1,this.editLabel=null,this.editing=!1,this._draft="",this._focusOnRender=!1,this.onInput=i=>{const n=i.target.value;this.value=n,this.valueChange.emit(n)},this.onKeydown=i=>{"Enter"===i.key?(i.preventDefault(),this.confirmEdit(i)):"Escape"===i.key&&(i.preventDefault(),this.cancelEdit(i))}}componentWillLoad(){this.el.removeAttribute("title")}onDisabledChange(i){i&&this.editing&&(this.editing=!1)}get placeholderTexto(){var i;return null!==(i=this.placeholder)&&void 0!==i?i:"Escribe aquí…"}alTocar(){}alSoltar(i){o(i,".sui-inline-input__action")}get displayText(){return this.value||this.placeholderTexto}get leadingIcon(){const i=this.leftIcon;return i&&"false"!==i?i:null}async enterEdit(){this.doEnterEdit()}doEnterEdit(i){this.disabled||this.editing||(null==i||i.stopPropagation(),this._draft=this.value,this.editing=!0,this.edit.emit(),this._focusOnRender=!0)}confirmEdit(i){this.disabled||(null==i||i.stopPropagation(),this.editing=!1,this.valueChange.emit(this.value),this.confirm.emit(this.value))}cancelEdit(i){this.disabled||(null==i||i.stopPropagation(),this.value=this._draft,this.valueChange.emit(this._draft),this.editing=!1,this.cancel.emit())}componentDidRender(){var i,n;this._focusOnRender&&this._field&&(this._focusOnRender=!1,this._field.focus(),null===(n=(i=this._field).select)||void 0===n||n.call(i))}render(){var i;const n=this.leadingIcon;return s(e,{key:"aa4e3acee5d951f81b2551439aa3223aeb489c94","data-sui-editing":this.editing?"":void 0,"data-sui-error":this.error&&this.editing?"":void 0,"data-sui-disabled":this.disabled?"":void 0,"data-sui-empty":this.value?void 0:"","aria-disabled":this.disabled?"true":void 0},n&&s("sui-icon",{key:"2ec2e85ffabb8b5a2a14609a184d21df823ac7bf",class:"sui-inline-input__leading",name:n,size:20}),this.editing?[s("input",{ref:i=>this._field=i,class:"sui-inline-input__field",type:"text",value:this.value,placeholder:this.placeholderTexto,disabled:this.disabled,onInput:this.onInput,onKeyDown:this.onKeydown}),s("button",{type:"button",class:"sui-inline-input__action sui-inline-input__action--cancel","aria-label":"Cancelar",disabled:this.disabled,onClick:i=>this.cancelEdit(i)},s("sui-icon",{name:"close-line",size:20})),s("button",{type:"button",class:"sui-inline-input__action sui-inline-input__action--confirm","aria-label":"Confirmar",disabled:this.disabled,onClick:i=>this.confirmEdit(i)},s("sui-icon",{name:"check-line",size:20}))]:[s("p",{class:"sui-inline-input__text"},this.displayText),s("button",{type:"button",class:"sui-inline-input__action sui-inline-input__action--edit","aria-label":null!==(i=this.editLabel)&&void 0!==i?i:"Editar",disabled:this.disabled,onClick:i=>this.doEnterEdit(i)},s("sui-icon",{name:"pencil-line",size:20}))])}get el(){return this}static get watchers(){return{disabled:[{onDisabledChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-inline-input-h{position:relative;display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;overflow:hidden;padding:8px 36px 8px 10px;border:1px solid transparent;border-radius:var(--sui-radius-8, 8px);background:transparent;font-family:var(--sui-font-sans, sans-serif);font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.006em;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;color:var(--sui-text-soft-400, #a3a3a3);transition:background 100ms ease-out, border-color 100ms ease-out, box-shadow 100ms ease-out, color 100ms ease-out}.sc-sui-inline-input-h:hover:not([data-sui-editing]):not([data-sui-disabled]){background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-sub-600, #5c5c5c)}.sc-sui-inline-input-h:not([data-sui-empty]):not([data-sui-editing]):not([data-sui-disabled]){color:var(--sui-text-strong-950, #171717)}[data-sui-editing].sc-sui-inline-input-h{padding-right:64px;background:var(--sui-bg-white-0, #fff);border-color:var(--sui-stroke-strong-950, #171717);color:var(--sui-text-strong-950, #171717);box-shadow:0 0 0 2px var(--sui-bg-white-0, #fff), 0 0 0 4px var(--sui-slate-alpha-16, rgba(153, 160, 174, 0.1607843137))}[data-sui-editing][data-sui-error].sc-sui-inline-input-h{border-color:var(--sui-state-error-base, #fb3748);box-shadow:var(--sui-regular-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.031372549))}[data-sui-disabled].sc-sui-inline-input-h{color:var(--sui-text-disabled-300, #d1d1d1);cursor:not-allowed;pointer-events:none;background:transparent}.sui-inline-input__leading.sc-sui-inline-input{flex-shrink:0;color:var(--sui-icon-soft-400, #a3a3a3)}.sc-sui-inline-input-h:hover:not([data-sui-editing]):not([data-sui-disabled]) .sui-inline-input__leading.sc-sui-inline-input{color:var(--sui-icon-sub-600, #5c5c5c)}[data-sui-editing].sc-sui-inline-input-h .sui-inline-input__leading.sc-sui-inline-input{color:var(--sui-icon-strong-950, #171717)}[data-sui-disabled].sc-sui-inline-input-h .sui-inline-input__leading.sc-sui-inline-input{color:var(--sui-icon-disabled-300, #d1d1d1)}.sui-inline-input__text.sc-sui-inline-input{flex:1 1 0;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;font:inherit;letter-spacing:inherit}.sui-inline-input__field.sc-sui-inline-input{flex:1 1 0;min-width:0;margin:0;padding:0;border:none;outline:none;background:transparent;color:var(--sui-text-strong-950, #171717);font-family:inherit;font-size:16px;font-weight:400;line-height:20px;letter-spacing:inherit;font-feature-settings:inherit}@media (min-width: 768px){.sui-inline-input__field.sc-sui-inline-input{font-size:14px}}.sui-inline-input__field.sc-sui-inline-input::placeholder{color:var(--sui-text-soft-400, #a3a3a3)}.sui-inline-input__action.sc-sui-inline-input{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:0;border:none;border-radius:var(--sui-radius-6, 6px);background:transparent;cursor:pointer;color:var(--sui-icon-sub-600, #5c5c5c);-webkit-appearance:none;appearance:none;transition:background 100ms ease-out, color 100ms ease-out}.sui-inline-input__action.sc-sui-inline-input:hover{background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-icon-strong-950, #171717)}.sui-inline-input__action.sc-sui-inline-input:active{background:var(--sui-bg-surface-800, #262626);color:var(--sui-icon-white-0, #fff)}.sui-inline-input__action.sc-sui-inline-input:disabled{color:var(--sui-icon-disabled-300, #d1d1d1);cursor:not-allowed;pointer-events:none;background:transparent}.sui-inline-input__action--edit.sc-sui-inline-input{right:6px}.sui-inline-input__action--confirm.sc-sui-inline-input{right:5px}.sui-inline-input__action--cancel.sc-sui-inline-input{right:33px}'}},[2,"sui-inline-input",{value:[1025],placeholder:[1],leftIcon:[8,"left-icon"],error:[4],disabled:[4],editLabel:[1,"edit-label"],editing:[32],enterEdit:[64]},[[1,"touchstart","alTocar"],[1,"touchend","alSoltar"]],{disabled:[{onDisabledChange:0}]}]),l=r,c=function(){"undefined"!=typeof customElements&&["sui-inline-input","sui-icon"].forEach((i=>{switch(i){case"sui-inline-input":customElements.get(a(i))||customElements.define(a(i),r);break;case"sui-icon":customElements.get(a(i))||u()}}))};export{l as SuiInlineInput,c as defineCustomElement}

package/dist/components/sui-inline-select.d.ts

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