@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

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

@@ -0,0 +1 @@
+import{p as e,H as a,h as s,d as i,t}from"./p-BwhKFYtu.js";const d=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.subtitle=null,this.sticky=!1}componentWillLoad(){const e=this.el.getAttribute("title");null!==e&&(null==this.heading&&(this.heading=e),this.el.removeAttribute("title"))}render(){return s(i,{key:"32802331886364dc8eb7834a5b9bd8d6bf26a035","data-sui-sticky":this.sticky?"":null},s("header",{key:"439dcb294503ca5ab144a4c95e10c4e453024280",class:"sui-page-header"},s("div",{key:"cafea798d31e543475c9f4f957251eabb57d84d0",class:"sui-page-header__text"},s("h1",{key:"c638bebc8a556e9a865a9c9b670fdaafa9eb50ed",class:"sui-page-header__title"},this.heading),this.subtitle&&s("p",{key:"42e2a641f661db8d87e43161f55541519a18a494",class:"sui-page-header__subtitle"},this.subtitle)),s("div",{key:"43fff76683a938feb0800998ca9456c7c4f14fa3",class:"sui-page-header__actions"},s("slot",{key:"90eac3b7bc43881eb8aee8df9b8b09a7c69f4566",name:"actions"}))),s("slot",{key:"e5adf6cf5bd6f9ea2928240610df4a36396eb4e6"}))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-page-header-h{display:block;position:relative;z-index:5}[data-sui-sticky].sc-sui-page-header-h{position:sticky;top:0;background:var(--sui-bg-white-0, #fff)}.sui-page-header.sc-sui-page-header{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:24px 0}@media (min-width: 767px){.sui-page-header.sc-sui-page-header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;padding:32px 0 16px}}.sui-page-header__text.sc-sui-page-header{flex:1 1 auto;min-width:0}.sui-page-header__title.sc-sui-page-header{margin:0;font-family:var(--sui-font-sans);font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-0.012em;color:var(--sui-text-strong-950, #0e121b)}@media (min-width: 767px){.sui-page-header__title.sc-sui-page-header{font-size:28px}}.sui-page-header__subtitle.sc-sui-page-header{margin:4px 0 0;font-family:var(--sui-font-sans);font-size:14px;font-weight:400;line-height:1.4;color:var(--sui-text-sub-600, #525866)}.sui-page-header__actions.sc-sui-page-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.sui-page-header__actions.sc-sui-page-header:empty{display:none}'}},[262,"sui-page-header",{heading:[1025],subtitle:[1],sticky:[516]}]),n=d,c=function(){"undefined"!=typeof customElements&&["sui-page-header"].forEach((e=>{"sui-page-header"===e&&(customElements.get(t(e))||customElements.define(t(e),d))}))};export{n as SuiPageHeader,c as defineCustomElement}

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

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

package/dist/components/sui-pagination.js

@@ -0,0 +1 @@
+import{p as i,H as t,c as a,h as s,d as n,t as e}from"./p-BwhKFYtu.js";import{d as o}from"./p-CGVYRc8F.js";import{d as u}from"./p-Dqbb1Ddy.js";import{d as r}from"./p-CmfWN05h.js";const p=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.pageChange=a(this,"pageChange"),this.pageSizeChange=a(this,"pageSizeChange"),this.total=0,this.pageSize=10,this.currentPage=1,this.siblingCount=1,this.showInfo=!0,this.size="medium",this.type="basic",this.firstLast=!1,this.nextPrevious=!0,this.infoFormat="items",this.pageSizeOptions=[],this.goTo=i=>{i<1||i>this.totalPages||i===this.currentPage||(this.currentPage=i,this.pageChange.emit(i))},this.prev=()=>this.goTo(this.currentPage-1),this.next=()=>this.goTo(this.currentPage+1),this.first=()=>this.goTo(1),this.last=()=>this.goTo(this.totalPages),this.onPageSizeSelected=i=>{const t=i.detail;if(!t)return;const a=Number(t.value);if(Number.isNaN(a)||a===this.pageSize)return;const s=Math.max(1,Math.ceil(this.total/a)),n=this.currentPage>s;this.pageSize=a,this.pageSizeChange.emit(a),n&&(this.currentPage=s,this.pageChange.emit(s))},this.onKeydown=(i,t)=>{null!==t&&("Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.goTo(t)))}}onTouchStart(){}onTouchEnd(i){const t=i.target,a=null==t?void 0:t.closest("button");a&&a.blur()}onPagingInputsChange(){const i=this.totalPages;this.currentPage>i&&(this.currentPage=i)}get totalPages(){return Math.max(1,Math.ceil(this.total/this.pageSize))}get rangeStart(){return(this.currentPage-1)*this.pageSize+1}get rangeEnd(){return Math.min(this.currentPage*this.pageSize,this.total)}get hasPrev(){return this.currentPage>1}get hasNext(){return this.currentPage<this.totalPages}get displayPages(){return function(i,t,a){if(i<=2*a+5)return Array.from({length:i},((i,t)=>t+1));const s=Math.max(t-a,1),n=Math.min(t+a,i),e=s>2,o=n<i-1,u=i;return!e&&o?[...Array.from({length:3+2*a},((i,t)=>t+1)),null,u]:e&&!o?[1,null,...Array.from({length:3+2*a},((t,s)=>i-(3+2*a)+1+s))]:[1,null,...Array.from({length:n-s+1},((i,t)=>s+t)),null,u]}(this.totalPages,this.currentPage,this.siblingCount)}get pageSizeItems(){return this.pageSizeOptions.map((i=>({value:i+"",label:i+" / página"})))}get selectedPageSizeItem(){var i;const t=this.pageSize+"";return null!==(i=this.pageSizeItems.find((i=>i.value===t)))&&void 0!==i?i:null}renderNavButton(i,t,a,n){return s("button",{type:"button",class:{"sui-pagination__btn":!0,"sui-pagination__btn--nav":!0,"sui-pagination__btn--disabled":t},disabled:t,onClick:a,"aria-label":n},s("sui-icon",{name:i,size:20}))}render(){var i,t;const a=this.total,e=this.totalPages,o=this.currentPage,u=this.hasPrev,r=this.hasNext,p=this.pageSizeItems;return s(n,{key:"ab645872644923c8c5bfcae74813a6908b873edf","data-sui-size":this.size,"data-sui-type":this.type},s("div",{key:"a21ebf39efc6018964ee31fbead6b8846234ce75",class:"sui-pagination"},this.showInfo&&a>0&&s("p",{key:"6eeba769782b72244e5677cb401a42c572079faa",class:"sui-pagination__info"},"pages"===this.infoFormat?["Página ",s("strong",null,o)," de ",s("strong",null,e)]:["Mostrando ",s("strong",null,this.rangeStart,"-",this.rangeEnd)," de ",s("strong",null,a)]),s("nav",{key:"694288857642b53ba07ef2150f5b805d702ba7ad",class:"sui-pagination__nav","aria-label":"Paginación"},this.firstLast&&this.renderNavButton("arrow-left-double-line",!u,this.first,"Primera página"),this.nextPrevious&&this.renderNavButton("arrow-left-s-line",!u,this.prev,"Página anterior"),this.displayPages.map((i=>null===i?s("span",{class:"sui-pagination__btn sui-pagination__btn--ellipsis","aria-hidden":"true"},"…"):s("button",{type:"button",class:{"sui-pagination__btn":!0,"sui-pagination__btn--page":!0,"sui-pagination__btn--active":i===o},onClick:()=>this.goTo(i),onKeyDown:t=>this.onKeydown(t,i),"aria-current":i===o?"page":void 0,"aria-label":"Página "+i},i))),this.nextPrevious&&this.renderNavButton("arrow-right-s-line",!r,this.next,"Página siguiente"),this.firstLast&&this.renderNavButton("arrow-right-double-line",!r,this.last,"Última página")),p.length>0&&s("div",{key:"114016c15c4412d76ba464b19d4fc58154bf626e",class:"sui-pagination__advanced"},s("sui-compact-select",{key:"ecb6d76217b656bffc7de93ce44f3c83d8b3cd6d",size:"xsmall",value:null!==(t=null===(i=this.selectedPageSizeItem)||void 0===i?void 0:i.value)&&void 0!==t?t:void 0,items:p,onSelectedChange:this.onPageSizeSelected}))))}get el(){return this}static get watchers(){return{total:[{onPagingInputsChange:0}],pageSize:[{onPagingInputsChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-pagination-h{display:block}.sui-pagination.sc-sui-pagination{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-family:var(--sui-font-sans);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-pagination__info.sc-sui-pagination{margin:0;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)}.sui-pagination__info.sc-sui-pagination strong.sc-sui-pagination{font-weight:500;color:var(--sui-text-strong-950)}.sui-pagination__nav.sc-sui-pagination{display:flex;align-items:center;gap:8px}.sui-pagination__advanced.sc-sui-pagination{display:flex;align-items:center}.sui-pagination__btn.sc-sui-pagination{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid transparent;background:transparent;cursor:pointer;flex-shrink:0;user-select:none;outline:none;transition:background-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out), border-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out), color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out);font-family:var(--sui-font-sans);font-weight:var(--sui-type-label-sm-weight);letter-spacing:var(--sui-type-label-sm-spacing);line-height:1;color:var(--sui-text-sub-600)}.sui-pagination__btn.sc-sui-pagination:focus-visible{box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-primary-alpha-10)}.sc-sui-pagination-h:not([data-sui-type=group]) .sui-pagination__btn--page.sc-sui-pagination:not(.sui-pagination__btn--active),.sc-sui-pagination-h:not([data-sui-type=group]) .sui-pagination__btn--ellipsis.sc-sui-pagination{border-color:var(--sui-stroke-soft-200)}[data-sui-size=medium].sc-sui-pagination-h .sui-pagination__btn.sc-sui-pagination{height:32px;min-width:32px;border-radius:var(--sui-radius-8);padding:6px;font-size:var(--sui-type-label-sm-size)}[data-sui-size=small].sc-sui-pagination-h .sui-pagination__btn.sc-sui-pagination{height:28px;min-width:28px;border-radius:var(--sui-radius-8);padding:4px;font-size:var(--sui-type-label-xs-size)}[data-sui-type=full-radius].sc-sui-pagination-h .sui-pagination__btn--page.sc-sui-pagination,[data-sui-type=full-radius].sc-sui-pagination-h .sui-pagination__btn--ellipsis.sc-sui-pagination{border-radius:var(--sui-radius-full)}.sui-pagination__btn--page.sc-sui-pagination:hover:not(:disabled){background:var(--sui-bg-weak-50)}.sui-pagination__btn--page.sui-pagination__btn--active.sc-sui-pagination{background:var(--sui-bg-weak-50);color:var(--sui-text-sub-600);cursor:default}.sui-pagination__btn--nav.sc-sui-pagination sui-icon.sc-sui-pagination{font-size:20px;line-height:1}.sui-pagination__btn--nav.sc-sui-pagination:hover:not(:disabled){background:var(--sui-bg-weak-50)}.sc-sui-pagination-h:not([data-sui-type=group]) .sui-pagination__btn--page.sc-sui-pagination:not(.sui-pagination__btn--active):hover:not(:disabled){border-color:transparent}.sui-pagination__btn--ellipsis.sc-sui-pagination{background:var(--sui-bg-white-0);color:var(--sui-text-sub-600);cursor:default;pointer-events:none}.sui-pagination__btn--disabled.sc-sui-pagination,.sui-pagination__btn.sc-sui-pagination:disabled{color:var(--sui-text-disabled-300);background:transparent;cursor:not-allowed;pointer-events:none}[data-sui-type=group].sc-sui-pagination-h .sui-pagination__nav.sc-sui-pagination{gap:0;overflow:clip;border-radius:var(--sui-radius-8);isolation:isolate}[data-sui-type=group].sc-sui-pagination-h .sui-pagination__nav.sc-sui-pagination .sui-pagination__btn.sc-sui-pagination{border-color:var(--sui-stroke-soft-200);border-radius:0}[data-sui-type=group].sc-sui-pagination-h .sui-pagination__nav.sc-sui-pagination .sui-pagination__btn.sc-sui-pagination:not(:first-child){margin-left:-1px}[data-sui-type=group].sc-sui-pagination-h .sui-pagination__nav.sc-sui-pagination .sui-pagination__btn.sc-sui-pagination:hover:not(:disabled),[data-sui-type=group].sc-sui-pagination-h .sui-pagination__nav.sc-sui-pagination .sui-pagination__btn.sui-pagination__btn--active.sc-sui-pagination,[data-sui-type=group].sc-sui-pagination-h .sui-pagination__nav.sc-sui-pagination .sui-pagination__btn.sc-sui-pagination:focus-visible{position:relative;z-index:1}[data-sui-type=group].sc-sui-pagination-h .sui-pagination__nav.sc-sui-pagination .sui-pagination__btn--page.sc-sui-pagination{padding-inline:14px}'}},[2,"sui-pagination",{total:[2],pageSize:[1026,"page-size"],currentPage:[1026,"current-page"],siblingCount:[2,"sibling-count"],showInfo:[516,"show-info"],size:[513],type:[513],firstLast:[516,"first-last"],nextPrevious:[516,"next-previous"],infoFormat:[513,"info-format"],pageSizeOptions:[16]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]],{total:[{onPagingInputsChange:0}],pageSize:[{onPagingInputsChange:0}]}]),g=p,c=function(){"undefined"!=typeof customElements&&["sui-pagination","sui-compact-select","sui-flag","sui-icon"].forEach((i=>{switch(i){case"sui-pagination":customElements.get(e(i))||customElements.define(e(i),p);break;case"sui-compact-select":customElements.get(e(i))||o();break;case"sui-flag":customElements.get(e(i))||u();break;case"sui-icon":customElements.get(e(i))||r()}}))};export{g as SuiPagination,c as defineCustomElement}

package/dist/components/sui-password-strength.d.ts

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

package/dist/components/sui-password-strength.js

@@ -0,0 +1 @@
+import{p as s,H as t,c as e,h as r,d as a,t as i}from"./p-BwhKFYtu.js";import{d as n}from"./p-CmfWN05h.js";const o=[{label:"Al menos 1 mayúscula",test:s=>/\p{Lu}/u.test(s)},{label:"Al menos 1 número",test:s=>/\d/.test(s)},{label:"Al menos 8 caracteres",test:s=>s.length>=8}],c={empty:"Sin contraseña",weak:"Contraseña débil",moderate:"Contraseña moderada",strong:"Contraseña fuerte"},d={empty:0,weak:1,moderate:2,strong:3},u=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.strengthChange=e(this,"strengthChange"),this.value="",this.strength=null,this.caption=null,this.conditions=null,this.levelLabels={},this.ariaLabel=null,this.previousStrength=null}get conditionStates(){var s;return(null!==(s=this.conditions)&&void 0!==s?s:o).map((s=>{var t,e;return{label:s.label,met:null!==(t=s.met)&&void 0!==t?t:this.runTest(s.test,null!==(e=this.value)&&void 0!==e?e:"")}}))}resolve(s){if(this.strength)return this.strength;if(!this.value)return"empty";if(!s.length)return"strong";const t=s.filter((s=>s.met)).length;return t===s.length?"strong":t>=s.length/2?"moderate":"weak"}componentWillLoad(){this.previousStrength=this.resolve(this.conditionStates)}componentDidRender(){const s=this.resolve(this.conditionStates);this.previousStrength!==s&&(this.previousStrength=s,this.strengthChange.emit(s))}runTest(s,t){return!!s&&(s instanceof RegExp?RegExp(s.source,s.flags.replace(/[gy]/g,"")).test(t):s(t))}render(){var s,t;const e=this.conditionStates,i=this.resolve(e),n=d[i],o=Object.assign(Object.assign({},c),this.levelLabels)[i],u=null!==(s=this.caption)&&void 0!==s?s:"Debe contener al menos:",l=(s,t)=>r("span",{key:"7bb6c51ef0c7b2d7e19d927205fef22f6c4d152b",class:{"sui-password-strength__bar":!0,["sui-password-strength__bar--"+t]:!0,"sui-password-strength__bar--on":n>=s}});return r(a,{key:"47c567d1296cf0352864291e8015e87b9894b05f","data-sui-strength":i},r("div",{key:"453b12fc575206f69a8898b64922c48c63116471",class:"sui-password-strength__level",role:"progressbar","aria-label":null!==(t=this.ariaLabel)&&void 0!==t?t:"Seguridad de la contraseña","aria-valuemin":"0","aria-valuemax":"3","aria-valuenow":n+"","aria-valuetext":o},l(1,"error"),l(2,"warning"),l(3,"success")),u&&r("p",{key:"77973630f5aee254073deba334b4adb4b5c0e4b4",class:"sui-password-strength__caption"},u),e.length>0&&r("ul",{key:"f558ad14faeafdfb2e7e5961828b34838a743f91",class:"sui-password-strength__conditions"},e.map((s=>r("li",{class:{"sui-password-strength__condition":!0,"sui-password-strength__condition--met":s.met}},r("sui-icon",{class:"sui-password-strength__condition-icon",name:s.met||"empty"===i?"checkbox-circle-fill":"close-circle-fill",size:16,"aria-hidden":"true"}),r("span",{class:"sui-password-strength__condition-label"},s.label))))))}static get style(){return'@charset "UTF-8";.sc-sui-password-strength-h{font-family:var(--sui-font-sans);display:flex;flex-direction:column;gap:8px;padding-top:6px;width:100%;box-sizing:border-box}.sui-password-strength__level.sc-sui-password-strength{display:flex;gap:8px;width:100%}.sui-password-strength__bar.sc-sui-password-strength{flex:1 1 0;min-width:1px;height:4px;border-radius:1.2px;background:var(--sui-bg-soft-200, #ebebeb);transition:background-color var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1))}.sui-password-strength__bar--error.sui-password-strength__bar--on.sc-sui-password-strength{background:var(--sui-state-error-base, #fb3748)}.sui-password-strength__bar--warning.sui-password-strength__bar--on.sc-sui-password-strength{background:var(--sui-state-warning-base, #fa7319)}.sui-password-strength__bar--success.sui-password-strength__bar--on.sc-sui-password-strength{background:var(--sui-state-success-base, #1fc16b)}.sui-password-strength__caption.sc-sui-password-strength{margin:0;color:var(--sui-text-sub-600, #5c5c5c);font-size:12px;font-weight:400;line-height:16px;overflow-wrap:break-word;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-password-strength__conditions.sc-sui-password-strength{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;width:100%}.sui-password-strength__condition.sc-sui-password-strength{display:flex;align-items:center;gap:4px;width:100%}.sui-password-strength__condition-icon.sc-sui-password-strength{flex:none;color:var(--sui-icon-soft-400, #a3a3a3)}.sui-password-strength__condition--met.sc-sui-password-strength .sui-password-strength__condition-icon.sc-sui-password-strength{color:var(--sui-state-success-base, #1fc16b)}.sui-password-strength__condition-label.sc-sui-password-strength{flex:1 1 0;min-width:1px;color:var(--sui-text-sub-600, #5c5c5c);font-size:12px;font-weight:400;line-height:16px;overflow-wrap:break-word;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}@media (prefers-reduced-motion: reduce){.sui-password-strength__bar.sc-sui-password-strength{transition:none}}'}},[2,"sui-password-strength",{value:[1],strength:[1],caption:[1],conditions:[16],levelLabels:[16],ariaLabel:[1,"aria-label"]}]),l=u,h=function(){"undefined"!=typeof customElements&&["sui-password-strength","sui-icon"].forEach((s=>{switch(s){case"sui-password-strength":customElements.get(i(s))||customElements.define(i(s),u);break;case"sui-icon":customElements.get(i(s))||n()}}))};export{o as S,l as SuiPasswordStrength,c as a,h as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as e,H as t,h as i,d as l,t as s}from"./p-BwhKFYtu.js";import{d as n}from"./p-CmfWN05h.js";import{d as a}from"./p-BkbunQvk.js";const r={water:"drop-fill",gas:"fire-fill",electricity:"lightbulb-flash-fill",donate:"hand-heart-fill",internet:"wifi-fill",phone:"cellphone-fill",rent:"home-smile-fill",tax:"file-list-fill"},o={water:"teal",gas:"red",electricity:"yellow",donate:"pink",internet:"blue",phone:"orange",rent:"green",tax:"purple"},c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.size=40,this.ariaLabel=null}componentWillLoad(){this.el.removeAttribute("title")}render(){const e=this.type in r?this.type:"water";return i(l,{key:"64af9c0d101fe43fc3b98ed7b95a638df9fbb975","data-sui-type":this.type,"aria-hidden":this.ariaLabel?null:"true",role:this.ariaLabel?"img":null,"aria-label":this.ariaLabel||null},i("sui-key-icon",{key:"ffbd7b7c9690d2f2e1233307051d08f25e479725",class:"sui-payment-icon__key",name:r[e],styleVariant:"lighter",color:o[e],size:this.size}))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-payment-icon-h{display:inline-flex;flex:0 0 auto;vertical-align:middle;line-height:1}'}},[2,"sui-payment-icon",{type:[513],size:[2],ariaLabel:[1,"aria-label"]}]),u=c,f=function(){"undefined"!=typeof customElements&&["sui-payment-icon","sui-icon","sui-key-icon"].forEach((e=>{switch(e){case"sui-payment-icon":customElements.get(s(e))||customElements.define(s(e),c);break;case"sui-icon":customElements.get(s(e))||n();break;case"sui-key-icon":customElements.get(s(e))||a()}}))};export{u as SuiPaymentIcon,f as defineCustomElement}

package/dist/components/sui-period-range.d.ts

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

package/dist/components/sui-period-range.js

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

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

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

package/dist/components/sui-popover.js

@@ -0,0 +1 @@
+import{p as o,H as s,c as i,h as e,d as t,t as p}from"./p-BwhKFYtu.js";import{s as r}from"./p-BKJeFTmQ.js";import{d as a}from"./p-BVOaN0aw.js";import{d as u}from"./p-BQGB46HG.js";import{d as n}from"./p-CmfWN05h.js";const c=o(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.dismissed=i(this,"dismissed"),this.back=i(this,"back"),this.next=i(this,"next"),this.position="top-left",this.tail=!0,this.icon="user-6-line",this.heading="",this.description=null,this.dismissIcon=!0,this.footer="stretch",this.backLabel="Atrás",this.nextLabel="Siguiente",this.doubleButton=!0,this.step=null,this.size="small",this.closeLabel="Cerrar",this.hasBodySlot=!1}componentWillLoad(){this.hasBodySlot=!!this.el.querySelector('[slot="body"]');const o=this.el.getAttribute("title");null!==o&&(this.heading||(this.heading=o),this.el.removeAttribute("title"))}onTouchStart(){}onTouchEnd(o){r(o,"button")}get stepCfg(){var o;return null!==(o=this.step)&&void 0!==o?o:{current:1,total:4}}get stepperText(){const{current:o,total:s}=this.stepCfg;return`Paso ${o} de ${s}`}get dots(){const{current:o,total:s}=this.stepCfg;return Array.from({length:Math.max(1,s)},((s,i)=>i+1===o))}render(){const o="none"!==this.footer;return e(t,{key:"4e82be3fbec546d43c2d017158a0c672f9ae9c74",role:"dialog","aria-label":this.heading||void 0,"data-sui-position":this.position,"data-sui-footer":this.footer,"data-sui-size":this.size,"data-sui-tail":this.tail?"":null},this.tail&&e("span",{key:"5f34c0c6264e5a4f00e88e407c0bf71b647b7372",class:"sui-popover__tail","aria-hidden":"true"},e("span",{key:"034387b21320ba0e8a41ba6767b8b6ae74144e69",class:"sui-popover__tail-arrow"})),e("div",{key:"3e3972b5efcab311135eecf03b80b8088ab03512",class:"sui-popover__panel"},e("div",{key:"9119211d716f32193d300d1edd2c0bf5d38d36b5",class:"sui-popover__content"},!!this.icon&&e("span",{key:"34264678c6960bd242c09277e51223fce12e3b10",class:"sui-popover__icon-wrap"},e("sui-icon",{key:"9b1708281a5397db3e31d834a513966a2511d660",name:this.icon,size:24})),e("div",{key:"b53ea421cf9efc0a00fc3c2e2b9c4fce4e26bc80",class:"sui-popover__text"},e("slot",{key:"07b80155e51484f58a22546123c200e729b89c73",name:"body"}),!this.hasBodySlot&&[e("p",{key:"4c3ed6a769eee2705890c776110afe5dfa374c6c",class:"sui-popover__title"},this.heading),!!this.description&&e("p",{key:"bb0b6dae80f35a8830d3cc51ff20d77b40ead5ea",class:"sui-popover__description"},this.description)]),this.dismissIcon&&e("sui-compact-button",{key:"2b8e81bc389bc6680c221a8bbcf3369613c0ebe0",class:"sui-popover__dismiss",icon:"close-line",variantStyle:"ghost",size:"large",ariaLabel:this.closeLabel,onClick:()=>this.dismissed.emit()})),o&&e("div",{key:"ea9929e79edfe46816245c8bb1036ff2d46a6e7f",class:"sui-popover__footer"},"text-stepper"===this.footer&&e("span",{key:"10d7763ea1a75688bcec0e4da4239b0b324f1081",class:"sui-popover__step-text"},this.stepperText),"stepper"===this.footer&&e("span",{key:"f3063ce8dc5b3122a060fb253513a509cec506eb",class:"sui-popover__dots",role:"img","aria-label":this.stepperText},this.dots.map((o=>e("span",{class:{"sui-popover__dot":!0,"sui-popover__dot--active":o}})))),e("div",{key:"139eeacb35ff6f7b26eaac4ff46a47beb26ef2a8",class:"sui-popover__actions"},this.doubleButton&&e("sui-button",{key:"a2435908b54834af1a3e05e26039c609544660b4",class:"sui-popover__action sui-popover__action--back",variant:"stroke",color:"neutral",size:this.size,type:"button",onClick:()=>this.back.emit()},this.backLabel),e("sui-button",{key:"61cbe7059539c8ccfcfa27a4406c33f2d7e71e15",class:"sui-popover__action sui-popover__action--next",variant:"filled",color:"primary",size:this.size,type:"button",onClick:()=>this.next.emit()},this.nextLabel)))))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-popover-h{display:inline-flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:320px;position:relative;isolation:isolate;font-family:var(--sui-font-sans)}.sui-popover__panel.sc-sui-popover{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;width:100%;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:var(--sui-radius-16);box-shadow:var(--sui-regular-shadow-medium);overflow:clip;z-index:1}.sui-popover__content.sc-sui-popover{display:flex;flex-direction:column;align-items:flex-start;gap:16px;box-sizing:border-box;width:100%;padding:20px;background:var(--sui-bg-white-0);position:relative;overflow:clip}[data-sui-footer=stretch].sc-sui-popover-h .sui-popover__content.sc-sui-popover,[data-sui-footer=text-stepper].sc-sui-popover-h .sui-popover__content.sc-sui-popover,[data-sui-footer=stepper].sc-sui-popover-h .sui-popover__content.sc-sui-popover{border-bottom:1px solid var(--sui-stroke-soft-200)}.sui-popover__icon-wrap.sc-sui-popover{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:11px;flex-shrink:0;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:var(--sui-radius-full);box-shadow:var(--sui-regular-shadow-x-small);color:var(--sui-icon-sub-600)}.sui-popover__text.sc-sui-popover{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;word-break:break-word}.sui-popover__title.sc-sui-popover{margin:0;width:100%;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-popover__description.sc-sui-popover{margin:0;width:100%;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-popover__dismiss.sc-sui-popover{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:2px;margin:0;border:0;background:transparent;border-radius:var(--sui-radius-6);color:var(--sui-icon-sub-600);cursor:pointer;transition:background var(--sui-motion-duration-fast) var(--sui-motion-ease-out), color var(--sui-motion-duration-fast) var(--sui-motion-ease-out)}.sui-popover__dismiss.sc-sui-popover:hover{background:var(--sui-bg-weak-50);color:var(--sui-icon-strong-950)}.sui-popover__dismiss.sc-sui-popover:focus-visible{outline:2px solid var(--sui-stroke-strong-950);outline-offset:2px}.sui-popover__dismiss.sc-sui-popover:active{background:var(--sui-bg-soft-200)}.sui-popover__footer.sc-sui-popover{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:16px 20px;background:var(--sui-bg-white-0);overflow:clip}[data-sui-footer=text-stepper].sc-sui-popover-h .sui-popover__footer.sc-sui-popover,[data-sui-footer=stepper].sc-sui-popover-h .sui-popover__footer.sc-sui-popover{gap:12px}.sui-popover__step-text.sc-sui-popover{flex-shrink:0;white-space:nowrap;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-popover__dots.sc-sui-popover{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.sui-popover__dot.sc-sui-popover{display:block;width:8px;height:8px;border-radius:var(--sui-radius-full);background:var(--sui-bg-soft-200)}.sui-popover__dot--active.sc-sui-popover{background:var(--sui-primary-base)}.sui-popover__actions.sc-sui-popover{display:flex;flex:1 0 0;min-width:0;align-items:center;gap:12px}[data-sui-footer=text-stepper].sc-sui-popover-h .sui-popover__actions.sc-sui-popover,[data-sui-footer=stepper].sc-sui-popover-h .sui-popover__actions.sc-sui-popover{justify-content:flex-end}[data-sui-footer=stretch].sc-sui-popover-h .sui-popover__action.sc-sui-popover{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}[data-sui-footer=text-stepper].sc-sui-popover-h .sui-popover__action.sc-sui-popover,[data-sui-footer=stepper].sc-sui-popover-h .sui-popover__action.sc-sui-popover{min-width:80px;flex-shrink:0}.sui-popover__tail.sc-sui-popover{display:block;position:absolute;z-index:2;width:16px;height:8px;pointer-events:none;line-height:0}.sui-popover__tail-arrow.sc-sui-popover{position:absolute;width:16px;height:8px;box-sizing:border-box;transform-origin:center;pointer-events:none}.sui-popover__tail-arrow.sc-sui-popover::before{content:"";position:absolute;inset:-1px -1px 0 -1px;background:var(--sui-stroke-soft-200);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.sui-popover__tail-arrow.sc-sui-popover::after{content:"";position:absolute;inset:0;background:var(--sui-bg-white-0);clip-path:polygon(50% 0, 100% 100%, 0 100%)}[data-sui-position^=top].sc-sui-popover-h{flex-direction:column;padding-top:8px}[data-sui-position^=top].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{top:0}[data-sui-position^=top].sc-sui-popover-h .sui-popover__tail-arrow.sc-sui-popover{top:calc(50% + 1px);left:50%;transform:translate(-50%, -50%) rotate(0deg)}[data-sui-position^=bottom].sc-sui-popover-h{flex-direction:column;padding-bottom:8px}[data-sui-position^=bottom].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{bottom:0}[data-sui-position^=bottom].sc-sui-popover-h .sui-popover__tail-arrow.sc-sui-popover{top:calc(50% - 1px);left:50%;transform:translate(-50%, -50%) rotate(180deg)}[data-sui-position^=right].sc-sui-popover-h .sui-popover__tail.sc-sui-popover,[data-sui-position^=left].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{width:8px;height:16px}[data-sui-position^=right].sc-sui-popover-h{flex-direction:row;align-items:flex-start;padding-right:8px}[data-sui-position^=right].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{right:0}[data-sui-position^=right].sc-sui-popover-h .sui-popover__tail-arrow.sc-sui-popover{top:50%;left:calc(50% - 1px);transform:translate(-50%, -50%) rotate(90deg)}[data-sui-position^=left].sc-sui-popover-h{flex-direction:row;align-items:flex-start;padding-left:8px}[data-sui-position^=left].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{left:0}[data-sui-position^=left].sc-sui-popover-h .sui-popover__tail-arrow.sc-sui-popover{top:50%;left:calc(50% + 1px);transform:translate(-50%, -50%) rotate(-90deg)}[data-sui-position=top-left].sc-sui-popover-h .sui-popover__tail.sc-sui-popover,[data-sui-position=bottom-left].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{left:32px}[data-sui-position=top-center].sc-sui-popover-h .sui-popover__tail.sc-sui-popover,[data-sui-position=bottom-center].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{left:50%;margin-left:-8px}[data-sui-position=top-right].sc-sui-popover-h .sui-popover__tail.sc-sui-popover,[data-sui-position=bottom-right].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{right:32px}[data-sui-position=right-top].sc-sui-popover-h .sui-popover__tail.sc-sui-popover,[data-sui-position=left-top].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{top:32px}[data-sui-position=right-center].sc-sui-popover-h .sui-popover__tail.sc-sui-popover,[data-sui-position=left-center].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{top:50%;margin-top:-8px}[data-sui-position=right-bottom].sc-sui-popover-h .sui-popover__tail.sc-sui-popover,[data-sui-position=left-bottom].sc-sui-popover-h .sui-popover__tail.sc-sui-popover{bottom:32px}@media (prefers-reduced-motion: reduce){.sui-popover__dismiss.sc-sui-popover{transition:none}}.sui-popover__dismiss.sc-sui-popover::before{content:"";position:absolute;inset:-8px}'}},[262,"sui-popover",{position:[513],tail:[516],icon:[1],heading:[1025],description:[1],dismissIcon:[516,"dismiss-icon"],footer:[513],backLabel:[1,"back-label"],nextLabel:[1,"next-label"],doubleButton:[4,"double-button"],step:[16],size:[1],closeLabel:[1,"close-label"],hasBodySlot:[32]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]),l=c,v=function(){"undefined"!=typeof customElements&&["sui-popover","sui-button","sui-compact-button","sui-icon"].forEach((o=>{switch(o){case"sui-popover":customElements.get(p(o))||customElements.define(p(o),c);break;case"sui-button":customElements.get(p(o))||a();break;case"sui-compact-button":customElements.get(p(o))||u();break;case"sui-icon":customElements.get(p(o))||n()}}))};export{l as SuiPopover,v as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as t,H as i,c as r,h as s,d as e,t as a}from"./p-BwhKFYtu.js";import{d as c}from"./p-CmfWN05h.js";const o=["var(--sui-state-information-base)","var(--sui-state-warning-base)","var(--sui-state-error-base)","var(--sui-state-success-base)","var(--sui-state-feature-base)","var(--sui-state-highlighted-base)"],d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.openDetail=r(this,"openDetail"),this.add=r(this,"add"),this.increment=r(this,"increment"),this.decrement=r(this,"decrement"),this.edit=r(this,"edit"),this.description="",this.image=null,this.available=!0,this.quantity=0,this.closed=!1,this.currencySymbol="S/",this.fallback=null,this.unavailableLabel="Agotado",this.action="add",this.precioLista=null,this.size="small",this.cargandoImagen=!0,this.cayoAlOriginal=!1,this.imagenLista=()=>{this.cargandoImagen=!1},this.imagenFallo=()=>{var t;!(null===(t=this.imageCfg)||void 0===t?void 0:t.fallbackUrl)||this.cayoAlOriginal?this.cargandoImagen=!1:this.cayoAlOriginal=!0},this.stop=t=>i=>{i.stopPropagation(),t()}}onImageChange(){this.cargandoImagen=!0,this.cayoAlOriginal=!1}onTouchStart(){}onTouchEnd(t){var i,r,s;null===(s=null===(r=null===(i=t.target)||void 0===i?void 0:i.closest)||void 0===r?void 0:r.call(i,"button"))||void 0===s||s.blur()}get imageCfg(){var t,i;const r=this.image;if(!r)return null;const s="string"==typeof r?{url:r}:r;return s.url?{url:s.url,position:null!==(t=s.position)&&void 0!==t?t:50,fallbackUrl:null!==(i=s.fallbackUrl)&&void 0!==i?i:null}:null}get descuento(){var t;const i=this.precioLista,r=null!==(t=this.price)&&void 0!==t?t:0;return null!=i&&i>r?{pct:Math.round(100*(1-r/i)),antes:i.toFixed(2)}:null}get fallbackColor(){var t,i;const r=null===(t=this.fallback)||void 0===t?void 0:t.color;if(r)return r;const s=null!==(i=this.name)&&void 0!==i?i:"";let e=0;for(let t=0;t<s.length;t++)e=31*e+s.charCodeAt(t)|0;return o[Math.abs(e)%o.length]}renderAction(t,i){return"edit"===this.action?s("button",{type:"button",class:"product__add product__add--edit","aria-label":"Editar",onClick:this.stop((()=>this.edit.emit()))},s("sui-icon",{name:"pencil-line",size:t})):this.available?this.quantity>0?s("div",{class:"product__stepper",onClick:t=>t.stopPropagation()},s("button",{type:"button",class:"product__step","aria-label":1===this.quantity?"Quitar del carrito":"Quitar uno",onClick:this.stop((()=>this.decrement.emit()))},s("sui-icon",{name:1===this.quantity?"delete-bin-line":"subtract-line",size:i})),s("span",{class:"product__step-qty"},this.quantity),s("button",{type:"button",class:"product__step","aria-label":"Agregar uno",disabled:this.closed,onClick:this.stop((()=>this.increment.emit()))},s("sui-icon",{name:"add-line",size:i}))):s("button",{type:"button",class:"product__add","aria-label":"Agregar al carrito",disabled:this.closed,onClick:this.stop((()=>this.add.emit()))},s("sui-icon",{name:"add-line",size:t})):null}render(){var t,i,r;const a=this.imageCfg,c=null!==(i=null===(t=this.fallback)||void 0===t?void 0:t.variant)&&void 0!==i?i:"name",o=!a&&"name"===c,d=!a&&"icon"===c,u=a?this.cayoAlOriginal&&a.fallbackUrl?a.fallbackUrl:a.url:null,n=this.descuento,p=(null!==(r=this.price)&&void 0!==r?r:0).toFixed(2),l="small"===this.size?18:20,h="small"===this.size?16:20;return s(e,{key:"1fa1bc338b896136ba877dac03bcb6ad03c19f50","data-sui-size":this.size},s("div",{key:"21b571a1e6c79c68d7cd4097839eff19aacf43c6",class:{product:!0,"product--unavailable":!this.available,"product--edit":"edit"===this.action},onClick:()=>this.openDetail.emit()},s("button",{key:"64d4d7553f2c6e7c408a172d5c2acd6defdb02e3",type:"button",class:"product__hit","aria-label":this.name}),s("div",{key:"99a676d49b7a330b9e3e2ae97e1e9ef8b082ce49",class:{product__img:!0,"product__img--icon":d,"product__img--named":o,"product__img--cargando":!!a&&this.cargandoImagen},style:o?{"--fallback-color":this.fallbackColor}:void 0},a?s("img",{src:u,alt:this.name,loading:"lazy",decoding:"async",style:{objectPosition:`center ${a.position}%`},onLoad:this.imagenLista,onError:this.imagenFallo}):o?s("div",{class:"product__band"},s("span",{class:"product__band-name"},this.name)):s("sui-icon",{class:"product__icon",name:"image-line",size:32}),!this.available&&s("span",{key:"fc41da4480987afda1c132924615e6a41e058805",class:"product__tag product__tag--unavail"},this.unavailableLabel)),s("div",{key:"9fced4b6205d94de1aac4a09344dd0de05d81d5c",class:"product__body"},s("h3",{key:"e16e87a9f556318fff8feb5c630262eda634fb71",class:"product__name"},this.name),this.description&&s("p",{key:"ff0ad3aa74b7a334ce26cbe20741ec233474513f",class:"product__desc"},this.description),s("div",{key:"d02f155b809b0bd58c5dfa63e3c3916384c8ec40",class:"product__footer"},n?s("div",{class:"product__prices"},s("span",{class:"product__price product__price--oferta"},this.currencySymbol," ",p),s("span",{class:"product__pct"},"-",n.pct,"%"),s("s",{class:"product__price-was"},this.currencySymbol," ",n.antes)):s("span",{class:"product__price"},this.currencySymbol," ",p),this.renderAction(l,h)))))}get el(){return this}static get watchers(){return{image:[{onImageChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-product-card-h{font-family:var(--sui-font-sans);display:block;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 300px}@media print{.sc-sui-product-card-h{content-visibility:visible}}.product.sc-sui-product-card{position:relative;box-sizing:border-box;width:100%;height:100%;min-width:0;background:var(--sui-bg-white-0, #fff);border-radius:16px;overflow:hidden;cursor:pointer;text-align:left;font-family:inherit;color:inherit;display:flex;flex-direction:column;border:1px solid var(--sui-stroke-soft-200, #ebebeb);padding:0;transition:transform 150ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.16, 1, 0.3, 1)}.product.sc-sui-product-card:active{box-shadow:var(--sui-shadow-x-small, 0 1px 2px rgba(0, 0, 0, 0.06))}@media (hover: hover) and (pointer: fine){.product.sc-sui-product-card:active{transform:scale(0.98)}}.product--unavailable.sc-sui-product-card{opacity:0.55;cursor:not-allowed}.product--unavailable.sc-sui-product-card .product__img.sc-sui-product-card{filter:grayscale(0.55)}.product--edit.sc-sui-product-card{cursor:pointer}.product.sc-sui-product-card:has(.product__hit:focus-visible){outline:2px solid var(--sui-primary-base, #fa7319);outline-offset:2px}.product__hit.sc-sui-product-card{position:absolute;inset:0;z-index:1;margin:0;padding:0;border:none;border-radius:inherit;background:transparent;cursor:inherit;-webkit-tap-highlight-color:transparent}.product__hit.sc-sui-product-card:focus{outline:none}.product__img.sc-sui-product-card{width:100%;aspect-ratio:1/1;background-color:var(--sui-bg-soft-200, #e5e7eb);background-size:cover;background-position:center;position:relative;overflow:hidden}.product__img.sc-sui-product-card img.sc-sui-product-card{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product__img--cargando.sc-sui-product-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--sui-static-white) 55%, transparent) 50%, transparent 100%);animation:sui-product-shimmer 1.3s ease-in-out infinite}.product__img--icon.sc-sui-product-card{background:linear-gradient(135deg, var(--sui-orange-400) 0%, var(--sui-primary-base) 100%);display:flex;align-items:center;justify-content:center}.product__img--named.sc-sui-product-card{background:var(--sui-bg-soft-200, #e5e7eb);display:flex;align-items:center;justify-content:center}.product__icon.sc-sui-product-card{color:color-mix(in srgb, var(--sui-static-white, #fff) 70%, transparent)}.product__band.sc-sui-product-card{width:100%;height:100%;background:var(--fallback-color, var(--sui-neutral-400));display:flex;align-items:center;justify-content:center;padding:14px 16px}.product__band-name.sc-sui-product-card{color:var(--sui-static-white, #fff);font-weight:800;font-size:15px;line-height:1.15;letter-spacing:-0.01em;text-align:center;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.product__tag.sc-sui-product-card{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb, var(--sui-static-white) 92%, transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:10px;font-weight:600;color:var(--sui-primary-base);text-transform:uppercase;letter-spacing:0.05em}.product__tag--unavail.sc-sui-product-card{color:var(--sui-slate-500);background:color-mix(in srgb, var(--sui-static-white) 95%, transparent)}.product__body.sc-sui-product-card{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.product__name.sc-sui-product-card{font-size:13.5px;font-weight:600;letter-spacing:-0.01em;color:var(--sui-text-strong-950);line-height:1.2;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product__desc.sc-sui-product-card{font-size:11px;color:var(--sui-text-sub-600);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0}.product__footer.sc-sui-product-card{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:6px}.product__price.sc-sui-product-card{font-size:14px;font-weight:700;letter-spacing:-0.01em;color:var(--sui-text-strong-950)}.product__add.sc-sui-product-card{position:relative;z-index:2;width:36px;height:36px;border-radius:50%;background:var(--sui-text-strong-950);color:var(--sui-bg-white-0, #fff);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform 150ms cubic-bezier(0.16, 1, 0.3, 1), opacity 150ms cubic-bezier(0.16, 1, 0.3, 1)}.product__add.sc-sui-product-card:active{transform:scale(0.94)}.product__add.sc-sui-product-card:disabled{opacity:0.4;cursor:not-allowed}.product__stepper.sc-sui-product-card{position:relative;z-index:2;display:inline-flex;align-items:center;height:36px;border-radius:18px;background:var(--sui-text-strong-950);flex-shrink:0;overflow:hidden}.product__step.sc-sui-product-card{width:34px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--sui-bg-white-0, #fff);cursor:pointer;flex-shrink:0;transition:transform 150ms cubic-bezier(0.16, 1, 0.3, 1)}.product__step.sc-sui-product-card:active{transform:scale(0.88)}.product__step.sc-sui-product-card:disabled{opacity:0.4;cursor:not-allowed}.product__step-qty.sc-sui-product-card{min-width:18px;text-align:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--sui-bg-white-0, #fff);user-select:none}.product__prices.sc-sui-product-card{flex:1 1 0;display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;line-height:1.15}.product__price--oferta.sc-sui-product-card{white-space:nowrap;color:var(--sui-red-700, #d02533)}[data-theme=dark].sc-sui-product-card-h .product__price--oferta.sc-sui-product-card,[data-theme=dark] .sc-sui-product-card-h .product__price--oferta.sc-sui-product-card{white-space:nowrap;color:var(--sui-red-400, #ff6875)}.product__pct.sc-sui-product-card{padding:2px 5px;border-radius:4px;background:var(--sui-red-700, #d02533);color:var(--sui-static-white, #fff);font-size:11px;font-weight:600;line-height:12px;letter-spacing:0.02em;white-space:nowrap}.product__price-was.sc-sui-product-card{flex-basis:100%;font-size:12px;font-weight:400;line-height:16px;color:var(--sui-text-sub-600, #5c5c5c);white-space:nowrap}[data-sui-size=medium].sc-sui-product-card-h .product__footer.sc-sui-product-card{flex-wrap:wrap;row-gap:8px}[data-sui-size=medium].sc-sui-product-card-h .product__price.sc-sui-product-card{white-space:nowrap}[data-sui-size=medium].sc-sui-product-card-h .product__add.sc-sui-product-card{width:40px;height:40px;margin-left:auto}[data-sui-size=medium].sc-sui-product-card-h .product__stepper.sc-sui-product-card{height:40px;border-radius:20px;margin-left:auto}[data-sui-size=medium].sc-sui-product-card-h .product__step.sc-sui-product-card{width:40px;height:40px}[data-sui-size=medium].sc-sui-product-card-h .product__step-qty.sc-sui-product-card{min-width:24px;font-size:16px}[data-sui-size=large].sc-sui-product-card-h .product__footer.sc-sui-product-card{flex-wrap:wrap;row-gap:8px}[data-sui-size=large].sc-sui-product-card-h .product__price.sc-sui-product-card{white-space:nowrap}[data-sui-size=large].sc-sui-product-card-h .product__add.sc-sui-product-card{width:44px;height:44px;margin-left:auto}[data-sui-size=large].sc-sui-product-card-h .product__stepper.sc-sui-product-card{height:44px;border-radius:22px;margin-left:auto}[data-sui-size=large].sc-sui-product-card-h .product__step.sc-sui-product-card{width:44px;height:44px}[data-sui-size=large].sc-sui-product-card-h .product__step-qty.sc-sui-product-card{min-width:24px;font-size:16px}@keyframes sui-product-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion: reduce){.product__img--cargando.sc-sui-product-card::after{animation:none}}'}},[2,"sui-product-card",{name:[1],description:[1],price:[2],image:[1],available:[4],quantity:[2],closed:[4],currencySymbol:[1,"currency-symbol"],fallback:[16],unavailableLabel:[1,"unavailable-label"],action:[1],precioLista:[2,"precio-lista"],size:[513],cargandoImagen:[32],cayoAlOriginal:[32]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]],{image:[{onImageChange:0}]}]),u=d,n=function(){"undefined"!=typeof customElements&&["sui-product-card","sui-icon"].forEach((t=>{switch(t){case"sui-product-card":customElements.get(a(t))||customElements.define(a(t),d);break;case"sui-icon":customElements.get(a(t))||c()}}))};export{o as S,u as SuiProductCard,n as defineCustomElement}

package/dist/components/sui-progress-bar-label.d.ts

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

package/dist/components/sui-progress-bar-label.js

@@ -0,0 +1 @@
+import{p as s,H as e,c as t,h as r,d as i,t as a}from"./p-BwhKFYtu.js";import{s as l}from"./p-BKJeFTmQ.js";import{s as o}from"./p-CtltTdNy.js";import{d as n}from"./p-PzolOrIw.js";let b=0;const u=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.linkClick=t(this,"linkClick"),this.value=0,this.type="on-top",this.heading="",this.percentage=!0,this.showBottom=!1,this.description="",this.link=null,this.color="blue",this.size="medium",this.ariaLabel=null,this.titleId="sui-progress-bar-title-"+ ++b,this.onLinkClick=s=>{var e;const t=null===(e=this.linkCfg)||void 0===e?void 0:e.href;t||s.preventDefault(),this.linkClick.emit(),t&&o(s,t)}}componentWillLoad(){const s=this.el.getAttribute("title");null!==s&&(this.heading||(this.heading=s),this.el.removeAttribute("title"))}alTocar(){}alSoltar(s){l(s,".sui-progress-bar-label__link")}get linkCfg(){var s;const e=this.link;if(!e)return null;const t="string"==typeof e?{label:e}:e;return t.label?Object.assign(Object.assign({},t),{rel:null!==(s=t.rel)&&void 0!==s?s:"_blank"===t.target?"noopener noreferrer":void 0}):null}get clampedValue(){const s=this.value;return Number.isNaN(s)?0:Math.max(0,Math.min(100,s))}get showPercent(){return!1!==this.percentage&&"false"!==this.percentage}get percentLabel(){const s=this.percentage;return"string"==typeof s&&""!==s&&"true"!==s?s:Math.round(this.clampedValue)+"%"}renderBar(s){var e;return r("sui-progress-bar",{class:"sui-progress-bar-label__bar",value:this.value,color:this.color,size:this.size,ariaLabel:null!==(e=this.ariaLabel)&&void 0!==e?e:void 0,ariaLabelledby:null!=s?s:void 0})}render(){var s;const e=this.showPercent&&r("span",{class:"sui-progress-bar-label__percent"},this.percentLabel);if("on-right"===this.type)return r(i,{"data-type":this.type},this.renderBar(null),e);const t=this.linkCfg;return r(i,{"data-type":this.type},(!!this.heading||this.showPercent)&&r("div",{class:"sui-progress-bar-label__head"},!!this.heading&&r("span",{class:"sui-progress-bar-label__title",id:this.titleId},this.heading),e),this.renderBar(this.heading?this.titleId:null),this.showBottom&&r("div",{class:"sui-progress-bar-label__bottom"},t&&r("a",{class:"sui-progress-bar-label__link",href:null!==(s=t.href)&&void 0!==s?s:"#",target:t.target,rel:t.rel,onClick:this.onLinkClick},t.label),r("span",{class:"sui-progress-bar-label__desc"},this.description)))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-progress-bar-label-h{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box;font-family:var(--sui-font-sans)}[data-type=on-right].sc-sui-progress-bar-label-h{flex-direction:row;align-items:center;gap:8px}[data-type=on-right].sc-sui-progress-bar-label-h .sui-progress-bar-label__bar.sc-sui-progress-bar-label{flex:1 1 0;min-width:0}.sui-progress-bar-label__head.sc-sui-progress-bar-label{display:flex;align-items:flex-start;gap:6px;width:100%}.sui-progress-bar-label__title.sc-sui-progress-bar-label{flex:1 1 0;min-width:0;color:var(--sui-text-strong-950, #171717);font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-progress-bar-label__percent.sc-sui-progress-bar-label{flex:none;white-space:nowrap;color:var(--sui-text-sub-600, #5c5c5c);font-size:12px;font-weight:400;line-height:16px;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-progress-bar-label__bar.sc-sui-progress-bar-label{display:block;width:100%}.sui-progress-bar-label__bottom.sc-sui-progress-bar-label{display:flex;align-items:flex-start;gap:4px;width:100%}.sui-progress-bar-label__link.sc-sui-progress-bar-label{flex:none;white-space:nowrap;color:var(--sui-state-information-base, #335cff);text-decoration:underline;text-underline-position:from-font;font-size:12px;font-weight:500;line-height:16px;cursor:pointer;font-feature-settings:"cv09" 1, "ss11" 1, "calt" 0, "liga" 0;transition:opacity var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1))}.sui-progress-bar-label__link.sc-sui-progress-bar-label:hover{opacity:0.85}.sui-progress-bar-label__link.sc-sui-progress-bar-label:focus-visible{outline:2px solid var(--sui-state-information-base, #335cff);outline-offset:2px;border-radius:2px}.sui-progress-bar-label__desc.sc-sui-progress-bar-label{flex:1 1 0;min-width:0;color:var(--sui-text-sub-600, #5c5c5c);font-size:12px;font-weight:400;line-height:16px;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}@media (prefers-reduced-motion: reduce){.sui-progress-bar-label__link.sc-sui-progress-bar-label{transition:none}}'}},[2,"sui-progress-bar-label",{value:[2],type:[513],heading:[1025],percentage:[8],showBottom:[4,"show-bottom"],description:[1],link:[1],color:[1],size:[1],ariaLabel:[1,"aria-label"]},[[1,"touchstart","alTocar"],[1,"touchend","alSoltar"]]]),p=u,c=function(){"undefined"!=typeof customElements&&["sui-progress-bar-label","sui-progress-bar"].forEach((s=>{switch(s){case"sui-progress-bar-label":customElements.get(a(s))||customElements.define(a(s),u);break;case"sui-progress-bar":customElements.get(a(s))||n()}}))};export{p as SuiProgressBarLabel,c as defineCustomElement}

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

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

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

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

package/dist/components/sui-radio-card.d.ts

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

package/dist/components/sui-radio-card.js

@@ -0,0 +1 @@
+import{p as i,H as a,c as s,h as r,d,t as e}from"./p-BwhKFYtu.js";import{d as o}from"./p-DsxkTPyc.js";import{d as t}from"./p-BQAUBvyx.js";import{d as c}from"./p-Dk_Y92HK.js";import{d as u}from"./p-DT4KsiD_.js";import{d as n}from"./p-CmfWN05h.js";const l=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=s(this,"suiChange"),this.selected=s(this,"selected"),this.suiRadioSelect=s(this,"suiRadioSelect"),this.type="basic",this.size="medium",this.label="",this.sublabel=null,this.description=null,this.icon=null,this.emoji=null,this.iconSrc=null,this.imageUrl=null,this.brand=null,this.badge=null,this.disabled=!1,this.checked=!1,this.inGroup=!1,this.tabStop=!1}componentWillLoad(){this.inGroup=!!this.el.closest("sui-radio-group")}async setChecked(i,a=!1){this.checked=i,this.tabStop=a}onTouchStart(){}onTouchEnd(){this.el.blur()}onClick(i){this.activate(i)}onKeydown(i){" "!==i.key&&"Spacebar"!==i.key&&"Enter"!==i.key||this.activate(i)}activate(i){if(this.disabled)return i.stopPropagation(),void i.preventDefault();i.preventDefault(),this.inGroup?this.suiRadioSelect.emit(this.value):(this.checked=!0,this.suiChange.emit(this.checked)),this.selected.emit(this.value)}get initialsFromLabel(){const i=this.label.trim();return i?i.split(/\s+/).slice(0,2).map((i=>{var a,s;return null!==(s=null===(a=i[0])||void 0===a?void 0:a.toUpperCase())&&void 0!==s?s:""})).join(""):""}renderLeading(){var i;if("left-icon"===this.type){const i=this.iconSrc?"full":"md";return r("div",{class:"sui-radio-card__leading sui-radio-card__leading--icon","aria-hidden":"true"},this.icon?r("sui-icon",{name:this.icon,size:20}):this.emoji?r("sui-emoji",{name:this.emoji,size:i}):this.iconSrc?r("sui-emoji",{src:this.iconSrc,size:"full"}):null)}return"avatar"===this.type?r("sui-avatar",{class:"sui-radio-card__leading sui-radio-card__leading--avatar",size:"lg",src:null!==(i=this.imageUrl)&&void 0!==i?i:void 0,initials:this.initialsFromLabel}):"card-provider"===this.type?r("div",{class:"sui-radio-card__leading sui-radio-card__leading--provider","aria-hidden":"true"},this.imageUrl&&r("img",{src:this.imageUrl,alt:""})):"brand"===this.type?this.brand?r("sui-brand-logo",{class:"sui-radio-card__leading sui-radio-card__leading--brand",company:this.brand,size:"xl"}):this.imageUrl?r("div",{class:"sui-radio-card__leading sui-radio-card__leading--brand","aria-hidden":"true"},r("img",{src:this.imageUrl,alt:""})):null:"company"===this.type?r("div",{class:"sui-radio-card__leading sui-radio-card__leading--company","aria-hidden":"true"},this.imageUrl?r("img",{src:this.imageUrl,alt:""}):r("sui-avatar",{size:"lg",initials:this.initialsFromLabel})):null}get badgeCfg(){const i=this.badge;return i?"string"==typeof i?{label:i}:i:null}get radioPx(){return"xlarge"===this.size?28:"large"===this.size?24:20}render(){var i,a,s;const e=this.badgeCfg;return r(d,{key:"4633d83304994961303c920080a0e35b2c3c3aa8",role:"radio",tabindex:this.disabled||this.inGroup&&!this.tabStop?"-1":"0","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":null,"aria-label":this.label||null,"data-sui-type":this.type,"data-sui-checked":this.checked?"":null,"data-sui-disabled":this.disabled?"":null,"data-sui-leading-fill":this.iconSrc?"":null},this.renderLeading(),r("div",{key:"088d4f7094d748462432c05839a4bbcb5721f6bc",class:"sui-radio-card__text"},r("div",{key:"d861ec18a615d38902743d0c3203ef2dc59b4934",class:"sui-radio-card__title"},this.label&&r("span",{key:"74844d368e25282e016b4a481f7cdf3747841ec3",class:"sui-radio-card__label"},this.label),this.sublabel&&r("span",{key:"439f6fb63ea0a5571dd9b7a2d5c028ac6b72ee55",class:"sui-radio-card__sublabel"},this.sublabel),e&&r("sui-badge",{key:"3c471a2dba4ee91613eeacd636c7e7ae767208df",class:"sui-radio-card__badge",color:null!==(i=e.color)&&void 0!==i?i:"blue",variant:null!==(a=e.variant)&&void 0!==a?a:"light",size:null!==(s=e.size)&&void 0!==s?s:"small"},e.label)),this.description&&r("p",{key:"52ff5da25324234d505b1478493b0cbc6f0eb6e0",class:"sui-radio-card__description"},this.description)),r("span",{key:"683e22d88f2dbd205e7552de53619923bf7e55fc",class:"sui-radio-card__radio","aria-hidden":"true",style:{width:this.radioPx+"px",height:this.radioPx+"px"}},r("span",{key:"76f730f92a3a6d4bc8ae6de97037feac9211700d",class:"sui-radio-card__radio-bg"}),r("span",{key:"9a5727685530fa6e7afabd0f36a789f8440ac080",class:"sui-radio-card__radio-box"})))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-radio-card-h{display:inline-flex;box-sizing:border-box;align-items:flex-start;gap:14px;padding:16px;width:100%;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:var(--sui-radius-12, 12px);box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.031372549));cursor:pointer;outline:none;user-select:none;font-family:var(--sui-font-sans, var(--font-sans, sans-serif));touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out), border-color var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out), box-shadow var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out), transform var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out)}@media (hover: hover) and (pointer: fine){.sc-sui-radio-card-h:hover:not([data-sui-disabled]):not([data-sui-checked]){background:var(--sui-bg-weak-50, #f7f7f7);border-color:transparent;box-shadow:none}}[data-sui-checked].sc-sui-radio-card-h{border-color:var(--sui-primary-base, #fa7319);box-shadow:none;background:var(--sui-bg-white-0, #fff)}@media (hover: hover) and (pointer: fine){[data-sui-checked].sc-sui-radio-card-h:hover:not([data-sui-disabled]){background:var(--sui-bg-weak-50, #f7f7f7)}}.sc-sui-radio-card-h:focus-visible:not([data-sui-disabled]){border-color:var(--sui-primary-base, #fa7319);box-shadow:0 0 0 3px color-mix(in oklab, var(--sui-primary-base, #fa7319) 16%, transparent)}[data-sui-disabled].sc-sui-radio-card-h{cursor:not-allowed;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);box-shadow:none}[data-sui-disabled].sc-sui-radio-card-h .sui-radio-card__label.sc-sui-radio-card{color:var(--sui-text-sub-600, #5c5c5c)}[data-sui-disabled].sc-sui-radio-card-h .sui-radio-card__sublabel.sc-sui-radio-card,[data-sui-disabled].sc-sui-radio-card-h .sui-radio-card__description.sc-sui-radio-card{color:var(--sui-text-soft-400, #a3a3a3)}[data-sui-disabled].sc-sui-radio-card-h .sui-radio-card__badge.sc-sui-radio-card{background:transparent;border:1px solid var(--sui-stroke-soft-200, #ebebeb);color:var(--sui-text-disabled-300, #d1d1d1)}[data-sui-disabled].sc-sui-radio-card-h .sui-radio-card__radio-bg.sc-sui-radio-card,[data-sui-disabled][data-sui-checked].sc-sui-radio-card-h .sui-radio-card__radio-bg.sc-sui-radio-card{background:var(--sui-bg-soft-200, #ebebeb)}[data-sui-disabled].sc-sui-radio-card-h:not([data-sui-checked]) .sui-radio-card__radio-box.sc-sui-radio-card{display:none}@media (hover: hover) and (pointer: fine){.sc-sui-radio-card-h:active:not([data-sui-disabled]){transform:scale(0.99)}}.sui-radio-card__leading.sc-sui-radio-card{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sui-radio-card__leading--icon.sc-sui-radio-card{box-sizing:border-box;width:40px;height:40px;padding:10px;border-radius:var(--sui-radius-full, 999px);background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.031372549));color:var(--sui-text-sub-600, #5c5c5c)}[data-sui-leading-fill].sc-sui-radio-card-h .sui-radio-card__leading--icon.sc-sui-radio-card{padding:0;border:none;background:none;box-shadow:none;border-radius:0;overflow:visible;display:flex;align-items:center;justify-content:center}[data-sui-leading-fill].sc-sui-radio-card-h .sui-radio-card__leading--icon.sc-sui-radio-card sui-emoji.sc-sui-radio-card{display:block;width:100%;height:100%}[data-sui-type=avatar].sc-sui-radio-card-h .sui-radio-card__leading--avatar.sc-sui-radio-card{width:40px;height:40px}.sui-radio-card__text.sc-sui-radio-card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;flex:1 1 auto;min-width:0;align-self:stretch}.sui-radio-card__text.sc-sui-radio-card:not(:has(.sui-radio-card__description)){justify-content:center}.sui-radio-card__title.sc-sui-radio-card{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.sui-radio-card__label.sc-sui-radio-card{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.006em;color:var(--sui-text-strong-950, #171717);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-radio-card__sublabel.sc-sui-radio-card{font-size:12px;font-weight:400;line-height:16px;color:var(--sui-text-sub-600, #5c5c5c);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-radio-card__description.sc-sui-radio-card{margin:0;font-size:12px;font-weight:400;line-height:16px;color:var(--sui-text-sub-600, #5c5c5c);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-radio-card__radio.sc-sui-radio-card{position:relative;flex-shrink:0;width:20px;height:20px;align-self:flex-start}.sui-radio-card__radio-bg.sc-sui-radio-card{position:absolute;inset:10%;border-radius:var(--sui-radius-full, 999px);background:var(--sui-bg-soft-200, #ebebeb);transition:background-color var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out)}.sui-radio-card__radio-box.sc-sui-radio-card{position:absolute;inset:17.5%;border-radius:var(--sui-radius-full, 999px);background:var(--sui-bg-white-0, #fff);box-shadow:0 2px 4px -2px rgba(27, 28, 29, 0.12);transition:inset var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out), box-shadow var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out)}@media (hover: hover) and (pointer: fine){.sc-sui-radio-card-h:hover:not([data-sui-disabled]):not([data-sui-checked]) .sui-radio-card__radio-bg.sc-sui-radio-card{background:var(--sui-bg-sub-300, #d1d1d1)}}[data-sui-checked].sc-sui-radio-card-h .sui-radio-card__radio-bg.sc-sui-radio-card{background:var(--sui-primary-base, #fa7319)}[data-sui-checked].sc-sui-radio-card-h .sui-radio-card__radio-box.sc-sui-radio-card{inset:30%;box-shadow:none;background:var(--sui-static-white, #ffffff)}.sui-radio-card__leading--provider.sc-sui-radio-card{width:32px;height:24px;border-radius:4px;overflow:hidden;flex-shrink:0}.sui-radio-card__leading--provider.sc-sui-radio-card img.sc-sui-radio-card{width:100%;height:100%;object-fit:cover;display:block}.sui-radio-card__leading--brand.sc-sui-radio-card{width:40px;height:40px;flex-shrink:0}.sui-radio-card__leading--brand.sc-sui-radio-card img.sc-sui-radio-card{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}.sui-radio-card__leading--company.sc-sui-radio-card{width:40px;height:40px;border-radius:var(--sui-radius-full, 999px);overflow:hidden;flex-shrink:0}.sui-radio-card__leading--company.sc-sui-radio-card img.sc-sui-radio-card{width:100%;height:100%;object-fit:cover;display:block}'}},[2,"sui-radio-card",{type:[513],size:[1],value:[1],label:[1],sublabel:[1],description:[1],icon:[1],emoji:[1],iconSrc:[1,"icon-src"],imageUrl:[1,"image-url"],brand:[1],badge:[1],disabled:[516],checked:[1540],inGroup:[32],tabStop:[32],setChecked:[64]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"],[0,"click","onClick"],[0,"keydown","onKeydown"]]]),h=l,b=function(){"undefined"!=typeof customElements&&["sui-radio-card","sui-avatar","sui-badge","sui-brand-logo","sui-emoji","sui-icon"].forEach((i=>{switch(i){case"sui-radio-card":customElements.get(e(i))||customElements.define(e(i),l);break;case"sui-avatar":customElements.get(e(i))||o();break;case"sui-badge":customElements.get(e(i))||t();break;case"sui-brand-logo":customElements.get(e(i))||c();break;case"sui-emoji":customElements.get(e(i))||u();break;case"sui-icon":customElements.get(e(i))||n()}}))};export{h as SuiRadioCard,b as defineCustomElement}

package/dist/components/sui-radio-group.d.ts

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

package/dist/components/sui-radio-group.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as s,d as n,t as o}from"./p-BwhKFYtu.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiChange=i(this,"suiChange"),this.value=null,this.disabled=!1}componentDidLoad(){this.syncChildren()}onValueChange(){this.syncChildren()}onRadioSelect(e){if(e.stopPropagation(),this.disabled)return;const t=e.detail;this.value=t,this.suiChange.emit(t)}syncChildren(){var e,t,i;const s=this.children(),n=this.enabledChildren(),o=this.disabled?null:null!==(t=null!==(e=n.find((e=>e.value===this.value)))&&void 0!==e?e:n[0])&&void 0!==t?t:null;for(const e of s)null===(i=e.setChecked)||void 0===i||i.call(e,e.value===this.value,e===o)}children(){return Array.from(this.el.querySelectorAll("sui-radio, sui-radio-card, sui-radio-label")).filter((e=>"SUI-RADIO"!==e.tagName||!e.closest("sui-radio-label")))}enabledChildren(){return this.children().filter((e=>!e.disabled&&!1!==e.focusable))}onKeydown(e){const t="ArrowDown"===e.key||"ArrowRight"===e.key?1:"ArrowUp"===e.key||"ArrowLeft"===e.key?-1:0;if(!t||this.disabled)return;const i=e.target,s=this.enabledChildren(),n=s.findIndex((e=>!!i&&(e===i||e.contains(i))));if(-1===n)return;e.preventDefault();const o=s[(n+t+s.length)%s.length];o.click();const r="SUI-RADIO-LABEL"===o.tagName?o.querySelector(".sui-radio-label__control"):null;(null!=r?r:o).focus()}render(){return s(n,{key:"4391cfd8a309c8d76a216afca913ffc2b4f0a249",role:"radiogroup","aria-disabled":this.disabled?"true":null},s("slot",{key:"0d785def013ae158621afc3fa276731c139e2924"}))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],disabled:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-radio-group-h{display:inline-flex;gap:16px;align-items:center}'}},[262,"sui-radio-group",{value:[1544],disabled:[516]},[[0,"suiRadioSelect","onRadioSelect"],[0,"keydown","onKeydown"]],{value:[{onValueChange:0}],disabled:[{onValueChange:0}]}]),a=r,l=function(){"undefined"!=typeof customElements&&["sui-radio-group"].forEach((e=>{"sui-radio-group"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{a as SuiRadioGroup,l as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as i,H as a,c as s,h as l,d as e,t}from"./p-BwhKFYtu.js";import{d as r}from"./p-BQAUBvyx.js";import{d}from"./p-CmfWN05h.js";import{d as o}from"./p-tfpKWTqB.js";import{d as u}from"./p-CR0PWHR4.js";let n=0;const c=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=s(this,"suiChange"),this.selected=s(this,"selected"),this.linkClick=s(this,"linkClick"),this.suiRadioSelect=s(this,"suiRadioSelect"),this.labelId="sui-radio-label-"+ ++n,this.descriptionId=this.labelId+"-desc",this.label="",this.sublabel=null,this.description=null,this.badge=null,this.link=null,this.size="medium",this.flip=!1,this.disabled=!1,this.checked=!1,this.inGroup=!1,this.tabStop=null,this.onKeydown=i=>{" "!==i.key&&"Enter"!==i.key||(i.preventDefault(),this.select())},this.onLinkClick=i=>{var a,s;i.stopPropagation();const l=i.detail;null===(a=null==l?void 0:l.stopPropagation)||void 0===a||a.call(l),this.disabled?null===(s=null==l?void 0:l.preventDefault)||void 0===s||s.call(l):this.linkClick.emit(l)}}componentWillLoad(){this.inGroup=!!this.el.closest("sui-radio-group")}async setChecked(i,a){this.checked=i,void 0!==a&&(this.tabStop=a)}onTouchStart(){}onTouchEnd(){var i;null===(i=this.el.querySelector(".sui-radio-label__control"))||void 0===i||i.blur()}onLabelClick(i){i.target.closest("sui-link-button")||this.select()}select(){this.disabled||this.checked||(this.inGroup?this.suiRadioSelect.emit(this.value):(this.checked=!0,this.suiChange.emit(!0)),this.selected.emit(this.value))}get controlSize(){return"2xlarge"===this.size?"xlarge":this.size}get badgeSize(){return"medium"===this.size?"small":"large"===this.size?"medium":"large"}get badgeCfg(){const i=this.badge;return i?"string"==typeof i?{label:i}:i:null}get linkCfg(){var i;const a=this.link;if(!a)return null;const s="string"==typeof a?{label:a}:a;return s.label?Object.assign(Object.assign({},s),{rel:null!==(i=s.rel)&&void 0!==i?i:"_blank"===s.target?"noopener noreferrer":void 0}):null}render(){var i,a,s,t,r,d;const o=!!this.description,u=this.badgeCfg,n=o?this.linkCfg:null;return l(e,{key:"763e3736e58f060e1ba96f841c7aaeca65ca9c87","data-sui-checked":this.checked?"":null,"data-sui-size":this.size,"data-sui-flip":this.flip?"":null,"data-sui-with-description":o?"":null,"data-sui-disabled":this.disabled?"":null},l("div",{key:"232ea994b88aa83701838324e8e9616ff336534c",class:"sui-radio-label__control",role:"radio","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":null,"aria-labelledby":this.labelId,"aria-describedby":o?this.descriptionId:null,tabindex:this.disabled||this.inGroup&&!1===this.tabStop?"-1":"0",onKeyDown:this.onKeydown},l("sui-radio",{key:"93a7ba36d4437f9a67f37a31f43ef20a804b3ff3",class:"sui-radio-label__radio",size:this.controlSize,checked:this.checked,disabled:this.disabled,focusable:!1,"aria-hidden":"true",inert:!0}),l("div",{key:"fc778e806053370d4a4c3d559575a35d7d7ddaa2",class:"sui-radio-label__content"},l("div",{key:"59451d3f56cd58d66fecf4e29d42b4c6f86acb5a",class:"sui-radio-label__text"},l("div",{key:"0d8b8d885905961f68682b1bb599919e31aeea9a",class:"sui-radio-label__title"},l("span",{key:"0b7490a53dac3b1976137ddaebe77be3b203921a",class:"sui-radio-label__label",id:this.labelId},this.label),this.sublabel&&l("span",{key:"b86dd8cf019b8a48c4598d1bd9aa68f081027e6e",class:"sui-radio-label__sublabel"},this.sublabel),u&&l("sui-badge",{key:"bdc8c68bc0fb76e8ea242d289c57a2b21d9470a9",class:"sui-radio-label__badge",color:null!==(i=u.color)&&void 0!==i?i:"orange",variant:null!==(a=u.variant)&&void 0!==a?a:"light",size:null!==(s=u.size)&&void 0!==s?s:this.badgeSize},u.label)),o&&l("p",{key:"641984cb98c5ae633f2287f712b4973f7e3a2fc1",class:"sui-radio-label__description",id:this.descriptionId},this.description)))),n&&l("sui-link-button",{key:"dd1287a7f10e094809c7dc59e3c84c0209ffca7b",class:"sui-radio-label__link",variant:"primary",size:"medium"===this.size?"small":"medium",disabled:this.disabled,href:null!==(t=n.href)&&void 0!==t?t:null,target:null!==(r=n.target)&&void 0!==r?r:null,rel:null!==(d=n.rel)&&void 0!==d?d:null,onClicked:this.onLinkClick},n.label))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-radio-label-h{--_sui-rl-radio:20px;--_sui-rl-gap:8px;display:inline-flex;flex-direction:column;align-items:stretch;gap:10px;cursor:pointer;font-family:var(--sui-font-sans, "Inter", system-ui, sans-serif);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;-webkit-tap-highlight-color:transparent}[data-sui-flip].sc-sui-radio-label-h .sui-radio-label__radio.sc-sui-radio-label{order:2}[data-sui-flip].sc-sui-radio-label-h .sui-radio-label__content.sc-sui-radio-label{order:1}[data-sui-flip].sc-sui-radio-label-h .sui-radio-label__link.sc-sui-radio-label{margin-inline-start:0}.sui-radio-label__control.sc-sui-radio-label{display:flex;align-items:flex-start;gap:var(--_sui-rl-gap)}.sui-radio-label__link.sc-sui-radio-label{align-self:flex-start;margin-inline-start:calc(var(--_sui-rl-radio) + var(--_sui-rl-gap));max-width:calc(100% - var(--_sui-rl-radio) - var(--_sui-rl-gap))}[data-sui-disabled].sc-sui-radio-label-h{cursor:not-allowed}[data-sui-disabled].sc-sui-radio-label-h .sui-radio-label__content.sc-sui-radio-label,[data-sui-disabled].sc-sui-radio-label-h .sui-radio-label__link.sc-sui-radio-label{opacity:0.5}.sui-radio-label__radio.sc-sui-radio-label{flex-shrink:0}.sui-radio-label__content.sc-sui-radio-label{display:flex;flex:1 0 0;min-width:0;flex-direction:column;align-items:flex-start}.sui-radio-label__text.sc-sui-radio-label{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.sui-radio-label__title.sc-sui-radio-label{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sui-radio-label__label.sc-sui-radio-label{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.084px;color:var(--sui-text-strong-950)}[data-sui-with-description].sc-sui-radio-label-h .sui-radio-label__label.sc-sui-radio-label{font-weight:500}.sui-radio-label__sublabel.sc-sui-radio-label{font-size:12px;font-weight:400;line-height:16px;letter-spacing:0;color:var(--sui-text-sub-600)}.sui-radio-label__badge.sc-sui-radio-label{flex-shrink:0}.sui-radio-label__description.sc-sui-radio-label{margin:0;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0;color:var(--sui-text-sub-600);word-break:break-word}.sc-sui-radio-label-h sui-radio.sc-sui-radio-label{pointer-events:none}[data-sui-size=large].sc-sui-radio-label-h{--_sui-rl-radio:24px;--_sui-rl-gap:10px}[data-sui-size=xlarge].sc-sui-radio-label-h{--_sui-rl-radio:28px;--_sui-rl-gap:12px}[data-sui-size=large].sc-sui-radio-label-h .sui-radio-label__label.sc-sui-radio-label,[data-sui-size=xlarge].sc-sui-radio-label-h .sui-radio-label__label.sc-sui-radio-label{font-size:var(--sui-type-paragraph-md-size);line-height:var(--sui-type-paragraph-md-line);letter-spacing:var(--sui-type-paragraph-md-spacing)}[data-sui-size=xlarge].sc-sui-radio-label-h .sui-radio-label__content.sc-sui-radio-label{padding-top:2px}[data-sui-size="2xlarge"].sc-sui-radio-label-h{--_sui-rl-radio:28px;--_sui-rl-gap:12px}[data-sui-size="2xlarge"].sc-sui-radio-label-h .sui-radio-label__control.sc-sui-radio-label{min-height:44px;align-items:center}[data-sui-size="2xlarge"].sc-sui-radio-label-h .sui-radio-label__label.sc-sui-radio-label{font-size:var(--sui-type-paragraph-md-size, 16px);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -0.011em)}[data-sui-size="2xlarge"][data-sui-with-description].sc-sui-radio-label-h .sui-radio-label__control.sc-sui-radio-label{align-items:flex-start}[data-sui-size="2xlarge"][data-sui-with-description].sc-sui-radio-label-h .sui-radio-label__content.sc-sui-radio-label{padding-top:2px}'}},[2,"sui-radio-label",{value:[1],label:[1],sublabel:[1],description:[1],badge:[1],link:[1],size:[513],flip:[516],disabled:[516],checked:[1540],inGroup:[32],tabStop:[32],setChecked:[64]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"],[0,"click","onLabelClick"]]]),b=c,h=function(){"undefined"!=typeof customElements&&["sui-radio-label","sui-badge","sui-icon","sui-link-button","sui-radio"].forEach((i=>{switch(i){case"sui-radio-label":customElements.get(t(i))||customElements.define(t(i),c);break;case"sui-badge":customElements.get(t(i))||r();break;case"sui-icon":customElements.get(t(i))||d();break;case"sui-link-button":customElements.get(t(i))||o();break;case"sui-radio":customElements.get(t(i))||u()}}))};export{b as SuiRadioLabel,h as defineCustomElement}

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

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

package/dist/components/sui-radio.js

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

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

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

package/dist/components/sui-rating.js

@@ -0,0 +1 @@
+import{p as i,H as a,c as t,h as s,d as e,t as r}from"./p-BwhKFYtu.js";import{s as n}from"./p-Dl8gag--.js";import{s as l}from"./p-BKJeFTmQ.js";import{s as o}from"./p-CtltTdNy.js";import{d as u}from"./p-DT4KsiD_.js";import{d as c}from"./p-CmfWN05h.js";const g=["pensive-face","confused-face","neutral-face","slightly-smiling-face","grinning-face-smiling-eyes"];function h(i,a){return"emoji"===i||"number"===i?"":{star:{empty:"star-line",half:"star-half-fill",full:"star-fill"},heart:{empty:"heart-3-line",half:"heart-half-fill",full:"heart-3-fill"}}[i][a]}function d(i,a){return"emoji"===i||"number"===i?"":h(i,"default"===a?"empty":"full")}function p(i){return Number.isInteger(i)?i+"":i.toFixed(1).replace(/\.0$/,"")}function f(i){return null==i?null:i<1e3?i+"":i<1e6?(i/1e3).toFixed(1).replace(/\.0$/,"")+"K":(i/1e6).toFixed(1).replace(/\.0$/,"")+"M"}const m=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.valueChange=t(this,"valueChange"),this.reasonChange=t(this,"reasonChange"),this.appearance="inline",this.type="star",this.value=0,this.max=5,this.size="medium",this.readonly=!1,this.disabled=!1,this.halfStep=!1,this.showValue=!1,this.reviewCount=null,this.reviewLink=null,this.alignment="inline",this.emojis=g,this.ariaLabel="Calificación",this.reason="",this.reasonPlaceholder="Cuéntanos por qué",this.reasonRows=3,this.hoverIndex=null,this.onCellClick=i=>{this.isInteractive&&this.value!==i&&(this.value=i,this.valueChange.emit(i))},this.onCellEnter=i=>{this.isInteractive&&(this.hoverIndex=i)},this.onCellLeave=()=>{this.isInteractive&&(this.hoverIndex=null)},this.onReasonInput=i=>{var a,t;const s=null!==(t=null===(a=i.target)||void 0===a?void 0:a.value)&&void 0!==t?t:"";this.reason=s,this.reasonChange.emit(s)},this.nombreBase="Calificación",this.ultimoNombre=null}onInteractiveChange(){this.isInteractive||(this.hoverIndex=null)}get isInteractive(){return!this.readonly&&!this.disabled}get cells(){return function(i,a,t,s,e,r,n,l){const o=s&&null!==t?t:a,u=r&&n&&"inline"===e,c="bar"===e||"bar-area"===e,g="cell"===e;return Array.from({length:i},((i,e)=>{var r,n;const h=e+1;let d;d=o>=h?"full":u&&o>=h-.5?"half":"empty";let p="default";return c?a===h?p="selected":s&&t===h&&(p="hover"):g&&s&&t===h&&(p="hover"),{index:h,fill:d,cellState:p,emoji:null!==(n=null!==(r=l[e])&&void 0!==r?r:l[l.length-1])&&void 0!==n?n:"slightly-smiling-face"}}))}(this.max,this.value,this.hoverIndex,this.isInteractive,this.appearance,this.halfStep,this.readonly,this.emojis)}get iconPx(){return function(i,a){if("cell"===i)return 32;switch(a){case"small":return 16;case"large":return 24;case"xlarge":return 28;case"2xlarge":return 32;default:return 20}}(this.appearance,this.size)}alTocar(){}alSoltar(i){l(i,"button")}get tabStopIndex(){const i=this.value;return Number.isInteger(i)&&i>=1&&i<=this.max?i:1}onKeydown(i){var a;if(!this.isInteractive)return;const t=n(i.key,this.value>=1?this.tabStopIndex-1:-1,this.max,"both",!1);if(null===t)return;i.preventDefault();const s=this.value>=1?t+1:"End"===i.key?this.max:1;this.onCellClick(s),null===(a=this.el.querySelectorAll("button.sui-rating__icon, button.sui-rating__bar-cell")[s-1])||void 0===a||a.focus()}get hostRole(){return this.readonly?this.reviewLink?"group":"img":"radiogroup"}componentWillLoad(){this.nombreBase=this.ariaLabel||"Calificación"}onAriaLabelChange(i){i!==this.ultimoNombre&&(this.nombreBase=i||"Calificación")}componentDidRender(){queueMicrotask((()=>{const i=this.hostAriaLabel;this.el.getAttribute("aria-label")!==i&&(this.ultimoNombre=i,this.el.setAttribute("aria-label",i))}))}get hostAriaLabel(){const i=this.nombreBase;if(!this.readonly)return i;const a=this.value,t=Number.isInteger(a)?a+"":a.toFixed(1).replace(/\.0$/,"").replace(".",","),s=this.reviewCount;return`${i}: ${t} de ${this.max}${null==s?"":`, ${s} ${1===s?"calificación":"calificaciones"}`}`}cellIconName(i){return h(this.type,"cell"===this.appearance&&"empty"===i?"full":i)}renderIconCell(i){const a=this.value===i.index?"true":"false",t=`${i.index} de ${this.max}`;return this.readonly?s("span",{class:"sui-rating__icon","data-fill":i.fill,"data-cell-state":i.cellState,"aria-hidden":"true"},s("sui-icon",{name:this.cellIconName(i.fill),size:this.iconPx})):s("button",{type:"button",class:"sui-rating__icon","data-fill":i.fill,"data-cell-state":i.cellState,"data-selected":this.value===i.index?"":null,disabled:this.disabled,role:"radio","aria-checked":a,"aria-label":t,tabindex:i.index===this.tabStopIndex?0:-1,onClick:()=>this.onCellClick(i.index),onMouseEnter:()=>this.onCellEnter(i.index),onMouseLeave:()=>this.onCellLeave()},s("sui-icon",{name:this.cellIconName("empty"===i.fill?"empty":"full"),size:this.iconPx}))}renderCellContent(i){return"emoji"===this.type?s("sui-emoji",{class:"sui-rating__emoji",name:i.emoji,size:"sm",animated:!1}):"number"===this.type?s("span",{class:"sui-rating__number"},i.index):s("sui-icon",{name:d(this.type,i.cellState),size:20})}renderBarRow(){return s("div",{class:"sui-rating__bar",onMouseLeave:()=>this.onCellLeave()},this.cells.map((i=>{const a=this.value===i.index?"true":"false",t=`${i.index} de ${this.max}`;return this.readonly?s("div",{class:"sui-rating__bar-cell","data-fill":i.fill,"data-cell-state":i.cellState,"aria-hidden":"true"},this.renderCellContent(i)):s("button",{type:"button",class:"sui-rating__bar-cell","data-fill":i.fill,"data-cell-state":i.cellState,"data-selected":this.value===i.index?"":null,disabled:this.disabled,role:"radio","aria-checked":a,"aria-label":t,tabindex:i.index===this.tabStopIndex?0:-1,onClick:()=>this.onCellClick(i.index),onMouseEnter:()=>this.onCellEnter(i.index)},this.renderCellContent(i))})))}renderMeta(){const i=this.reviewLink;return[this.showValue&&s("span",{class:"sui-rating__value"},p(this.value)),this.showValue&&null!==this.reviewCount&&s("span",{class:"sui-rating__sep","aria-hidden":"true"},"∙"),null!==this.reviewCount&&s("span",{class:"sui-rating__count"},f(this.reviewCount)," ",1===this.reviewCount?"calificación":"calificaciones"),i&&(i.href?s("a",{class:"sui-rating__link",href:i.href,onClick:a=>o(a,i.href)},i.label):s("button",{type:"button",class:"sui-rating__link"},i.label))]}renderInline(){const i=this.showValue||null!==this.reviewCount||!!this.reviewLink;return"vertical"===this.alignment||"horizontal"===this.alignment?[s("div",{class:"sui-rating__icons"},this.cells.map((i=>this.renderIconCell(i)))),i&&s("div",{class:"sui-rating__meta sui-rating__meta--"+this.alignment},this.renderMeta())]:this.cells.map((i=>this.renderIconCell(i)))}renderInner(){return"inline"===this.appearance?this.renderInline():"cell"===this.appearance?s("div",{class:"sui-rating__cells",onMouseLeave:()=>this.onCellLeave()},this.cells.map((i=>this.renderIconCell(i)))):"bar"===this.appearance?this.renderBarRow():s("div",{class:"sui-rating__area"},this.renderBarRow(),s("div",{class:"sui-rating__area-input"},this.readonly?s("p",{class:{"sui-rating__area-text":!0,"sui-rating__area-text--placeholder":!this.reason}},this.reason||this.reasonPlaceholder):s("textarea",{class:"sui-rating__area-textarea",rows:this.reasonRows,value:this.reason,placeholder:this.reasonPlaceholder,disabled:this.disabled,"aria-label":this.reasonPlaceholder,onInput:this.onReasonInput})))}render(){return s(e,{key:"600e025b70200a406f6d31a9a978035c9092a36a",role:this.hostRole,"aria-readonly":this.readonly||this.isInteractive?null:"true","aria-disabled":!this.readonly&&this.disabled?"true":null,"data-appearance":this.appearance,"data-type":this.type,"data-size":this.size,"data-alignment":this.alignment,"data-disabled":this.disabled?"":null},this.renderInner())}get el(){return this}static get watchers(){return{readonly:[{onInteractiveChange:0}],disabled:[{onInteractiveChange:0}],ariaLabel:[{onAriaLabelChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-rating-h{display:inline-flex;font-family:var(--sui-font-sans);align-items:center;gap:2px}[data-disabled].sc-sui-rating-h{opacity:0.5;pointer-events:none}[data-appearance=inline][data-alignment=inline].sc-sui-rating-h{flex-direction:row;flex-wrap:nowrap}[data-appearance=inline][data-alignment=vertical].sc-sui-rating-h{flex-direction:column;align-items:flex-start;gap:8px}[data-appearance=inline][data-alignment=horizontal].sc-sui-rating-h{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.sui-rating__icons.sc-sui-rating{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.sui-rating__icon.sc-sui-rating{appearance:none;border:0;margin:0;padding:0;background:transparent;font:inherit;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sui-stroke-sub-300, #d1d1d1);transition:color var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out)}[data-type=star].sc-sui-rating-h .sui-rating__icon[data-fill=full].sc-sui-rating,[data-type=star].sc-sui-rating-h .sui-rating__icon[data-fill=half].sc-sui-rating{color:var(--sui-yellow-500, #f6b51e)}[data-type=heart].sc-sui-rating-h .sui-rating__icon[data-fill=full].sc-sui-rating,[data-type=heart].sc-sui-rating-h .sui-rating__icon[data-fill=half].sc-sui-rating{color:var(--sui-state-error-base, #fb3748)}button.sui-rating__icon.sc-sui-rating{cursor:pointer;border-radius:4px}button.sui-rating__icon.sc-sui-rating:focus-visible{outline:2px solid var(--sui-text-strong-950);outline-offset:2px}.sui-rating__meta.sc-sui-rating{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.sui-rating__meta--vertical.sc-sui-rating{align-self:flex-start}.sui-rating__value.sc-sui-rating,.sui-rating__count.sc-sui-rating{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-strong-950);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;white-space:nowrap}.sui-rating__sep.sc-sui-rating{color:var(--sui-text-strong-950);margin:0 2px}.sui-rating__link.sc-sui-rating{appearance:none;border:0;background:transparent;font:inherit;padding:0;margin:0;cursor:pointer;font-size:var(--sui-type-label-sm-size);font-weight:var(--sui-type-label-sm-weight);line-height:var(--sui-type-label-sm-line);letter-spacing:var(--sui-type-label-sm-spacing);color:var(--sui-text-sub-600);text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:2px;white-space:nowrap}.sui-rating__link.sc-sui-rating:hover{color:var(--sui-text-strong-950)}.sui-rating__link.sc-sui-rating:focus-visible{outline:2px solid var(--sui-text-strong-950);outline-offset:2px;border-radius:2px}[data-appearance=cell].sc-sui-rating-h{display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.sui-rating__cells.sc-sui-rating{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}[data-appearance=cell].sc-sui-rating-h .sui-rating__icon.sc-sui-rating{padding:12px;border-radius:var(--sui-radius-10, 10px);border:1px solid var(--sui-stroke-soft-200);background:var(--sui-bg-white-0);box-shadow:var(--sui-regular-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.031372549));box-sizing:border-box;transition:background-color var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out), border-color var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out), box-shadow var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out), color var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out)}[data-appearance=cell].sc-sui-rating-h .sui-rating__icon[data-cell-state=hover].sc-sui-rating{background:var(--sui-bg-weak-50);border-color:transparent;box-shadow:none}[data-appearance=bar].sc-sui-rating-h{display:inline-block;align-items:stretch}[data-appearance=bar-area].sc-sui-rating-h{display:block;width:100%}.sui-rating__bar.sc-sui-rating{display:inline-flex;align-items:stretch;border:1px solid var(--sui-stroke-soft-200);border-radius:0;overflow:hidden;background:var(--sui-bg-white-0)}[data-appearance=bar-area].sc-sui-rating-h .sui-rating__bar.sc-sui-rating{display:flex;width:100%;border:0;border-bottom:1px solid var(--sui-stroke-soft-200);border-radius:0;background:transparent}.sui-rating__bar-cell.sc-sui-rating{appearance:none;margin:0;font:inherit;flex-shrink:0;width:64px;min-height:36px;display:flex;align-items:center;justify-content:center;padding:8px 4px;background:var(--sui-bg-white-0);border:0;border-left:1px solid var(--sui-stroke-soft-200);cursor:default;color:var(--sui-stroke-sub-300);transition:background-color var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out), color var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out)}.sui-rating__bar-cell.sc-sui-rating:first-child{border-left:0}[data-appearance=bar-area].sc-sui-rating-h .sui-rating__bar-cell.sc-sui-rating{flex:1 0 0;width:auto;min-width:0;background:transparent}button.sui-rating__bar-cell.sc-sui-rating{cursor:pointer}button.sui-rating__bar-cell.sc-sui-rating:focus-visible{outline:2px solid var(--sui-text-strong-950);outline-offset:-2px}[data-type=star].sc-sui-rating-h .sui-rating__bar-cell[data-cell-state=selected].sc-sui-rating{color:var(--sui-yellow-500, #f6b51e)}[data-type=heart].sc-sui-rating-h .sui-rating__bar-cell[data-cell-state=selected].sc-sui-rating{color:var(--sui-state-error-base, #fb3748)}[data-type=number].sc-sui-rating-h .sui-rating__bar-cell[data-cell-state=hover].sc-sui-rating .sui-rating__number.sc-sui-rating,[data-type=number].sc-sui-rating-h .sui-rating__bar-cell[data-cell-state=selected].sc-sui-rating .sui-rating__number.sc-sui-rating{color:var(--sui-text-strong-950)}[data-type=number].sc-sui-rating-h .sui-rating__bar-cell[data-cell-state=selected].sc-sui-rating,[data-type=emoji].sc-sui-rating-h .sui-rating__bar-cell[data-cell-state=selected].sc-sui-rating{background:var(--sui-bg-weak-50)}.sui-rating__number.sc-sui-rating{font-size:var(--sui-type-label-sm-size);font-weight:var(--sui-type-label-sm-weight);line-height:var(--sui-type-label-sm-line);letter-spacing:var(--sui-type-label-sm-spacing);color:var(--sui-text-sub-600);text-align:center;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-rating__emoji.sc-sui-rating{display:inline-flex;align-items:center;justify-content:center;filter:grayscale(0.5);opacity:0.55;transition:filter var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out), opacity var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out)}[data-type=emoji].sc-sui-rating-h .sui-rating__bar-cell[data-cell-state=selected].sc-sui-rating .sui-rating__emoji.sc-sui-rating{filter:grayscale(0);opacity:1}.sui-rating__area.sc-sui-rating{display:flex;flex-direction:column;align-items:stretch;width:100%;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:var(--sui-radius-12, 12px);overflow:hidden}.sui-rating__area-input.sc-sui-rating{display:flex;flex:1 0 0;align-items:flex-start;justify-content:flex-start;padding:12px;background:var(--sui-bg-white-0)}.sui-rating__area-textarea.sc-sui-rating{appearance:none;display:block;width:100%;min-height:72px;border:0;margin:0;padding:0;background:transparent;resize:none;font-family:var(--sui-font-sans);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-strong-950);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-rating__area-textarea.sc-sui-rating::placeholder{color:var(--sui-text-soft-400)}.sui-rating__area-textarea.sc-sui-rating:focus-visible{outline:none}.sui-rating__area-text.sc-sui-rating{width:100%;min-height:72px;margin:0;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-strong-950);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-rating__area-text--placeholder.sc-sui-rating{color:var(--sui-text-soft-400)}[data-appearance=inline][data-size="2xlarge"].sc-sui-rating-h,[data-appearance=inline][data-size="2xlarge"].sc-sui-rating-h .sui-rating__icons.sc-sui-rating{gap:0}[data-appearance=inline][data-alignment=vertical][data-size="2xlarge"].sc-sui-rating-h,[data-appearance=inline][data-alignment=horizontal][data-size="2xlarge"].sc-sui-rating-h{gap:8px}[data-appearance=inline][data-size="2xlarge"].sc-sui-rating-h .sui-rating__icon.sc-sui-rating{box-sizing:border-box;width:44px;height:44px;padding:6px}[data-size="2xlarge"].sc-sui-rating-h .sui-rating__bar-cell.sc-sui-rating{min-height:44px;padding:12px 4px}[data-size="2xlarge"].sc-sui-rating-h .sui-rating__number.sc-sui-rating{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)}'}},[2,"sui-rating",{appearance:[513],type:[513],value:[1538],max:[2],size:[513],readonly:[4],disabled:[516],halfStep:[4,"half-step"],showValue:[4,"show-value"],reviewCount:[2,"review-count"],reviewLink:[16],alignment:[513],emojis:[16],ariaLabel:[1,"aria-label"],reason:[1025],reasonPlaceholder:[1,"reason-placeholder"],reasonRows:[2,"reason-rows"],hoverIndex:[32]},[[1,"touchstart","alTocar"],[1,"touchend","alSoltar"],[0,"keydown","onKeydown"]],{readonly:[{onInteractiveChange:0}],disabled:[{onInteractiveChange:0}],ariaLabel:[{onAriaLabelChange:0}]}]),b=m,_=function(){"undefined"!=typeof customElements&&["sui-rating","sui-emoji","sui-icon"].forEach((i=>{switch(i){case"sui-rating":customElements.get(r(i))||customElements.define(r(i),m);break;case"sui-emoji":customElements.get(r(i))||u();break;case"sui-icon":customElements.get(r(i))||c()}}))};export{b as SuiRating,_ as defineCustomElement}

package/dist/components/sui-rich-editor-item.d.ts

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

package/dist/components/sui-rich-editor-item.js

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

package/dist/components/sui-rich-editor.d.ts

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

package/dist/components/sui-rich-editor.js

@@ -0,0 +1 @@
+import{p as i,H as e,c as t,h as s,d as r,t as a}from"./p-BwhKFYtu.js";import{d as o}from"./p-CmfWN05h.js";import{d as c}from"./p-OTL_aPP2.js";const d=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.action=t(this,"action"),this.valueChange=t(this,"valueChange"),this.layout="full",this.showMore=!0,this.editable=!1,this.placeholder="Escribe algo…",this.value="",this.headingLabel="Título",this.fontSizeLabel="14px",this.isEmpty=!0,this.activeCommands=[],this.onCommand=i=>{const e={bold:"bold",italic:"italic",underline:"underline",strikeThrough:"strikeThrough"}[i];if(e&&this.editable&&"undefined"!=typeof document){this.focusEditable();try{document.execCommand(e,!1)}catch(i){}this.syncActiveFromSelection(),this.emitValue()}else this.toggleActive(i);this.action.emit({command:i,active:this.activeCommands.includes(i)})},this.onEditableInput=()=>{this.emitValue(),this.syncActiveFromSelection()},this.onEditableSelect=()=>{this.syncActiveFromSelection()}}componentWillLoad(){this.el.removeAttribute("title")}componentDidLoad(){this.syncEditableFromValue()}onValueChange(){this.syncEditableFromValue()}get showTextGroup(){return"full"===this.layout||"compact"===this.layout}get showFormatGroup(){return"full"===this.layout||"formatting"===this.layout}get showAlignGroup(){return"full"===this.layout||"formatting"===this.layout}get showSocialGroup(){return"full"===this.layout||"social"===this.layout}itemState(i){return this.activeCommands.includes(i)?"active":"default"}toggleActive(i){const e=new Set(this.activeCommands);e.has(i)?e.delete(i):e.add(i),this.activeCommands=Array.from(e)}syncActiveFromSelection(){if("undefined"==typeof document)return;const i=new Set,e=[["bold","bold"],["italic","italic"],["underline","underline"],["strikeThrough","strikeThrough"]];for(const[t,s]of e)try{document.queryCommandState(s)&&i.add(t)}catch(i){}this.activeCommands=Array.from(i)}emitValue(){const i=this.editableRef;if(!i)return;const e=i.innerHTML;this.value=e,this.valueChange.emit(e),this.isEmpty=0===this.stripHtml(e).length}syncEditableFromValue(){const i=this.editableRef,e=this.value;i&&i.innerHTML!==e&&(i.innerHTML=e),this.isEmpty=0===this.stripHtml(e).length}focusEditable(){var i;null===(i=this.editableRef)||void 0===i||i.focus()}stripHtml(i){return i.replace(/<br\s*\/?>/gi,"").replace(/<[^>]*>/g,"").replace(/&nbsp;/gi,"").trim()}render(){const i=this.showTextGroup&&this.showFormatGroup,e=this.showAlignGroup&&this.showFormatGroup,t=this.showSocialGroup&&(this.showTextGroup||this.showFormatGroup||this.showAlignGroup);return s(r,{key:"23de4658c81a24db39fc4e06f995791c9f4c4e83","data-sui-layout":this.layout,"data-sui-show-more":this.showMore?"":null,"data-sui-editable":this.editable?"":null},s("div",{key:"00d4589f21839bccc971499938972e01dbf3ca7d",class:"sui-rich-editor__toolbar",role:"toolbar","aria-label":"Formato de texto"},this.showTextGroup&&[s("sui-rich-editor-item",{key:"9a705ce3dedfe4b76f1b97ccc50b18573a1dda83",type:"text",label:this.headingLabel,state:this.itemState("heading"),"aria-label":"Estilo de encabezado",onClicked:()=>this.onCommand("heading")}),s("sui-rich-editor-item",{key:"3edb228f42eb3f2e170e2bdce5fc91937052746a",type:"text",label:this.fontSizeLabel,state:this.itemState("fontSize"),"aria-label":"Tamaño de fuente",onClicked:()=>this.onCommand("fontSize")})],i&&s("span",{key:"1213851aaca0d26d0a8f5780096fe24ca507b15f",class:"sui-rich-editor__divider","aria-hidden":"true"}),this.showFormatGroup&&[s("sui-rich-editor-item",{key:"9d1db922151852c661a7a3bfaf40fa7b3fef0561",type:"icon",icon:"bold",state:this.itemState("bold"),"aria-label":"Negrita",onClicked:()=>this.onCommand("bold")}),s("sui-rich-editor-item",{key:"6e68a4a5a78fe4a6fedc37ed41c601535aa622d9",type:"icon",icon:"italic",state:this.itemState("italic"),"aria-label":"Cursiva",onClicked:()=>this.onCommand("italic")}),s("sui-rich-editor-item",{key:"944fb90678eea89237af7f9d7dba1631d242954f",type:"icon",icon:"underline",state:this.itemState("underline"),"aria-label":"Subrayado",onClicked:()=>this.onCommand("underline")}),s("sui-rich-editor-item",{key:"e9470174a2fddbb29824494faad827af74c6f006",type:"icon",icon:"strikethrough",state:this.itemState("strikeThrough"),"aria-label":"Tachado",onClicked:()=>this.onCommand("strikeThrough")})],e&&s("span",{key:"e991a97b647038a88f4c44bc2ee0c604b5a0bff4",class:"sui-rich-editor__divider","aria-hidden":"true"}),this.showAlignGroup&&s("sui-rich-editor-item",{key:"f6a94a4035b808746822b01072a31ad4b442145a",type:"dropdown",icon:"align-left",state:this.itemState("align"),"aria-label":"Alineación",onClicked:()=>this.onCommand("align")}),t&&s("span",{key:"4aef50348f6acd683ee2dcf4b4d3d3c476d40265",class:"sui-rich-editor__divider","aria-hidden":"true"}),this.showSocialGroup&&[s("sui-rich-editor-item",{key:"59ac8ae43905f1d0b8c315b95d55e01cc1a13856",type:"icon",icon:"chat-1-line",state:this.itemState("comment"),"aria-label":"Comentario",onClicked:()=>this.onCommand("comment")}),s("sui-rich-editor-item",{key:"6053a73844764115ec8e4b4f937eec65e3ac324c",type:"icon",icon:"link",state:this.itemState("link"),"aria-label":"Insertar enlace",onClicked:()=>this.onCommand("link")}),s("sui-rich-editor-item",{key:"17c872dcc467affe5549b506da8dea27559a41e4",type:"icon",icon:"at-line",state:this.itemState("mention"),"aria-label":"Mencionar",onClicked:()=>this.onCommand("mention")})],this.showMore&&[s("span",{key:"54de153dda37d53037d7aec3576ab8f805c58787",class:"sui-rich-editor__divider sui-rich-editor__divider--more","aria-hidden":"true"}),s("sui-rich-editor-item",{key:"c1e4b547113eb9b764075f6de77bc1ceac88d651",type:"icon",icon:"more-2-line",state:this.itemState("more"),"aria-label":"Más opciones",onClicked:()=>this.onCommand("more")})]),this.editable&&s("div",{key:"a127c7e38abc80568845db8c71c9a4b480d2c33a",ref:i=>this.editableRef=i,class:"sui-rich-editor__editable",contenteditable:"true",role:"textbox","aria-multiline":"true","aria-label":this.placeholder,"data-placeholder":this.placeholder,"data-empty":this.isEmpty?"":null,onInput:this.onEditableInput,onKeyUp:this.onEditableSelect,onMouseUp:this.onEditableSelect}))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-rich-editor-h{display:inline-flex;flex-direction:column;gap:8px;box-sizing:border-box}.sui-rich-editor__toolbar.sc-sui-rich-editor{display:flex;align-items:center;gap:2px;padding:2px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:var(--sui-radius-8);box-shadow:var(--sui-regular-shadow-x-small);overflow:clip;box-sizing:border-box;width:fit-content}.sui-rich-editor__divider.sc-sui-rich-editor{flex-shrink:0;width:4px;height:16px;position:relative}.sui-rich-editor__divider.sc-sui-rich-editor::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background:var(--sui-stroke-soft-200)}.sui-rich-editor__editable.sc-sui-rich-editor{min-height:120px;padding:12px 14px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:var(--sui-radius-8);box-sizing:border-box;outline:none;font-size:14px;line-height:20px;letter-spacing:-0.084px;color:var(--sui-text-strong-950);overflow-y:auto;overflow-wrap:break-word;word-break:break-word}.sui-rich-editor__editable.sc-sui-rich-editor:focus-visible{border-color:var(--sui-primary-base)}.sui-rich-editor__editable[data-empty].sc-sui-rich-editor::before{content:attr(data-placeholder);color:var(--sui-text-sub-600);pointer-events:none}.sui-rich-editor__editable .sc-sui-rich-editor:is(b,strong).sc-sui-rich-editor{font-weight:700}.sui-rich-editor__editable .sc-sui-rich-editor:is(i,em).sc-sui-rich-editor{font-style:italic}.sui-rich-editor__editable.sc-sui-rich-editor u.sc-sui-rich-editor{text-decoration:underline}.sui-rich-editor__editable.sc-sui-rich-editor s.sc-sui-rich-editor{text-decoration:line-through}@media (max-width: 767px){.sui-rich-editor__toolbar.sc-sui-rich-editor{flex-wrap:wrap;width:100%;row-gap:2px}.sui-rich-editor__divider.sc-sui-rich-editor{display:none}.sui-rich-editor__editable.sc-sui-rich-editor{font-size:16px}}'}},[2,"sui-rich-editor",{layout:[513],showMore:[516,"show-more"],editable:[516],placeholder:[1],value:[1025],headingLabel:[1,"heading-label"],fontSizeLabel:[1,"font-size-label"],isEmpty:[32],activeCommands:[32]},void 0,{value:[{onValueChange:0}]}]),h=d,n=function(){"undefined"!=typeof customElements&&["sui-rich-editor","sui-icon","sui-rich-editor-item"].forEach((i=>{switch(i){case"sui-rich-editor":customElements.get(a(i))||customElements.define(a(i),d);break;case"sui-icon":customElements.get(a(i))||o();break;case"sui-rich-editor-item":customElements.get(a(i))||c()}}))};export{h as SuiRichEditor,n as defineCustomElement}

package/dist/components/sui-segmented-control.d.ts

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

package/dist/components/sui-segmented-control.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as s,h as i,d as n,t as o}from"./p-BwhKFYtu.js";import{a,b as r}from"./p-Dl8gag--.js";import{d as c}from"./p-CmfWN05h.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.tabChange=s(this,"tabChange"),this.tabs=[],this.size="medium",this.shape="default",this.ariaLabel=null,this.indicatorStyle={transform:"translateX(0)",width:"0"},this.onKeydown=e=>{var t;const s=a(this.tabs,this.active),i=r(e.key,s,this.tabs,"both");null!==i&&(e.preventDefault(),i!==s&&this.select(this.tabs[i]),null===(t=this.items()[i])||void 0===t||t.focus())}}onTouchStart(){}onTouchEnd(e){var t,s;null===(s=null===(t=e.target)||void 0===t?void 0:t.closest("button"))||void 0===s||s.blur()}componentDidLoad(){const e=this.track();e&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateIndicator())),this.resizeObserver.observe(e)),this.scheduleIndicatorUpdate()}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.resizeObserver=void 0}onLayoutInputChange(){this.scheduleIndicatorUpdate()}track(){return this.el.querySelector(".sui-segmented-control__track")}items(){return Array.from(this.el.querySelectorAll(".sui-segmented-control__item"))}scheduleIndicatorUpdate(){setTimeout((()=>this.updateIndicator()),0)}updateIndicator(){const e=this.track(),t=this.tabs.findIndex((e=>e.value===this.active)),s=this.items()[t>=0?t:0];if(!e||!s)return;const i=e.getBoundingClientRect(),n=s.getBoundingClientRect();this.indicatorStyle={transform:`translateX(${n.left-i.left}px)`,width:n.width+"px"}}select(e){e.disabled||(this.active=e.value,this.tabChange.emit(e.value))}render(){var e;const t=a(this.tabs,this.active);return i(n,{key:"ab1a992a30cd78a14505183bd252e1cefbd03116","data-sui-size":this.size,"data-sui-shape":this.shape},i("div",{key:"b0ccde93c67fb58fd6586fe396853f1f103ec00e",class:"sui-segmented-control__track",role:"radiogroup","aria-label":null!==(e=this.ariaLabel)&&void 0!==e?e:void 0,onKeyDown:this.onKeydown},i("div",{key:"5cca451784845cb70165153bd8e0f6ea397df83e",class:"sui-segmented-control__indicator",style:{transform:this.indicatorStyle.transform,width:this.indicatorStyle.width}}),this.tabs.map(((e,s)=>{const n=this.active===e.value,o=!(!e.iconOnly||!e.icon);return i("button",{key:e.value,type:"button",class:{"sui-segmented-control__item":!0,"sui-segmented-control__item--active":n,"sui-segmented-control__item--icon-only":o},disabled:e.disabled,role:"radio","aria-checked":n?"true":"false",tabindex:t===s?"0":"-1","aria-disabled":e.disabled?"true":void 0,"aria-label":o?e.label:void 0,onClick:()=>this.select(e)},e.icon&&i("sui-icon",{name:e.icon,size:20}),!e.iconOnly&&i("span",null,e.label))}))))}get el(){return this}static get watchers(){return{active:[{onLayoutInputChange:0}],tabs:[{onLayoutInputChange:0}],size:[{onLayoutInputChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-segmented-control-h{display:block}.sui-segmented-control__track.sc-sui-segmented-control{position:relative;display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--sui-radius-10);background:var(--sui-bg-weak-50);box-sizing:border-box;width:100%}.sui-segmented-control__indicator.sc-sui-segmented-control{position:absolute;top:4px;left:0;height:calc(100% - 8px);background:var(--sui-bg-white-0);border-radius:var(--sui-radius-6);box-shadow:0 6px 10px 0 rgba(14, 18, 27, 0.06), 0 2px 4px 0 rgba(14, 18, 27, 0.03);transition:transform var(--sui-motion-duration-fast) cubic-bezier(0.16, 1, 0.3, 1), width var(--sui-motion-duration-fast) cubic-bezier(0.16, 1, 0.3, 1);pointer-events:none;z-index:0}.sui-segmented-control__item.sc-sui-segmented-control{position:relative;z-index:1;display:flex;flex:1 0 0;align-items:center;justify-content:center;gap:6px;padding:4px;min-width:0;overflow:hidden;border-radius:var(--sui-radius-6);border:none;background:transparent;cursor:pointer;transition:color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out);font-family:var(--sui-font-sans);font-size:var(--sui-type-label-sm-size);font-weight:var(--sui-type-label-sm-weight);line-height:var(--sui-type-label-sm-line);letter-spacing:var(--sui-type-label-sm-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto;color:var(--sui-text-soft-400);text-align:center;white-space:nowrap}.sui-segmented-control__item--icon-only.sc-sui-segmented-control{gap:0}.sui-segmented-control__item--active.sc-sui-segmented-control{color:var(--sui-text-strong-950)}.sui-segmented-control__item.sc-sui-segmented-control:hover:not(:disabled):not(.sui-segmented-control__item--active){color:var(--sui-text-sub-600)}.sui-segmented-control__item.sc-sui-segmented-control:disabled{cursor:not-allowed;color:var(--sui-text-disabled-300)}[data-sui-size=small].sc-sui-segmented-control-h .sui-segmented-control__item.sc-sui-segmented-control{font-size:var(--sui-type-label-xs-size)}[data-sui-size=large].sc-sui-segmented-control-h .sui-segmented-control__item.sc-sui-segmented-control,[data-sui-size=xlarge].sc-sui-segmented-control-h .sui-segmented-control__item.sc-sui-segmented-control,[data-sui-size="2xlarge"].sc-sui-segmented-control-h .sui-segmented-control__item.sc-sui-segmented-control{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)}[data-sui-size=large].sc-sui-segmented-control-h .sui-segmented-control__item.sc-sui-segmented-control{padding:4px}[data-sui-size=large].sc-sui-segmented-control-h .sui-segmented-control__item--icon-only.sc-sui-segmented-control{padding:6px}[data-sui-size=xlarge].sc-sui-segmented-control-h .sui-segmented-control__item.sc-sui-segmented-control{padding:8px}[data-sui-size="2xlarge"].sc-sui-segmented-control-h .sui-segmented-control__item.sc-sui-segmented-control{padding:10px}[data-sui-size="2xlarge"].sc-sui-segmented-control-h .sui-segmented-control__item--icon-only.sc-sui-segmented-control{padding:12px}[data-sui-shape=rounded].sc-sui-segmented-control-h .sui-segmented-control__track.sc-sui-segmented-control,[data-sui-shape=rounded].sc-sui-segmented-control-h .sui-segmented-control__indicator.sc-sui-segmented-control,[data-sui-shape=rounded].sc-sui-segmented-control-h .sui-segmented-control__item.sc-sui-segmented-control{border-radius:var(--sui-radius-full)}'}},[2,"sui-segmented-control",{tabs:[16],active:[1025],size:[513],shape:[513],ariaLabel:[1,"aria-label"],indicatorStyle:[32]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]],{active:[{onLayoutInputChange:0}],tabs:[{onLayoutInputChange:0}],size:[{onLayoutInputChange:0}]}]),u=d,l=function(){"undefined"!=typeof customElements&&["sui-segmented-control","sui-icon"].forEach((e=>{switch(e){case"sui-segmented-control":customElements.get(o(e))||customElements.define(o(e),d);break;case"sui-icon":customElements.get(o(e))||c()}}))};export{u as SuiSegmentedControl,l as defineCustomElement}

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

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

package/dist/components/sui-select.js

@@ -0,0 +1 @@
+import{p as s,H as e,c as i,h as t,d as a,t as l}from"./p-BwhKFYtu.js";import{d as r}from"./p-DsxkTPyc.js";import{d as o}from"./p-BQAUBvyx.js";import{d as u}from"./p-DxMvLJyv.js";import{d as n}from"./p-rrIDrpji.js";import{d as c}from"./p-Dqbb1Ddy.js";import{d}from"./p-D5V4Py3v.js";import{d as h}from"./p-D1OVW8SW.js";import{d as p}from"./p-CmfWN05h.js";import{d as g}from"./p-tfpKWTqB.js";import{d as b}from"./p-cD-ncf5D.js";const m={basic:"flashlight-line",country:"global-line",avatar:"user-line",provider:"bank-card-line",brand:"award-line",company:"building-line"};Array.from({length:14},((s,e)=>({value:"opt-"+(e+1),label:"Opcion "+(e+1)})));let v=0;const _=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.valueChange=i(this,"valueChange"),this.size="medium",this.type="basic",this.placeholder="Elige…",this.options=[],this.value="",this.leadingIcon=!1,this.flag=null,this.imageUrl=null,this.badge=null,this.label=null,this.sublabel=null,this.required=!1,this.tooltip=null,this.hint=null,this.error=!1,this.errorMessage=null,this.disabled=!1,this.open=!1,this.selected=null,this.highlightedIndex=-1,this.uid="sui-select-"+ ++v,this.labelId=this.uid+"-label",this.listboxId=this.uid+"-listbox",this.hintId=this.uid+"-hint",this.onTriggerClick=()=>{this.toggleMenu()},this.onTriggerKeydown=s=>{if(!this.disabled)switch(s.key){case"Enter":case" ":case"Spacebar":if(s.preventDefault(),this.open){const s=this.options[this.highlightedIndex];s&&this.selectOption(s)}else this.openMenu();break;case"ArrowDown":s.preventDefault(),this.open?this.moveHighlight(1):this.openMenu();break;case"ArrowUp":s.preventDefault(),this.open?this.moveHighlight(-1):this.openMenu();break;case"Home":this.open&&(s.preventDefault(),this.highlightedIndex=this.firstEnabledIndex());break;case"End":this.open&&(s.preventDefault(),this.highlightedIndex=this.lastEnabledIndex());break;case"Escape":this.open&&(s.preventDefault(),this.closeMenu());break;case"Tab":this.open&&this.closeMenu()}},this.onMenuOpenedChange=s=>{s.stopPropagation();const e=s.detail;this.open=e,e?requestAnimationFrame((()=>{var s,e;null===(s=this.triggerEl)||void 0===s||s.focus();const i=null===(e=this.menuEl)||void 0===e?void 0:e.querySelector('[role="listbox"]');null==i||i.setAttribute("id",this.listboxId),null==i||i.setAttribute("aria-label",this.label||this.placeholder)})):this.highlightedIndex=-1}}optionId(s){return`${this.listboxId}-opcion-${s}`}componentWillLoad(){this.updateSelected()}componentWillRender(){this.el.removeAttribute("title")}componentDidLoad(){this.menuEl&&this.triggerEl&&(this.menuEl.originElement=this.triggerEl)}onValueChange(){this.updateSelected()}onOptionsChange(){this.updateSelected()}onDisabledChange(s){s&&this.open&&this.closeMenu()}updateSelected(){var s;const e=this.value;this.selected=""!==e&&null!=e&&null!==(s=this.options.find((s=>s.value===e)))&&void 0!==s?s:null}get selectedLabel(){var s,e;return null!==(e=null===(s=this.selected)||void 0===s?void 0:s.label)&&void 0!==e?e:null}get leadingCfg(){const s=this.leadingIcon;return!0===s||"true"===s||""===s||!(!s||"false"===s)&&s}get leadingIconName(){const s=this.leadingCfg;return"string"==typeof s?s:m[this.type]}get effectiveFlag(){var s,e,i;return null!==(i=null!==(s=this.flag)&&void 0!==s?s:null===(e=this.selected)||void 0===e?void 0:e.flag)&&void 0!==i?i:null}get showLeadingImage(){return!!this.imageUrl}get showLeading(){return!!this.leadingCfg||!!this.imageUrl||!!this.effectiveFlag}get badgeCfg(){const s=this.badge;return s?"string"==typeof s?{label:s}:s:null}get labelSize(){return"large"===this.size||"xlarge"===this.size?"medium":this.size}get hasLabel(){return!!this.label}get hintMessage(){return this.error?this.errorMessage:this.hint}get hasHint(){return!!this.hintMessage}onTouchStart(){}onTouchEnd(s){const e=s.target,i=null==e?void 0:e.closest(".sui-select__trigger, sui-dropdown-item");i&&i.blur()}async openMenu(){var s;if(this.disabled||this.open)return;const e=this.selected?this.options.findIndex((s=>s.value===this.selected.value)):-1;this.highlightedIndex=e>=0?e:this.firstEnabledIndex(),await(null===(s=this.menuEl)||void 0===s?void 0:s.openMenu())}async closeMenu(){var s;this.open&&await(null===(s=this.menuEl)||void 0===s?void 0:s.closeMenu())}async toggleMenu(){this.disabled||(this.open?await this.closeMenu():await this.openMenu())}selectOption(s){s.disabled||(this.value=s.value,this.selected=s,this.valueChange.emit(s.value),this.closeMenu())}moveHighlight(s){var e;const i=this.options,t=i.length;if(0===t)return;let a=this.highlightedIndex;for(let l=0;l<t;l++)if(a=(a+s+t)%t,a<0&&(a=t-1),!(null===(e=i[a])||void 0===e?void 0:e.disabled))return void(this.highlightedIndex=a)}firstEnabledIndex(){const s=this.options.findIndex((s=>!s.disabled));return s>=0?s:0}lastEnabledIndex(){var s;for(let e=this.options.length-1;e>=0;e--)if(!(null===(s=this.options[e])||void 0===s?void 0:s.disabled))return e;return-1}renderLeadingInner(){var s,e;return this.showLeadingImage?"avatar"===this.type?t("sui-avatar",{size:"xs",src:null!==(s=this.imageUrl)&&void 0!==s?s:void 0}):t("img",{class:"sui-select__leading-img",src:null!==(e=this.imageUrl)&&void 0!==e?e:void 0,alt:""}):"country"===this.type&&this.effectiveFlag&&null!==this.selectedLabel?t("sui-flag",{class:"sui-select__leading-flag",name:this.effectiveFlag,size:"md"}):t("sui-icon",{class:"sui-select__leading-icon",name:this.leadingIconName,size:20})}renderItemLeading(s){return"country"===this.type&&s.flag?t("sui-flag",{slot:"leading",name:s.flag,size:"sm"}):s.icon?t("sui-icon",{slot:"leading",name:s.icon,size:20}):null}render(){var s,e,i,l,r,o;const u=this.badgeCfg;return t(a,{key:"62bacbd1582107fa127bfed47033e6a63802663b","data-sui-size":this.size,"data-sui-type":this.type,"data-sui-error":this.error?"":null,"data-sui-disabled":this.disabled?"":null,"data-sui-open":this.open?"":null,"data-sui-filled":null!==this.selectedLabel?"":null},this.hasLabel&&t("sui-form-label",{key:"728957bbb1a2ec57af37364fa4c4bc1c8d1be11c",class:"sui-select__label-host",label:this.label,sublabel:null!==(s=this.sublabel)&&void 0!==s?s:void 0,required:this.required,tooltip:null!==(e=this.tooltip)&&void 0!==e?e:void 0,size:this.labelSize,id:this.labelId,onClick:this.onTriggerClick}),t("div",{key:"d4c225db1418df077720d9339e2a4be95425f834",class:"sui-select__field"},t("div",{key:"585093a9d252ae4a17e929b28a1bd817c8ce3c2e",class:{"sui-select__trigger":!0,"sui-select__trigger--error":this.error,"sui-select__trigger--disabled":this.disabled,"sui-select__trigger--open":this.open,"sui-select__trigger--filled":null!==this.selectedLabel},ref:s=>this.triggerEl=s,role:"combobox","aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-labelledby":this.hasLabel?this.labelId:void 0,"aria-label":this.hasLabel?void 0:this.placeholder,"aria-controls":this.open?this.listboxId:void 0,"aria-activedescendant":this.open&&this.highlightedIndex>=0?this.optionId(this.highlightedIndex):void 0,"aria-describedby":this.hasHint?this.hintId:void 0,"aria-invalid":this.error?"true":void 0,"aria-disabled":this.disabled?"true":void 0,tabindex:this.disabled?-1:0,onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeydown,onTouchStart:s=>s.currentTarget,onTouchEnd:s=>s.currentTarget.blur()},this.showLeading&&t("span",{key:"03b722a4858f15dd0726af519fd21dec42e360eb",class:"sui-select__leading"},t("slot",{key:"4226b83e178f5f583db2444e9a8313a19583b9f3",name:"leading"}),this.renderLeadingInner()),t("span",{key:"430a89f683b50064695ac2fa013d9ef16d25f8a6",class:"sui-select__value"},null!==this.selectedLabel?this.selectedLabel:t("span",{class:"sui-select__placeholder"},this.placeholder)),u&&t("sui-badge",{key:"07b716788ecefae35b52d957d835b733f3c4f72f",class:"sui-select__badge",color:null!==(i=u.color)&&void 0!==i?i:"orange",variant:null!==(l=u.variant)&&void 0!==l?l:"lighter",size:null!==(r=u.size)&&void 0!==r?r:"medium"},u.label),t("sui-icon",{key:"0e69c90214d601038bfe9c027133105f07d414e7",class:"sui-select__chevron",name:"arrow-down-s-line",size:20,"aria-hidden":"true"})),t("sui-dropdown-menu",{key:"d8eae013b67d4f4ab2f9cc1f4c47760e37c08ce6",ref:s=>this.menuEl=s,class:"sui-select__menu",matchWidth:!0,disabled:this.disabled,popupRole:"listbox",panelClass:"sui-select__overlay-pane",onOpenedChange:this.onMenuOpenedChange},this.options.map(((s,e)=>t("sui-dropdown-item",{slot:"panel",key:s.value,id:this.optionId(e),mode:"option",label:s.label,selected:s.value===this.value,highlighted:this.highlightedIndex===e,disabled:!!s.disabled,onClicked:()=>this.selectOption(s),onMouseEnter:()=>{s.disabled||(this.highlightedIndex=e)}},this.renderItemLeading(s)))))),this.hasHint&&t("sui-form-hint",{key:"c23c1575b979db74b5d58222ea618313098a5656",class:"sui-select__hint-host",message:null!==(o=this.hintMessage)&&void 0!==o?o:void 0,variant:this.error?"error":"neutral",id:this.hintId}))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],options:[{onOptionsChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-select-h{display:block;font-family:var(--sui-font-sans)}.sui-select__label-host.sc-sui-select{display:block;margin-bottom:4px;cursor:default}.sui-select__field.sc-sui-select{position:relative;display:block}.sui-select__trigger.sc-sui-select{position:relative;z-index:1;box-sizing:border-box;display:flex;align-items:center;max-width:100%;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-shadow:var(--sui-regular-shadow-x-small);cursor:pointer;user-select:none;outline:none;transition:border-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out), box-shadow var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out), background var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}[data-sui-size=xsmall].sc-sui-select-h .sui-select__trigger.sc-sui-select{gap:6px;padding:5px 6px 5px 8px;border-radius:var(--sui-radius-8);min-height:32px}[data-sui-size=small].sc-sui-select-h .sui-select__trigger.sc-sui-select{gap:8px;padding:7px 8px 7px 10px;border-radius:var(--sui-radius-8);min-height:36px}[data-sui-size=medium].sc-sui-select-h .sui-select__trigger.sc-sui-select,.sc-sui-select-h:not([data-sui-size]) .sui-select__trigger.sc-sui-select{gap:8px;padding:9px 10px 9px 12px;border-radius:var(--sui-radius-10);min-height:40px}[data-sui-size=large].sc-sui-select-h .sui-select__trigger.sc-sui-select{gap:10px;padding:11px 12px 11px 14px;border-radius:var(--sui-radius-12);min-height:48px}[data-sui-size=xlarge].sc-sui-select-h .sui-select__trigger.sc-sui-select{gap:10px;padding:13px 14px 13px 16px;border-radius:var(--sui-radius-12);min-height:52px}.sui-select__trigger.sc-sui-select:not(.sui-select__trigger--disabled):not(.sui-select__trigger--error):hover{background:var(--sui-bg-weak-50);border-color:transparent;box-shadow:none}.sui-select__trigger.sc-sui-select:not(.sui-select__trigger--disabled):not(.sui-select__trigger--error):focus,.sui-select__trigger.sc-sui-select:not(.sui-select__trigger--disabled):not(.sui-select__trigger--error).sui-select__trigger--open{outline:none;border-color:var(--sui-stroke-strong-950);box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-slate-alpha-16)}.sui-select__trigger--error.sc-sui-select{border-color:var(--sui-state-error-base);box-shadow:none}.sui-select__trigger--error.sc-sui-select:not(.sui-select__trigger--disabled):hover{border-color:var(--sui-state-error-base)}.sui-select__trigger--error.sc-sui-select:not(.sui-select__trigger--disabled):focus,.sui-select__trigger--error.sc-sui-select:not(.sui-select__trigger--disabled).sui-select__trigger--open{border-color:var(--sui-state-error-base);box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-red-alpha-16)}.sui-select__trigger--disabled.sc-sui-select{background:var(--sui-bg-weak-50);border-color:transparent;box-shadow:none;cursor:not-allowed;pointer-events:none}.sui-select__leading.sc-sui-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--sui-icon-size-md);height:var(--sui-icon-size-md);color:var(--sui-icon-sub-600)}[data-sui-disabled].sc-sui-select-h .sui-select__leading.sc-sui-select{color:var(--sui-icon-disabled-300);opacity:0.48}.sui-select__leading-icon.sc-sui-select{display:inline-flex}.sui-select__leading-img.sc-sui-select{width:100%;height:100%;object-fit:cover;border-radius:var(--sui-radius-full)}.sui-select__leading-flag.sc-sui-select{flex-shrink:0}.sui-select__badge.sc-sui-select{flex-shrink:0}[data-sui-disabled].sc-sui-select-h .sui-select__badge.sc-sui-select{opacity:0.48}.sui-select__value.sc-sui-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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-strong-950)}[data-sui-size=large].sc-sui-select-h .sui-select__value.sc-sui-select,[data-sui-size=xlarge].sc-sui-select-h .sui-select__value.sc-sui-select{font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -0.011em)}[data-sui-disabled].sc-sui-select-h .sui-select__value.sc-sui-select{color:var(--sui-text-disabled-300)}.sui-select__placeholder.sc-sui-select{color:var(--sui-text-sub-600)}[data-sui-disabled].sc-sui-select-h .sui-select__placeholder.sc-sui-select{color:var(--sui-text-disabled-300)}.sui-select__chevron.sc-sui-select{flex-shrink:0;width:var(--sui-icon-size-md);height:var(--sui-icon-size-md);color:var(--sui-icon-sub-600);transition:transform var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}[data-sui-open].sc-sui-select-h .sui-select__chevron.sc-sui-select{transform:rotate(180deg)}[data-sui-disabled].sc-sui-select-h .sui-select__chevron.sc-sui-select{color:var(--sui-icon-disabled-300)}.sui-select__hint-host.sc-sui-select{display:block;margin-top:4px}.sui-select__menu.sc-sui-select{position:absolute;left:0;right:0;top:100%;height:0;display:block}.sui-select__menu[data-sui-flip].sc-sui-select{top:0}[data-sui-size=large].sc-sui-select-h sui-dropdown-item.sc-sui-select{min-height:44px;padding:10px 8px}[data-sui-size=xlarge].sc-sui-select-h sui-dropdown-item.sc-sui-select{min-height:48px;padding:12px 8px}[data-sui-size=large].sc-sui-select-h sui-dropdown-item.sc-sui-select,[data-sui-size=xlarge].sc-sui-select-h sui-dropdown-item.sc-sui-select{--sui-type-paragraph-sm-size:var(--sui-type-paragraph-md-size, 16px);--sui-type-paragraph-sm-weight:var(--sui-type-paragraph-md-weight, 400);--sui-type-paragraph-sm-line:var(--sui-type-paragraph-md-line, 24px);--sui-type-paragraph-sm-spacing:var(--sui-type-paragraph-md-spacing, -0.011em)}@media (max-width: 767px){[data-sui-size=xsmall].sc-sui-select-h sui-dropdown-item.sc-sui-select,[data-sui-size=small].sc-sui-select-h sui-dropdown-item.sc-sui-select,[data-sui-size=medium].sc-sui-select-h sui-dropdown-item.sc-sui-select{min-height:44px;padding:12px 8px}}'}},[262,"sui-select",{size:[513],type:[513],placeholder:[1],options:[16],value:[1025],leadingIcon:[8,"leading-icon"],flag:[1],imageUrl:[1,"image-url"],badge:[1],label:[1],sublabel:[1],required:[4],tooltip:[1],hint:[1],error:[516],errorMessage:[1,"error-message"],disabled:[516],open:[32],selected:[32],highlightedIndex:[32],openMenu:[64],closeMenu:[64],toggleMenu:[64]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]],{value:[{onValueChange:0}],options:[{onOptionsChange:0}],disabled:[{onDisabledChange:0}]}]),f=_,x=function(){"undefined"!=typeof customElements&&["sui-select","sui-avatar","sui-badge","sui-dropdown-item","sui-dropdown-menu","sui-flag","sui-form-hint","sui-form-label","sui-icon","sui-link-button","sui-tooltip"].forEach((s=>{switch(s){case"sui-select":customElements.get(l(s))||customElements.define(l(s),_);break;case"sui-avatar":customElements.get(l(s))||r();break;case"sui-badge":customElements.get(l(s))||o();break;case"sui-dropdown-item":customElements.get(l(s))||u();break;case"sui-dropdown-menu":customElements.get(l(s))||n();break;case"sui-flag":customElements.get(l(s))||c();break;case"sui-form-hint":customElements.get(l(s))||d();break;case"sui-form-label":customElements.get(l(s))||h();break;case"sui-icon":customElements.get(l(s))||p();break;case"sui-link-button":customElements.get(l(s))||g();break;case"sui-tooltip":customElements.get(l(s))||b()}}))};export{f as SuiSelect,x as defineCustomElement}

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

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