@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

package/dist/components/sui-sidebar.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as e,h as a,d as r,t}from"./p-BwhKFYtu.js";import{d}from"./p-DsxkTPyc.js";import{d as o}from"./p-BQAUBvyx.js";import{d as c}from"./p-CmfWN05h.js";const n=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.itemClicked=e(this,"itemClicked"),this.logoutClicked=e(this,"logoutClicked"),this.backdropClicked=e(this,"backdropClicked"),this.headerButtonClicked=e(this,"headerButtonClicked"),this.profileClicked=e(this,"profileClicked"),this.searchSubmitted=e(this,"searchSubmitted"),this.mobileOpenChange=e(this,"mobileOpenChange"),this.searchValueChange=e(this,"searchValueChange"),this.collapsed=!1,this.indicatorColor="brand",this.brand=null,this.showHeaderButton=!1,this.headerButtonActive=!1,this.search=!1,this.searchValue="",this.items=[],this.secondaryItems=[],this.supportingItems=[],this.supportingAnchorBottom=!0,this.itemsLabel=null,this.secondaryItemsLabel=null,this.supportingItemsLabel=null,this.activeRoute=null,this.profile=null,this.profileDropdown=!1,this.mobileOpen=!1,this.closeOnItemClick=!0,this.showBackdrop=!0,this.mobileMode="drawer",this.isMobile=!1,this.onMql=i=>this.isMobile=i.matches,this.onItemClick=(i,s)=>{"logout"===i.action&&(s.preventDefault(),this.logoutClicked.emit()),this.itemClicked.emit(i),this.closeOnItemClick&&this.isMobile&&this.isOpen&&this.close()},this.onBackdropClick=()=>{this.close(),this.backdropClicked.emit()},this.clearSearch=()=>{var i;this.searchValue="",this.searchValueChange.emit(""),null===(i=this.el.querySelector(".sui-sidebar__search-input"))||void 0===i||i.focus()},this.onHeaderButtonClick=i=>{i.stopPropagation(),this.headerButtonClicked.emit()},this.onProfileButtonClick=i=>{i.stopPropagation(),this.profileClicked.emit()},this.onSearchInput=i=>{const s=i.target.value;this.searchValue=s,this.searchValueChange.emit(s)},this.onSearchKeyDown=i=>{"Enter"===i.key&&(i.preventDefault(),this.searchSubmitted.emit(this.searchValue))}}connectedCallback(){var i,s;this.el.removeAttribute("title"),"undefined"!=typeof window&&"function"==typeof window.matchMedia&&(this.mql=window.matchMedia("(max-width: 767px)"),this.isMobile=this.mql.matches,null===(s=(i=this.mql).addEventListener)||void 0===s||s.call(i,"change",this.onMql))}disconnectedCallback(){var i,s;null===(s=null===(i=this.mql)||void 0===i?void 0:i.removeEventListener)||void 0===s||s.call(i,"change",this.onMql)}get isOpen(){return this.mobileOpen}close(){this.mobileOpen=!1,this.mobileOpenChange.emit(!1)}get brandCfg(){var i;return null!==(i=this.brand)&&void 0!==i?i:{name:""}}get searchCfg(){var i,s,e;const a=this.search;if(!a)return null;const r=!0===a?{}:a,t=null!==(i=r.placeholder)&&void 0!==i?i:"Buscar…";return{placeholder:t,ariaLabel:null!==(s=r.ariaLabel)&&void 0!==s?s:t,shortcut:null!==(e=r.shortcut)&&void 0!==e?e:null}}onEscapeKey(i){"Escape"===i.key&&this.isMobile&&this.isOpen&&this.close()}onTouchStart(){}onTouchEnd(i){var s,e,a;null===(a=null===(e=null===(s=i.target)||void 0===s?void 0:s.closest)||void 0===e?void 0:e.call(s,"a, button"))||void 0===a||a.blur()}get resolvedActiveValue(){var i;const s=this.activeRoute;if(!s)return null;const e=[...this.items,...this.secondaryItems,...this.supportingItems].find((i=>!(!i.route||s!==i.route&&!s.startsWith(i.route+"/"))||!i.route&&s===i.value));return null!==(i=null==e?void 0:e.value)&&void 0!==i?i:null}isItemActive(i){return this.resolvedActiveValue===i.value}renderItemBody(i){const s=null!=i.badge&&""!==i.badge;return[i.colorDot?a("span",{class:"sui-sidebar__item-dot",style:{backgroundColor:i.colorDot},"aria-hidden":"true"}):i.icon?a("sui-icon",{class:"sui-sidebar__item-icon",name:i.icon,size:20}):null,!this.collapsed&&[a("span",{class:"sui-sidebar__item-label"},i.label),s&&a("sui-badge",{class:"sui-sidebar__item-badge",variant:"filled",color:"danger"===i.variant?"red":"orange",size:"small",type:"number"},i.badge),i.shortcut&&a("span",{class:"sui-sidebar__shortcut"},i.shortcut),a("sui-icon",{class:"sui-sidebar__item-chevron",name:"arrow-right-s-line",size:20})]]}renderItem(i){var s;const e=this.isItemActive(i),r=this.collapsed?null!==(s=i.tooltip)&&void 0!==s?s:i.label:void 0,t=this.collapsed?i.label:void 0,d={"sui-sidebar__item":!0,"sui-sidebar__item--active":e,"sui-sidebar__item--danger":"danger"===i.variant};return i.route&&!i.action?a("a",{class:d,href:i.route,target:i.external?"_blank":void 0,rel:i.external?"noopener noreferrer":void 0,title:r,"aria-label":t,"aria-current":e?"page":void 0,onClick:s=>this.onItemClick(i,s)},this.renderItemBody(i)):a("button",{type:"button",class:d,title:r,"aria-label":t,"aria-current":e?"page":void 0,onClick:s=>this.onItemClick(i,s)},this.renderItemBody(i))}renderSection(i,s,e){return i.length?a("div",{class:{"sui-sidebar__section":!0,"sui-sidebar__section--secondary":"secondary"===e,"sui-sidebar__section--supporting":"supporting"===e,"sui-sidebar__section--anchor-bottom":"supporting"===e&&this.supportingAnchorBottom}},s&&a("div",{class:{"sui-sidebar__section-label":!0,"sui-sidebar__section-label--collapsed":this.collapsed}},s),a("nav",{class:"sui-sidebar__nav"},i.map((i=>this.renderItem(i))))):null}render(){var i,s,e;const t=this.profile,d=this.brandCfg,o=this.collapsed?null:this.searchCfg,c=this.isMobile&&!this.isOpen;return a(r,{key:"a016139119322086146a0bc20e5a91bd57ce6ceb","data-sui-open":this.isOpen?"":void 0,"data-sui-mobile-mode":this.mobileMode,"data-sui-collapsed":this.collapsed?"":void 0,"data-sui-indicator":this.indicatorColor},this.isMobile&&this.showBackdrop&&this.isOpen&&a("div",{key:"9b4f4184e8a8ba5e61f44ad608554cd7dcec82bc",class:"sui-sidebar-backdrop",onClick:this.onBackdropClick,"aria-hidden":"true"}),a("aside",{key:"6a1737d086d3100e43b61cd6ac8e17108960818a",class:{"sui-sidebar":!0,"sui-sidebar--open":this.isOpen,"sui-sidebar--collapsed":this.collapsed},role:"navigation","aria-hidden":c?"true":void 0,inert:c||void 0},a("header",{key:"748b97d6e2076147f5f7c9ff8332a6ec22aeb430",class:"sui-sidebar__header"},a("div",{key:"d6e8490b33007e07fbc5a7e900377247517df281",class:"sui-sidebar__header-card"},a("div",{key:"5bbe5cfbaa78758311f112a10a3e23f020d8dc84",class:"sui-sidebar__brand-logo"},d.logo?a("img",{src:d.logo,alt:d.name,referrerPolicy:"no-referrer"}):d.fallback?a("span",{class:"sui-sidebar__brand-fallback"},d.fallback):a("sui-icon",{name:"building-line",size:20})),!this.collapsed&&[a("div",{key:"80211fa39e11f67f28dd5484327ae198dae7718e",class:"sui-sidebar__header-info"},a("span",{key:"a9c6c659e9b396ca4db7270e0582fd59f179bbb3",class:"sui-sidebar__header-name"},d.name),d.subtitle&&(d.subtitleAsBadge?a("sui-badge",{variant:"filled",color:"orange",size:"small"},d.subtitle):a("span",{class:"sui-sidebar__header-subtitle"},d.subtitle))),this.showHeaderButton&&a("button",{key:"34e2f5c9c8f8de6000056b5d3e74c55b3eb2fbea",type:"button",class:{"sui-sidebar__compact-btn":!0,"sui-sidebar__compact-btn--active":this.headerButtonActive},"aria-expanded":this.headerButtonActive?"true":"false","aria-label":"Cambiar workspace",onClick:this.onHeaderButtonClick},a("sui-icon",{key:"68c17ccb38e49f3f237d6237949521b4fd7b9f58",name:"expand-up-down-line",size:20}))]),a("div",{key:"be7adf1693b91baa57c849a49aeed696aa83beee",class:"sui-sidebar__divider",role:"separator"})),a("slot",{key:"97940c7ae6db26eca01ed23ba2d87a3f6dc2558d",name:"header-panel"}),a("div",{key:"c77d47562fd5c296e09144819b48a44f5cc36894",class:"sui-sidebar__content"},o&&a("div",{key:"3c3bcaf30fb2fca0cc4e1a5ef51f99ad852f7737",class:"sui-sidebar__search"},a("sui-icon",{key:"9c1958c303ae20537b5c695c54f51f1d3b8d1d8e",class:"sui-sidebar__search-icon",name:"search-2-line",size:20}),a("input",{key:"06eb32c5a08c9b466d411e3f8665b6b3c6ecd4ae",class:"sui-sidebar__search-input",type:"text",placeholder:o.placeholder,"aria-label":o.ariaLabel,enterKeyHint:"search",value:this.searchValue,onInput:this.onSearchInput,onKeyDown:this.onSearchKeyDown}),this.searchValue?a("button",{type:"button",class:"sui-sidebar__search-clear","aria-label":"Limpiar búsqueda",onClick:this.clearSearch},a("sui-icon",{name:"close-circle-fill",size:16})):o.shortcut&&a("span",{class:"sui-sidebar__shortcut"},o.shortcut)),this.renderSection(this.items,this.itemsLabel,"main"),this.renderSection(this.secondaryItems,this.secondaryItemsLabel,"secondary"),this.renderSection(this.supportingItems,this.supportingItemsLabel,"supporting"),!this.collapsed&&a("div",{key:"162fb7da3be3da2a5c8259df29310919e34d8a53",class:"sui-sidebar__feature-card"},a("slot",{key:"be36a23fc3a38c1b818e512ab8566381f4980ec4",name:"feature-card"}))),t&&a("footer",{key:"a18df5b5dccc0874efad7a0a0955204ad307df95",class:"sui-sidebar__footer"},a("div",{key:"93be435bbab9ad9e3e837f18be1971507153c7a5",class:"sui-sidebar__divider sui-sidebar__divider--top",role:"separator"}),a("div",{key:"2a1ec09406867bf75076dabad79b7a0825fe74a1",class:"sui-sidebar__profile"},a("sui-avatar",{key:"12577bdfe944ad3708a902df13c3b96d34b933a0",size:"lg",src:null!==(i=t.avatarUrl)&&void 0!==i?i:null,alt:t.name,initials:null!==(s=t.initials)&&void 0!==s?s:"",status:null!==(e=t.status)&&void 0!==e?e:null,color:"slate"}),!this.collapsed&&[a("div",{key:"52cce5fca71580ed8be2d2b9bdc37eb829f93518",class:"sui-sidebar__profile-info"},a("div",{key:"7f7e70e9cf9755c4a2b0fad6e0f01881a3b70e51",class:"sui-sidebar__profile-name-row"},a("span",{key:"df68cc6c0a951476c145ee79f617f7f6cc28e26a",class:"sui-sidebar__profile-name"},t.name),t.verified&&a("sui-icon",{key:"21acae923307e6a4d6fa36fcccf80c4284dc954a",class:"sui-sidebar__profile-verified",name:"verified-badge-fill",size:20,"aria-label":"Verificado"})),t.email&&a("span",{key:"d6811b61b34666d6e21f668fe607c2f2a4f256ef",class:"sui-sidebar__profile-email"},t.email)),this.profileDropdown&&a("button",{key:"ccd87e7e617c8a12bb905aab13557049025f4c95",type:"button",class:"sui-sidebar__compact-btn sui-sidebar__compact-btn--ghost","aria-label":"Opciones de perfil",onClick:this.onProfileButtonClick},a("sui-icon",{key:"2c367478733c2195ade7a726787ce022210aceae",name:"arrow-right-s-line",size:20}))]))))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-sidebar-h{display:contents;font-family:var(--sui-font-sans, "Satoshi", system-ui, sans-serif)}.sc-sui-sidebar-h a.sc-sui-sidebar,.sc-sui-sidebar-h button.sc-sui-sidebar{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sui-sidebar-backdrop.sc-sui-sidebar{position:fixed;inset:0;z-index:299;background:rgba(51, 51, 51, 0.24);animation:sui-sidebar-fade-in 200ms ease-out}.sui-sidebar.sc-sui-sidebar{display:flex;flex-direction:column;flex-shrink:0;width:272px;height:100dvh;background:var(--sui-bg-white-0, #ffffff);border-right:1px solid var(--sui-stroke-soft-200, #ebebeb);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-sidebar__header.sc-sui-sidebar{position:relative;padding:12px;padding-top:calc(12px + env(safe-area-inset-top, 0px))}.sui-sidebar__header-card.sc-sui-sidebar{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--sui-radius-10, 10px);background:var(--sui-bg-white-0, #ffffff);overflow:hidden}.sui-sidebar__brand-logo.sc-sui-sidebar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-sub-600, #5c5c5c);overflow:hidden}.sui-sidebar__brand-logo.sc-sui-sidebar img.sc-sui-sidebar{width:100%;height:100%;object-fit:cover;display:block}.sui-sidebar__brand-fallback.sc-sui-sidebar{font-size:18px;line-height:1}.sui-sidebar__compact-btn.sc-sui-sidebar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1px;border-radius:var(--sui-radius-6, 6px);border:1px solid var(--sui-stroke-soft-200, #ebebeb);background:var(--sui-bg-white-0, #ffffff);box-shadow:var(--sui-regular-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.031372549));color:var(--sui-text-sub-600, #5c5c5c);cursor:pointer;transition:background-color 120ms ease-out, color 120ms ease-out}@media (hover: hover) and (pointer: fine){.sui-sidebar__compact-btn.sc-sui-sidebar:hover{background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-strong-950, #171717)}}.sui-sidebar__compact-btn.sc-sui-sidebar:focus-visible{outline:2px solid var(--sui-state-information-base, #335cff);outline-offset:-1px}.sui-sidebar__compact-btn.sc-sui-sidebar:active{background:var(--sui-bg-weak-50, #f7f7f7)}.sui-sidebar__compact-btn--ghost.sc-sui-sidebar{border-color:transparent;box-shadow:none;background:transparent}.sui-sidebar__compact-btn--active.sc-sui-sidebar,.sui-sidebar__compact-btn--active.sc-sui-sidebar:hover,.sui-sidebar__compact-btn--active.sc-sui-sidebar:active{background:var(--sui-bg-strong-950, #171717);border-color:var(--sui-bg-strong-950, #171717);color:var(--sui-text-white-0, #ffffff)}.sui-sidebar__header-info.sc-sui-sidebar{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;align-items:flex-start}.sui-sidebar__header-name.sc-sui-sidebar{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.006em;color:var(--sui-text-strong-950, #171717);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sui-sidebar__header-subtitle.sc-sui-sidebar{font-size:12px;font-weight:400;line-height:16px;color:var(--sui-text-sub-600, #5c5c5c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sui-sidebar__divider.sc-sui-sidebar{position:absolute;bottom:0;left:20px;right:20px;height:1px;background:var(--sui-stroke-soft-200, #ebebeb)}.sui-sidebar__divider--top.sc-sui-sidebar{top:0;bottom:auto}.sui-sidebar__content.sc-sui-sidebar{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px 20px 16px;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none}.sui-sidebar__content.sc-sui-sidebar::-webkit-scrollbar{display:none}.sui-sidebar__section.sc-sui-sidebar{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.sui-sidebar__section--secondary.sc-sui-sidebar,.sui-sidebar__section--supporting.sc-sui-sidebar{gap:6px}.sui-sidebar__section--anchor-bottom.sc-sui-sidebar{margin-top:auto}.sui-sidebar__section-label.sc-sui-sidebar{padding:4px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:0.04em;text-transform:uppercase;color:var(--sui-text-soft-400, #a3a3a3)}.sui-sidebar__section-label--collapsed.sc-sui-sidebar{padding:4px 0;text-align:center}.sui-sidebar__search.sc-sui-sidebar{display:flex;align-items:center;gap:8px;width:100%;padding:8px 8px 8px 10px;border-radius:var(--sui-radius-8, 8px);border:1px solid var(--sui-stroke-soft-200, #ebebeb);background:var(--sui-bg-white-0, #ffffff);box-shadow:var(--sui-regular-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.031372549));box-sizing:border-box}.sui-sidebar__search-icon.sc-sui-sidebar{flex-shrink:0;display:inline-flex;color:var(--sui-text-soft-400, #a3a3a3)}.sui-sidebar__search-input.sc-sui-sidebar{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.006em;color:var(--sui-text-strong-950, #171717)}.sui-sidebar__search-input.sc-sui-sidebar::placeholder{color:var(--sui-text-soft-400, #a3a3a3)}@media (max-width: 767px){.sui-sidebar__search-input.sc-sui-sidebar{font-size:16px}}.sui-sidebar__shortcut.sc-sui-sidebar{flex-shrink:0;display:inline-flex;align-items:center;box-sizing:border-box;padding:2px 6px;border-radius:var(--sui-radius-4, 4px);border:1px solid var(--sui-stroke-soft-200, #ebebeb);font-size:12px;font-weight:500;line-height:16px;letter-spacing:0.04em;text-transform:uppercase;color:var(--sui-text-soft-400, #a3a3a3);white-space:nowrap}.sui-sidebar__nav.sc-sui-sidebar{display:flex;flex-direction:column;gap:4px}.sui-sidebar__item.sc-sui-sidebar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--sui-radius-8, 8px);width:100%;box-sizing:border-box;background:transparent;border:none;font-family:inherit;text-align:left;text-decoration:none;color:inherit;cursor:pointer;position:relative;transition:background-color 120ms ease-out, color 120ms ease-out}@media (hover: hover) and (pointer: fine){.sui-sidebar__item.sc-sui-sidebar:hover{background:var(--sui-bg-weak-50, #f7f7f7)}.sui-sidebar__item.sc-sui-sidebar:hover .sui-sidebar__item-label.sc-sui-sidebar,.sui-sidebar__item.sc-sui-sidebar:hover .sui-sidebar__item-icon.sc-sui-sidebar{color:var(--sui-text-strong-950, #171717)}}.sui-sidebar__item.sc-sui-sidebar:focus-visible{outline:2px solid var(--_sui-sidebar-indicator, var(--sui-primary-base, #fa7319));outline-offset:-2px}.sui-sidebar__item.sc-sui-sidebar:active{background:var(--sui-bg-weak-50, #f7f7f7)}.sui-sidebar__item-icon.sc-sui-sidebar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--sui-text-sub-600, #5c5c5c);transition:color 120ms ease-out}.sui-sidebar__item-label.sc-sui-sidebar{flex:1;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.006em;color:var(--sui-text-sub-600, #5c5c5c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 120ms ease-out}.sui-sidebar__item-badge.sc-sui-sidebar{flex-shrink:0}.sui-sidebar__item-dot.sc-sui-sidebar{flex-shrink:0;width:8px;height:8px;margin:6px;border-radius:999px}.sui-sidebar__item-chevron.sc-sui-sidebar{flex-shrink:0;display:none;color:var(--sui-text-sub-600, #5c5c5c)}.sc-sui-sidebar-h{--_sui-sidebar-indicator:var(--sui-primary-base, #fa7319)}[data-sui-indicator=information].sc-sui-sidebar-h{--_sui-sidebar-indicator:var(--sui-state-information-base, #335cff)}.sui-sidebar__item--active.sc-sui-sidebar{background:var(--sui-bg-weak-50, #f7f7f7)}.sui-sidebar__item--active.sc-sui-sidebar .sui-sidebar__item-label.sc-sui-sidebar{color:var(--sui-text-strong-950, #171717)}.sui-sidebar__item--active.sc-sui-sidebar .sui-sidebar__item-icon.sc-sui-sidebar{color:var(--_sui-sidebar-indicator)}.sui-sidebar__item--active.sc-sui-sidebar .sui-sidebar__item-chevron.sc-sui-sidebar{display:inline-flex;color:var(--sui-text-sub-600, #5c5c5c)}.sui-sidebar__item--active.sc-sui-sidebar::before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--_sui-sidebar-indicator);border-radius:0 4px 4px 0}@media (hover: hover) and (pointer: fine){.sui-sidebar__item--active.sc-sui-sidebar:hover{background:var(--sui-bg-weak-50, #f7f7f7)}}.sui-sidebar__item--danger.sc-sui-sidebar .sui-sidebar__item-icon.sc-sui-sidebar,.sui-sidebar__item--danger.sc-sui-sidebar .sui-sidebar__item-label.sc-sui-sidebar{color:var(--sui-state-error-base, #fb3748)}@media (hover: hover) and (pointer: fine){.sui-sidebar__item--danger.sc-sui-sidebar:hover{background:var(--sui-red-alpha-10, rgba(251, 55, 72, 0.0980392157))}.sui-sidebar__item--danger.sc-sui-sidebar:hover .sui-sidebar__item-icon.sc-sui-sidebar,.sui-sidebar__item--danger.sc-sui-sidebar:hover .sui-sidebar__item-label.sc-sui-sidebar{color:var(--sui-state-error-base, #fb3748)}}.sui-sidebar__item--danger.sc-sui-sidebar:active{background:var(--sui-red-alpha-16, rgba(251, 55, 72, 0.1607843137))}.sui-sidebar__footer.sc-sui-sidebar{position:relative;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px))}.sui-sidebar__profile.sc-sui-sidebar{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--sui-radius-10, 10px);overflow:hidden}.sui-sidebar__profile-info.sc-sui-sidebar{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;height:40px;justify-content:center}.sui-sidebar__profile-name-row.sc-sui-sidebar{display:flex;align-items:center;gap:2px;min-width:0}.sui-sidebar__profile-name.sc-sui-sidebar{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.006em;color:var(--sui-text-strong-950, #171717);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-sidebar__profile-verified.sc-sui-sidebar{flex-shrink:0;display:inline-flex;color:var(--sui-state-verified-base, #47c2ff)}.sui-sidebar__profile-email.sc-sui-sidebar{font-size:12px;font-weight:400;line-height:16px;color:var(--sui-text-sub-600, #5c5c5c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-sidebar__feature-card.sc-sui-sidebar{width:100%}.sui-sidebar__feature-card.sc-sui-sidebar:not(:has(*)){display:none}[data-sui-collapsed].sc-sui-sidebar-h .sui-sidebar.sc-sui-sidebar{width:80px}[data-sui-collapsed].sc-sui-sidebar-h .sui-sidebar__header-card.sc-sui-sidebar,[data-sui-collapsed].sc-sui-sidebar-h .sui-sidebar__profile.sc-sui-sidebar{justify-content:center}[data-sui-collapsed].sc-sui-sidebar-h .sui-sidebar__content.sc-sui-sidebar{padding-inline:12px}[data-sui-collapsed].sc-sui-sidebar-h .sui-sidebar__item.sc-sui-sidebar{justify-content:center;width:36px;height:36px;padding:8px;margin-inline:auto}[data-sui-collapsed].sc-sui-sidebar-h .sui-sidebar__item--active.sc-sui-sidebar::before{left:-22px}@media (max-width: 767px){.sui-sidebar.sc-sui-sidebar{position:fixed;top:0;left:0;bottom:0;height:100dvh;z-index:300;width:min(86vw, 360px);box-sizing:border-box;padding-left:env(safe-area-inset-left, 0px);transform:translateX(-100%);transition:transform 240ms cubic-bezier(0.23, 1, 0.32, 1);border-right:none;border-radius:0 24px 24px 0;overflow:hidden;box-shadow:4px 0 24px rgba(14, 18, 27, 0)}.sui-sidebar--open.sc-sui-sidebar{transform:translateX(0);box-shadow:4px 0 24px rgba(14, 18, 27, 0.1)}[data-sui-mobile-mode=sheet].sc-sui-sidebar-h .sui-sidebar.sc-sui-sidebar{width:calc(100vw - 40px);max-width:none}.sui-sidebar__item.sc-sui-sidebar{gap:14px;padding:14px 12px;border-radius:var(--sui-radius-10, 10px);transition:transform 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms cubic-bezier(0.23, 1, 0.32, 1)}.sui-sidebar__item.sc-sui-sidebar:active{transform:scale(0.98);background:var(--sui-bg-weak-50, #f7f7f7)}.sui-sidebar__item-icon.sc-sui-sidebar{width:24px;height:24px}.sui-sidebar__item-label.sc-sui-sidebar{font-size:17px;line-height:24px;letter-spacing:-0.01em}}@keyframes sui-sidebar-fade-in{from{opacity:0}to{opacity:1}}.sui-sidebar__search-clear.sc-sui-sidebar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:none;cursor:pointer;color:var(--sui-text-soft-400, #99a0ae)}.sui-sidebar__search-clear.sc-sui-sidebar:hover{color:var(--sui-text-sub-600, #525866)}'}},[262,"sui-sidebar",{collapsed:[516],indicatorColor:[513,"indicator-color"],brand:[16],showHeaderButton:[4,"show-header-button"],headerButtonActive:[4,"header-button-active"],search:[4],searchValue:[1025,"search-value"],items:[16],secondaryItems:[16],supportingItems:[16],supportingAnchorBottom:[4,"supporting-anchor-bottom"],itemsLabel:[1,"items-label"],secondaryItemsLabel:[1,"secondary-items-label"],supportingItemsLabel:[1,"supporting-items-label"],activeRoute:[1,"active-route"],profile:[16],profileDropdown:[4,"profile-dropdown"],mobileOpen:[1028,"mobile-open"],closeOnItemClick:[4,"close-on-item-click"],showBackdrop:[4,"show-backdrop"],mobileMode:[513,"mobile-mode"],isMobile:[32]},[[4,"keydown","onEscapeKey"],[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]),u=n,b=function(){"undefined"!=typeof customElements&&["sui-sidebar","sui-avatar","sui-badge","sui-icon"].forEach((i=>{switch(i){case"sui-sidebar":customElements.get(t(i))||customElements.define(t(i),n);break;case"sui-avatar":customElements.get(t(i))||d();break;case"sui-badge":customElements.get(t(i))||o();break;case"sui-icon":customElements.get(t(i))||c()}}))};export{u as SuiSidebar,b as defineCustomElement}

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

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

package/dist/components/sui-slider.js

@@ -0,0 +1 @@
+import{p as s,H as i,c as t,h as e,d as r,t as a}from"./p-BwhKFYtu.js";let l=0;const h=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.valueChange=t(this,"valueChange"),this.minValueChange=t(this,"minValueChange"),this.maxValueChange=t(this,"maxValueChange"),this.type="single",this.size="medium",this.min=0,this.max=100,this.step=1,this.label="",this.sublabel="",this.amount=null,this.unit=null,this.ariaLabel=null,this.tooltip=!1,this.tooltipAlways=!1,this.disabled=!1,this.value=0,this.minValue=0,this.maxValue=0,this.dragging=null,this.hovering=null,this.labelId="sui-slider-label-"+ ++l,this.onTrackPointerDown=s=>{var i;if(this.disabled)return;s.preventDefault();const t=this.valueFromClientX(s.clientX);let e;"single"===this.type?(e="single",this.emitSingle(t)):(e=Math.abs(t-this.effectiveMin)<=Math.abs(t-this.effectiveMax)?"min":"max","min"===e?this.emitMin(t):this.emitMax(t)),this.dragging=e;const r=s.target;try{null===(i=r.setPointerCapture)||void 0===i||i.call(r,s.pointerId)}catch(s){}},this.onPointerMove=s=>{const i=this.dragging;if(!i||this.disabled)return;s.preventDefault();const t=this.valueFromClientX(s.clientX);"single"===i?this.emitSingle(t):"min"===i?this.emitMin(t):this.emitMax(t)},this.onPointerUp=()=>{this.dragging&&(this.dragging=null)}}clamp(s){const i=this.min,t=this.max;return Number.isNaN(s)?i:Math.min(t,Math.max(i,s))}get effectiveValue(){return this.clamp(this.value)}get effectiveMin(){return this.clamp(this.minValue)}get effectiveMax(){const s=this.clamp(this.maxValue);return Math.max(s,this.effectiveMin)}pct(s){const i=this.max-this.min;return i<=0?0:(s-this.min)/i*100}get valuePct(){return this.pct(this.effectiveValue)}get minPct(){return this.pct(this.effectiveMin)}get maxPct(){return this.pct(this.effectiveMax)}get singleHasProgress(){return this.effectiveValue>this.min}get rangeMinColored(){return this.effectiveMin>this.min||this.effectiveMax>this.min}get rangeMaxColored(){return this.effectiveMax>this.min}get amountText(){return null!==this.amount?this.amount:"range"===this.type?`${this.effectiveMin}–${this.effectiveMax}`:""+this.effectiveValue}valueText(s){return this.unit?`${s} ${this.unit}`:null}get singleValueText(){var s;return null!==(s=this.amount)&&void 0!==s?s:this.valueText(this.effectiveValue)}thumbLabel(s){const i="min"===s?"mínimo":"máximo",t=this.ariaLabel||this.label;return t?`${t}, ${i}`:i.charAt(0).toUpperCase()+i.slice(1)}connectedCallback(){this.el.removeAttribute("title")}onTouchStart(){}onTouchEnd(s){var i,t,e;null===(e=null===(t=null===(i=s.target)||void 0===i?void 0:i.closest)||void 0===t?void 0:t.call(i,".sui-slider__thumb"))||void 0===e||e.blur()}showTooltipFor(s){return!(!this.tooltip||!this.tooltipAlways&&this.dragging!==s&&this.hovering!==s)}get showSingleTooltip(){return this.showTooltipFor("single")}get showMinTooltip(){return this.showTooltipFor("min")}get showMaxTooltip(){return this.showTooltipFor("max")}snap(s){const i=this.min,t=this.step;return this.clamp(t<=0?s:i+Math.round((s-i)/t)*t)}emitSingle(s){const i=this.snap(s);this.value=i,this.valueChange.emit(i)}emitMin(s){let i=this.snap(s);i=Math.min(i,this.effectiveMax),this.minValue=i,this.minValueChange.emit(i)}emitMax(s){let i=this.snap(s);i=Math.max(i,this.effectiveMin),this.maxValue=i,this.maxValueChange.emit(i)}trackEl(){return this.el.querySelector(".sui-slider__track")}valueFromClientX(s){const i=this.trackEl();if(!i)return this.min;const t=i.getBoundingClientRect();return t.width<=0?this.min:this.min+Math.min(1,Math.max(0,(s-t.left)/t.width))*(this.max-this.min)}onThumbKeydown(s,i){if(this.disabled)return;const t=this.step||1;let e=0;switch(s.key){case"ArrowRight":case"ArrowUp":e=t;break;case"ArrowLeft":case"ArrowDown":e=-t;break;case"Home":e=-1/0;break;case"End":e=1/0;break;default:return}s.preventDefault(),"single"===i?this.emitSingle(e===1/0?this.max:e===-1/0?this.min:this.effectiveValue+e):"min"===i?this.emitMin(e===1/0?this.max:e===-1/0?this.min:this.effectiveMin+e):this.emitMax(e===1/0?this.max:e===-1/0?this.min:this.effectiveMax+e)}onThumbEnter(s){this.disabled||(this.hovering=s)}onThumbLeave(){this.hovering=null}renderTooltip(s){return e("div",{class:"sui-slider__tooltip"},e("span",{class:"sui-slider__tooltip-text"},s),e("span",{class:"sui-slider__tooltip-tail"}))}render(){const s=this.disabled;return e(r,{key:"1f4a70701a0dafe65ccafe1c6c479cc764ab3dd6","data-sui-type":this.type,"data-sui-size":this.size,"data-sui-disabled":s?"":null,"data-sui-dragging":this.dragging?"":null},this.label&&e("div",{key:"4b7fd2dce88a074ce6b703d4449a0e538a85ed45",class:"sui-slider__label-row"},e("span",{key:"8eb8877763cbc8d3bdca0f0787866b0d9d8813af",class:"sui-slider__label",id:this.labelId},this.label),this.sublabel&&e("span",{key:"bad5a1970be7f44ab0834e9563e009c1fece94f3",class:"sui-slider__sublabel"},this.sublabel),e("span",{key:"f227293736c23e864af0113f12a289343131a8d7",class:"sui-slider__amount"},this.amountText)),e("div",{key:"e4f3ea852881c544ecabef8bf741b7f70de85914",class:"sui-slider__track",onPointerDown:this.onTrackPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp},e("div",{key:"8f78a7e3c85cd65707adac4f638c004b931be150",class:"sui-slider__bg"}),"single"===this.type?[e("div",{class:"sui-slider__progress",style:{width:this.valuePct+"%"}}),e("div",{class:{"sui-slider__thumb":!0,"sui-slider__thumb--zero":!this.singleHasProgress},style:{left:this.valuePct+"%"},role:"slider","aria-valuemin":""+this.min,"aria-valuemax":""+this.max,"aria-valuenow":""+this.effectiveValue,"aria-valuetext":this.singleValueText,"aria-labelledby":this.label&&!this.ariaLabel?this.labelId:null,"aria-label":this.ariaLabel,"aria-disabled":s?"true":null,tabindex:s?"-1":"0",onKeyDown:s=>this.onThumbKeydown(s,"single"),onPointerEnter:()=>this.onThumbEnter("single"),onPointerLeave:()=>this.onThumbLeave()},e("span",{class:"sui-slider__dot"}),this.showSingleTooltip&&this.renderTooltip(this.effectiveValue))]:[e("div",{class:"sui-slider__progress",style:{left:this.minPct+"%",width:this.maxPct-this.minPct+"%"}}),e("div",{class:{"sui-slider__thumb":!0,"sui-slider__thumb--range-min":!0,"sui-slider__thumb--zero":!this.rangeMinColored},style:{left:this.minPct+"%"},role:"slider","aria-valuemin":""+this.min,"aria-valuemax":""+this.effectiveMax,"aria-valuenow":""+this.effectiveMin,"aria-valuetext":this.valueText(this.effectiveMin),"aria-label":this.thumbLabel("min"),"aria-disabled":s?"true":null,tabindex:s?"-1":"0",onKeyDown:s=>this.onThumbKeydown(s,"min"),onPointerEnter:()=>this.onThumbEnter("min"),onPointerLeave:()=>this.onThumbLeave()},e("span",{class:"sui-slider__dot"}),this.showMinTooltip&&this.renderTooltip(this.effectiveMin)),e("div",{class:{"sui-slider__thumb":!0,"sui-slider__thumb--zero":!this.rangeMaxColored},style:{left:this.maxPct+"%"},role:"slider","aria-valuemin":""+this.effectiveMin,"aria-valuemax":""+this.max,"aria-valuenow":""+this.effectiveMax,"aria-valuetext":this.valueText(this.effectiveMax),"aria-label":this.thumbLabel("max"),"aria-disabled":s?"true":null,tabindex:s?"-1":"0",onKeyDown:s=>this.onThumbKeydown(s,"max"),onPointerEnter:()=>this.onThumbEnter("max"),onPointerLeave:()=>this.onThumbLeave()},e("span",{class:"sui-slider__dot"}),this.showMaxTooltip&&this.renderTooltip(this.effectiveMax))]))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-slider-h{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;box-sizing:border-box;font-family:var(--sui-font-sans);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;-webkit-user-select:none;user-select:none}.sui-slider__label-row.sc-sui-slider{display:flex;align-items:flex-start;gap:2px;width:100%;font-size:12px;line-height:16px;font-weight:400}.sui-slider__label.sc-sui-slider{color:var(--sui-text-sub-600);white-space:nowrap}.sui-slider__sublabel.sc-sui-slider{color:var(--sui-text-soft-400);white-space:nowrap}.sui-slider__amount.sc-sui-slider{flex:1 0 0;min-width:0;text-align:right;color:var(--sui-text-sub-600)}.sui-slider__track.sc-sui-slider{position:relative;width:100%;height:16px;cursor:pointer;touch-action:none}.sui-slider__bg.sc-sui-slider{position:absolute;left:0;right:0;top:5px;height:6px;border-radius:var(--sui-radius-full);background:var(--sui-bg-soft-200)}.sui-slider__progress.sc-sui-slider{position:absolute;left:0;top:5px;height:6px;border-radius:var(--sui-radius-full);background:var(--sui-primary-base)}.sui-slider__thumb.sc-sui-slider{position:absolute;top:50%;width:16px;height:16px;margin-left:-8px;transform:translateY(-50%);border-radius:50%;background:var(--sui-static-white, #ffffff);filter:drop-shadow(0px 6px 5px rgba(14, 18, 27, 0.06)) drop-shadow(0px 2px 2px rgba(14, 18, 27, 0.03));display:flex;align-items:center;justify-content:center;cursor:grab;outline:none;box-sizing:border-box}.sui-slider__thumb.sc-sui-slider:active{cursor:grabbing}.sui-slider__thumb--range-min.sc-sui-slider{margin-left:-5px}.sui-slider__thumb.sc-sui-slider:focus-visible{box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-primary-base)}.sui-slider__dot.sc-sui-slider{width:6px;height:6px;border-radius:50%;background:var(--sui-primary-base);box-sizing:border-box}.sui-slider__thumb--zero.sc-sui-slider .sui-slider__dot.sc-sui-slider{background:var(--sui-bg-soft-200)}[data-sui-size=large].sc-sui-slider-h{gap:8px}[data-sui-size=large].sc-sui-slider-h .sui-slider__label-row.sc-sui-slider{font-size:var(--sui-type-paragraph-sm-size);line-height:var(--sui-type-paragraph-sm-line);letter-spacing:var(--sui-type-paragraph-sm-spacing)}[data-sui-size=large].sc-sui-slider-h .sui-slider__track.sc-sui-slider{height:24px}[data-sui-size=large].sc-sui-slider-h .sui-slider__bg.sc-sui-slider,[data-sui-size=large].sc-sui-slider-h .sui-slider__progress.sc-sui-slider{top:8px;height:8px}[data-sui-size=large].sc-sui-slider-h .sui-slider__thumb.sc-sui-slider{width:24px;height:24px;margin-left:-12px}[data-sui-size=large].sc-sui-slider-h .sui-slider__thumb--range-min.sc-sui-slider{margin-left:-9px}[data-sui-size=large].sc-sui-slider-h .sui-slider__dot.sc-sui-slider{width:8px;height:8px}.sui-slider__tooltip.sc-sui-slider{position:absolute;left:50%;top:-28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:2}.sui-slider__tooltip-text.sc-sui-slider{display:flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:var(--sui-radius-4);background:var(--sui-bg-strong-950);color:var(--sui-text-white-0);font-size:12px;line-height:16px;font-weight:400;white-space:nowrap;box-shadow:0px 12px 24px 0px rgba(14, 18, 27, 0.06), 0px 1px 2px 0px rgba(14, 18, 27, 0.03)}.sui-slider__tooltip-tail.sc-sui-slider{width:8px;height:4px;background:var(--sui-bg-strong-950);clip-path:polygon(0 0, 100% 0, 50% 100%)}[data-sui-disabled].sc-sui-slider-h{cursor:not-allowed}[data-sui-disabled].sc-sui-slider-h .sui-slider__track.sc-sui-slider{cursor:not-allowed}[data-sui-disabled].sc-sui-slider-h .sui-slider__thumb.sc-sui-slider{cursor:not-allowed}[data-sui-disabled].sc-sui-slider-h .sui-slider__progress.sc-sui-slider{background:var(--sui-text-disabled-300)}[data-sui-disabled].sc-sui-slider-h .sui-slider__dot.sc-sui-slider{background:var(--sui-text-disabled-300)}[data-sui-disabled].sc-sui-slider-h .sui-slider__label.sc-sui-slider,[data-sui-disabled].sc-sui-slider-h .sui-slider__amount.sc-sui-slider{color:var(--sui-text-disabled-300)}'}},[2,"sui-slider",{type:[513],size:[513],min:[2],max:[2],step:[2],label:[1],sublabel:[1],amount:[1],unit:[1],ariaLabel:[1,"aria-label"],tooltip:[4],tooltipAlways:[4,"tooltip-always"],disabled:[516],value:[1026],minValue:[1026,"min-value"],maxValue:[1026,"max-value"],dragging:[32],hovering:[32]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]),u=h,n=function(){"undefined"!=typeof customElements&&["sui-slider"].forEach((s=>{"sui-slider"===s&&(customElements.get(a(s))||customElements.define(a(s),h))}))};export{u as SuiSlider,n as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as i,H as t,c as s,h as o,d as a,t as e}from"./p-BwhKFYtu.js";import{s as n}from"./p-CtltTdNy.js";import{d as l}from"./p-Dk_Y92HK.js";import{d as u}from"./p-CmfWN05h.js";const r={apple:"#000000","x-twitter":"#010101",google:"#f14336",facebook:"#1977f3",linkedin:"#0077b5",github:"#24292f",dropbox:"#3984ff"},c={apple:"Apple","x-twitter":"X",google:"Google",facebook:"Facebook",linkedin:"LinkedIn",github:"GitHub",dropbox:"Dropbox"},b=new Set(["apple","x-twitter","github"]),d=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.clicked=s(this,"clicked"),this.variantStyle="filled",this.onlyIcon=!1,this.size="medium",this.label=null,this.disabled=!1,this.loading=!1,this.href=null,this.target=null,this.rel="noopener noreferrer",this.type="button",this.ariaLabel=null,this.isDark=!1,this.onClick=i=>{if(this.isDisabled)return i.stopPropagation(),void i.preventDefault();if(this.clicked.emit(i),this.isAnchor&&n(i,this.href),this.isAnchor||"button"===this.type)return;const t=this.el.closest("form");t&&("submit"===this.type?t.requestSubmit():"reset"===this.type&&t.reset())}}get isDisabled(){return this.disabled||this.loading}get isAnchor(){return!!this.href&&!this.isDisabled}connectedCallback(){const i=()=>this.isDark="dark"===document.documentElement.getAttribute("data-theme");i(),"undefined"!=typeof MutationObserver&&(this.themeObs=new MutationObserver(i),this.themeObs.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}))}disconnectedCallback(){var i;null===(i=this.themeObs)||void 0===i||i.disconnect()}get logoStyle(){return"filled"===this.variantStyle||this.isDark&&b.has(this.brand)?"white":"original"}get filledBg(){return"filled"===this.variantStyle?r[this.brand]:null}get resolvedLabel(){var i;return null!==(i=this.label)&&void 0!==i?i:"Continuar con "+c[this.brand]}get resolvedAriaLabel(){return this.ariaLabel?this.ariaLabel:this.onlyIcon?this.resolvedLabel:null}onTouchStart(){}onTouchEnd(){this.el.blur()}renderLeading(){return this.loading?o("sui-icon",{class:"sui-social-button__spinner",name:"loader-4-line",size:20}):o("sui-brand-logo",{company:this.brand,variant:this.logoStyle,size:"sm"})}render(){var i,t,s;const e=[this.renderLeading(),this.onlyIcon?null:o("span",{class:"sui-social-button__text"},this.resolvedLabel)];return o(a,{key:"5ec66c6fe706f127bf0116317b04d4d27b952ac5","data-sui-brand":this.brand,"data-sui-style":this.variantStyle,"data-sui-size":this.size,"data-sui-only-icon":this.onlyIcon?"":null,"data-sui-disabled":this.isDisabled?"":null,"data-sui-loading":this.loading?"":null,style:this.filledBg?{"--sui-social-bg":this.filledBg}:void 0},this.isAnchor?o("a",{class:"sui-social-button__el",href:null!==(i=this.href)&&void 0!==i?i:void 0,target:null!==(t=this.target)&&void 0!==t?t:void 0,rel:null!==(s=this.rel)&&void 0!==s?s:void 0,"aria-label":this.resolvedAriaLabel,onClick:this.onClick},e):o("button",{class:"sui-social-button__el",type:this.type,disabled:this.isDisabled||void 0,"aria-label":this.resolvedAriaLabel,onClick:this.onClick},e))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-social-button-h{display:inline-flex;align-items:stretch;vertical-align:middle}.sui-social-button__el.sc-sui-social-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:10px 16px 10px 10px;border:0;border-radius:var(--sui-radius-10, 10px);background:transparent;color:inherit;text-decoration:none;cursor:pointer;font-family:var(--sui-font-sans);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;min-height:40px;box-sizing:border-box;flex:1 1 auto;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background 120ms, transform var(--dur-instant, 80ms) var(--ease-ek, cubic-bezier(0.22, 1, 0.36, 1))}.sui-social-button__el.sc-sui-social-button:active:not(:disabled){transform:scale(0.97)}.sui-social-button__el.sc-sui-social-button:disabled{cursor:not-allowed}.sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button:active:not(:disabled),.sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-primary-alpha-10)}.sui-social-button__text.sc-sui-social-button{font-size:var(--sui-type-label-sm-size, 14px);line-height:var(--sui-type-label-sm-line, 20px);letter-spacing:var(--sui-type-label-sm-spacing, -0.006em);font-weight:var(--sui-type-label-sm-weight, 500);white-space:nowrap}.sui-social-button__spinner.sc-sui-social-button{display:inline-flex;animation:sui-social-button-spin 0.8s linear infinite}@keyframes sui-social-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.sui-social-button__spinner.sc-sui-social-button{animation:none}}[data-sui-only-icon].sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button{padding:10px;width:40px;height:40px;flex:none}[data-sui-size=large].sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button{padding:12px 18px 12px 12px;min-height:48px}[data-sui-size=large].sc-sui-social-button-h .sui-social-button__text.sc-sui-social-button{font-size:var(--sui-type-label-md-size, 16px);line-height:var(--sui-type-label-md-line, 24px);letter-spacing:var(--sui-type-label-md-spacing, -0.011em)}[data-sui-size=large][data-sui-only-icon].sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button{padding:14px;width:48px;height:48px}[data-sui-style=filled].sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button{background:var(--sui-social-bg);color:var(--sui-static-white, #ffffff)}[data-sui-style=filled].sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button:hover:not(:disabled){background:linear-gradient(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)) padding-box, var(--sui-social-bg)}[data-sui-style=filled].sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button:active:not(:disabled){background:linear-gradient(rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)) padding-box, var(--sui-social-bg)}[data-sui-style=stroke].sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button{background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);color:var(--sui-text-strong-950);box-shadow:var(--sui-regular-shadow-x-small)}[data-sui-style=stroke].sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button:hover:not(:disabled){background:var(--sui-bg-weak-50)}[data-sui-style=stroke].sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button:active:not(:disabled){background:var(--sui-bg-soft-200)}[data-sui-disabled].sc-sui-social-button-h .sui-social-button__el.sc-sui-social-button,.sui-social-button__el.sc-sui-social-button:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}'}},[2,"sui-social-button",{brand:[513],variantStyle:[513,"variant-style"],onlyIcon:[516,"only-icon"],size:[513],label:[1],disabled:[516],loading:[516],href:[1],target:[1],rel:[1],type:[1],ariaLabel:[1,"aria-label"],isDark:[32]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]),h=d,p=function(){"undefined"!=typeof customElements&&["sui-social-button","sui-brand-logo","sui-icon"].forEach((i=>{switch(i){case"sui-social-button":customElements.get(e(i))||customElements.define(e(i),d);break;case"sui-brand-logo":customElements.get(e(i))||l();break;case"sui-icon":customElements.get(e(i))||u()}}))};export{h as SuiSocialButton,p as defineCustomElement}

package/dist/components/sui-status-badge.d.ts

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

package/dist/components/sui-status-badge.js

@@ -0,0 +1 @@
+import{p as s,H as a,h as t,d as e,t as i}from"./p-BwhKFYtu.js";import{d as u}from"./p-CmfWN05h.js";const r=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.status="completed",this.appearance="stroke",this.withDot=!1,this.size="medium",this.icon=""}get iconSize(){return"xlarge"===this.size?20:"large"===this.size?16:12}get iconName(){const s=(this.icon||"").trim();if(s)return s;switch(this.status){case"completed":default:return"checkbox-circle-fill";case"pending":return"alert-fill";case"failed":return"error-warning-fill";case"information":return"information-fill";case"disabled":return"forbid-fill"}}render(){return t(e,{key:"9f8c16f7148f6bc338780c77d4e825bdeb0f1d3d",role:"status","data-sui-status":this.status,"data-sui-appearance":this.appearance,"data-sui-size":this.size,"data-sui-with-dot":this.withDot?"":null},this.withDot?t("span",{class:"sui-status-badge__dot","aria-hidden":"true"}):t("span",{class:"sui-status-badge__icon","aria-hidden":"true"},t("sui-icon",{name:this.iconName,size:this.iconSize})),t("span",{key:"8b00c6025aa339033be6039015221972b2b55d0c",class:"sui-status-badge__label"},t("slot",{key:"cd555d7bf0d071aa6b4540298a97be80a30f64f6"})))}static get style(){return'@charset "UTF-8";.sc-sui-status-badge-h{display:inline-flex;align-items:center;box-sizing:border-box;height:24px;padding:4px 8px 4px 4px;border:1px solid transparent;border-radius:var(--sui-radius-6);font-family:var(--sui-font-sans);font-size:var(--sui-type-label-xs-size);font-weight:var(--sui-type-label-xs-weight);line-height:var(--sui-type-label-xs-line);letter-spacing:var(--sui-type-label-xs-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;white-space:nowrap;vertical-align:middle;overflow:clip;gap:4px}[data-sui-with-dot].sc-sui-status-badge-h{gap:2px}.sui-status-badge__icon.sc-sui-status-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.sui-status-badge__dot.sc-sui-status-badge{display:inline-block;width:16px;height:16px;flex-shrink:0;background-image:radial-gradient(circle at center, currentColor 0, currentColor 3px, transparent 3.5px)}.sui-status-badge__label.sc-sui-status-badge{display:inline-flex;align-items:center}[data-sui-size=large].sc-sui-status-badge-h{height:28px;padding:4px 10px 4px 6px;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)}[data-sui-size=xlarge].sc-sui-status-badge-h{height:32px;padding:4px 12px 4px 6px;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-status-badge-h .sui-status-badge__icon.sc-sui-status-badge,[data-sui-size=large].sc-sui-status-badge-h .sui-status-badge__dot.sc-sui-status-badge{width:20px;height:20px}[data-sui-size=xlarge].sc-sui-status-badge-h .sui-status-badge__icon.sc-sui-status-badge,[data-sui-size=xlarge].sc-sui-status-badge-h .sui-status-badge__dot.sc-sui-status-badge{width:24px;height:24px}[data-sui-size=large].sc-sui-status-badge-h .sui-status-badge__dot.sc-sui-status-badge,[data-sui-size=xlarge].sc-sui-status-badge-h .sui-status-badge__dot.sc-sui-status-badge{background-image:radial-gradient(circle at center, currentColor 0, currentColor 4px, transparent 4.5px)}[data-sui-status=completed][data-sui-appearance=stroke].sc-sui-status-badge-h{background:var(--sui-bg-white-0);border-color:var(--sui-stroke-soft-200);color:var(--sui-state-success-base)}[data-sui-status=completed][data-sui-appearance=stroke].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-text-sub-600)}[data-sui-status=completed][data-sui-appearance=light].sc-sui-status-badge-h{background:var(--sui-state-success-lighter);border-color:transparent;color:var(--sui-state-success-base)}[data-sui-status=completed][data-sui-appearance=light].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-state-success-base)}[data-sui-status=pending][data-sui-appearance=stroke].sc-sui-status-badge-h{background:var(--sui-bg-white-0);border-color:var(--sui-stroke-soft-200);color:var(--sui-state-warning-base)}[data-sui-status=pending][data-sui-appearance=stroke].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-text-sub-600)}[data-sui-status=pending][data-sui-appearance=light].sc-sui-status-badge-h{background:var(--sui-state-warning-lighter);border-color:transparent;color:var(--sui-state-warning-base)}[data-sui-status=pending][data-sui-appearance=light].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-state-warning-base)}[data-sui-status=failed][data-sui-appearance=stroke].sc-sui-status-badge-h{background:var(--sui-bg-white-0);border-color:var(--sui-stroke-soft-200);color:var(--sui-state-error-base)}[data-sui-status=failed][data-sui-appearance=stroke].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-text-sub-600)}[data-sui-status=failed][data-sui-appearance=light].sc-sui-status-badge-h{background:var(--sui-state-error-lighter);border-color:transparent;color:var(--sui-state-error-base)}[data-sui-status=failed][data-sui-appearance=light].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-state-error-base)}[data-sui-status=information][data-sui-appearance=stroke].sc-sui-status-badge-h{background:var(--sui-bg-white-0);border-color:var(--sui-stroke-soft-200);color:var(--sui-state-information-base)}[data-sui-status=information][data-sui-appearance=stroke].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-text-sub-600)}[data-sui-status=information][data-sui-appearance=light].sc-sui-status-badge-h{background:var(--sui-state-information-lighter);border-color:transparent;color:var(--sui-state-information-base)}[data-sui-status=information][data-sui-appearance=light].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-state-information-base)}[data-sui-status=disabled][data-sui-appearance=stroke].sc-sui-status-badge-h{background:var(--sui-bg-white-0);border-color:var(--sui-stroke-soft-200);color:var(--sui-state-faded-base)}[data-sui-status=disabled][data-sui-appearance=stroke].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-text-sub-600)}[data-sui-status=disabled][data-sui-appearance=light].sc-sui-status-badge-h{background:var(--sui-state-faded-lighter);border-color:transparent;color:var(--sui-state-faded-base)}[data-sui-status=disabled][data-sui-appearance=light].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-state-faded-base)}[data-sui-status=disabled][data-sui-appearance=light].sc-sui-status-badge-h .sui-status-badge__label.sc-sui-status-badge{color:var(--sui-text-sub-600)}'}},[262,"sui-status-badge",{status:[513],appearance:[513],withDot:[516,"with-dot"],size:[513],icon:[1]}]),d=r,o=function(){"undefined"!=typeof customElements&&["sui-status-badge","sui-icon"].forEach((s=>{switch(s){case"sui-status-badge":customElements.get(i(s))||customElements.define(i(s),r);break;case"sui-icon":customElements.get(i(s))||u()}}))};export{d as SuiStatusBadge,o as defineCustomElement}

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

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

package/dist/components/sui-stepper.js

@@ -0,0 +1 @@
+import{p as e,H as s,c as t,h as i,d as a,t as r}from"./p-BwhKFYtu.js";import{d as p}from"./p-CmfWN05h.js";const u=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.stepClick=t(this,"stepClick"),this.variant="horizontal",this.steps=[],this.count=0,this.currentStep=0,this.errorStep=null,this.size="small",this.interactive=!1,this.ariaLabel="Progreso",this.onItemClick=e=>{this.interactive&&this.stepClick.emit(e)}}get items(){var e;const s=null!==(e=this.steps)&&void 0!==e?e:[],t=s.length>0?s.length:Math.max(0,this.count);if(0===t)return[];const i=Math.max(0,Math.min(this.currentStep,t)),a=this.errorStep,r=null!==a&&a>=0&&a<t;return Array.from({length:t},((e,p)=>{var u,o;let n;return n=r?p<a?"completed":p===a?"error":"default":p<i?"completed":p===i?"active":"default",{index:p,state:n,label:null!==(o=null===(u=s[p])||void 0===u?void 0:u.label)&&void 0!==o?o:"Paso "+(p+1),number:p+1+"",isLast:p===t-1}}))}renderIndicator(e){const s="medium"===this.size?24:20;return i("span",{class:"sui-stepper__indicator"},"completed"===e.state?i("sui-icon",{name:"checkbox-circle-fill",size:s}):"error"===e.state?i("sui-icon",{name:"close-circle-fill",size:s}):i("span",{class:"sui-stepper__indicator-num"},e.number))}renderDot(e){return this.interactive?i("button",{type:"button",class:"sui-stepper__dot","data-state":e.state,"aria-label":e.label,"aria-current":"active"===e.state?"step":void 0,onClick:()=>this.onItemClick(e.index),onTouchStart:()=>{},onTouchEnd:e=>e.currentTarget.blur()}):i("span",{class:"sui-stepper__dot","data-state":e.state,"aria-current":"active"===e.state?"step":void 0,role:"listitem"})}renderHorizontalItem(e){return this.interactive?i("button",{type:"button",class:"sui-stepper__h-item","data-state":e.state,"aria-current":"active"===e.state?"step":void 0,onClick:()=>this.onItemClick(e.index),onTouchStart:()=>{},onTouchEnd:e=>e.currentTarget.blur()},this.renderIndicator(e),i("span",{class:"sui-stepper__label"},e.label)):i("div",{class:"sui-stepper__h-item","data-state":e.state,"aria-current":"active"===e.state?"step":void 0,role:"listitem"},this.renderIndicator(e),i("span",{class:"sui-stepper__label"},e.label))}renderVerticalItem(e){const s="active"===e.state?i("span",{class:"sui-stepper__chevron","aria-hidden":"true"},i("sui-icon",{name:"arrow-right-s-line",size:20})):void 0;return this.interactive?i("button",{type:"button",class:"sui-stepper__v-item","data-state":e.state,"aria-current":"active"===e.state?"step":void 0,onClick:()=>this.onItemClick(e.index),onTouchStart:()=>{},onTouchEnd:e=>e.currentTarget.blur()},this.renderIndicator(e),i("span",{class:"sui-stepper__label"},e.label),s):i("div",{class:"sui-stepper__v-item","data-state":e.state,"aria-current":"active"===e.state?"step":void 0,role:"listitem"},this.renderIndicator(e),i("span",{class:"sui-stepper__label"},e.label),s)}render(){const e=this.items;return i(a,{key:"cfbf9eb1debf1b416e4afa3a71bbb0ec02f88228","data-variant":this.variant,"data-size":this.size,role:this.interactive?"group":"list","aria-label":this.ariaLabel},"dot"===this.variant&&e.map((e=>this.renderDot(e))),"horizontal"===this.variant&&e.map((e=>[this.renderHorizontalItem(e),!e.isLast&&i("span",{class:"sui-stepper__separator","aria-hidden":"true"},i("sui-icon",{name:"arrow-right-s-line",size:20}))])),"vertical"===this.variant&&e.map((e=>this.renderVerticalItem(e))))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-stepper-h{display:flex;font-family:var(--sui-font-sans)}[data-variant=dot].sc-sui-stepper-h{align-items:center;flex-wrap:wrap;gap:10px}[data-variant=dot][data-size=xsmall].sc-sui-stepper-h{gap:6px}.sui-stepper__dot.sc-sui-stepper{appearance:none;border:0;padding:0;margin:0;background:transparent;cursor:default;font:inherit;display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--sui-bg-soft-200);flex-shrink:0;transition:background-color var(--sui-motion-duration-x-fast, 120ms) var(--sui-motion-ease-out, ease-out)}.sui-stepper__dot[data-state=active].sc-sui-stepper{background:var(--sui-primary-base)}[data-variant=dot][data-size=xsmall].sc-sui-stepper-h .sui-stepper__dot.sc-sui-stepper{width:4px;height:4px}[data-variant=dot].sc-sui-stepper-h button.sui-stepper__dot.sc-sui-stepper{cursor:pointer}[data-variant=dot].sc-sui-stepper-h button.sui-stepper__dot.sc-sui-stepper:focus-visible{outline:2px solid var(--sui-text-strong-950);outline-offset:2px}@media (max-width: 767px){[data-variant=dot].sc-sui-stepper-h button.sui-stepper__dot.sc-sui-stepper{position:relative}[data-variant=dot].sc-sui-stepper-h button.sui-stepper__dot.sc-sui-stepper::before{content:"";position:absolute;inset:-18px -5px}[data-variant=dot][data-size=medium].sc-sui-stepper-h button.sui-stepper__dot.sc-sui-stepper::before{inset:-17px -6px}[data-variant=dot][data-size=xsmall].sc-sui-stepper-h button.sui-stepper__dot.sc-sui-stepper::before{inset:-20px -3px}}[data-variant=horizontal].sc-sui-stepper-h{align-items:center;flex-wrap:wrap;gap:16px}[data-variant=horizontal].sc-sui-stepper-h{align-items:center;flex-wrap:wrap;gap:16px}.sui-stepper__h-item.sc-sui-stepper{appearance:none;border:0;padding:0;margin:0;background:transparent;font:inherit;text-align:left;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;cursor:default}.sui-stepper__h-item[data-state=active].sc-sui-stepper .sui-stepper__label.sc-sui-stepper,.sui-stepper__h-item[data-state=completed].sc-sui-stepper .sui-stepper__label.sc-sui-stepper{color:var(--sui-text-strong-950)}[data-variant=horizontal].sc-sui-stepper-h button.sui-stepper__h-item.sc-sui-stepper{cursor:pointer}[data-variant=horizontal].sc-sui-stepper-h button.sui-stepper__h-item.sc-sui-stepper:focus-visible{outline:2px solid var(--sui-text-strong-950);outline-offset:2px;border-radius:6px}.sui-stepper__separator.sc-sui-stepper{display:inline-flex;align-items:center;color:var(--sui-icon-soft-400);flex-shrink:0}[data-variant=vertical].sc-sui-stepper-h{flex-direction:column;align-items:stretch;gap:8px;width:100%}.sui-stepper__v-item.sc-sui-stepper{appearance:none;border:0;margin:0;font:inherit;text-align:left;display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--sui-radius-10);background:var(--sui-bg-weak-50);width:100%;cursor:default;transition:background-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)}.sui-stepper__v-item[data-state=active].sc-sui-stepper{background:var(--sui-bg-white-0);box-shadow:var(--sui-regular-shadow-x-small)}.sui-stepper__v-item[data-state=active].sc-sui-stepper .sui-stepper__label.sc-sui-stepper{color:var(--sui-text-strong-950)}.sui-stepper__v-item[data-state=completed].sc-sui-stepper .sui-stepper__label.sc-sui-stepper{color:var(--sui-text-sub-600)}[data-variant=vertical].sc-sui-stepper-h button.sui-stepper__v-item.sc-sui-stepper{cursor:pointer}[data-variant=vertical].sc-sui-stepper-h button.sui-stepper__v-item.sc-sui-stepper:focus-visible{outline:2px solid var(--sui-text-strong-950);outline-offset:2px}.sui-stepper__chevron.sc-sui-stepper{display:inline-flex;align-items:center;color:var(--sui-icon-sub-600);flex-shrink:0;margin-left:auto}.sui-stepper__indicator.sc-sui-stepper{width:20px;height:20px;border-radius:var(--sui-radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--sui-bg-white-0);flex-shrink:0;overflow:clip;box-shadow:inset 0 0 0 1px var(--sui-stroke-soft-200);transition:background-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-state=active].sc-sui-stepper .sui-stepper__indicator.sc-sui-stepper{background:var(--sui-primary-base);box-shadow:none}[data-state=completed].sc-sui-stepper .sui-stepper__indicator.sc-sui-stepper{background:transparent;box-shadow:none;color:var(--sui-state-success-base)}[data-state=error].sc-sui-stepper .sui-stepper__indicator.sc-sui-stepper{background:transparent;box-shadow:none;color:var(--sui-state-error-base)}[data-state=error].sc-sui-stepper .sui-stepper__label.sc-sui-stepper{color:var(--sui-state-error-base)}[data-variant=vertical].sc-sui-stepper-h .sui-stepper__v-item[data-state=default].sc-sui-stepper .sui-stepper__indicator.sc-sui-stepper{box-shadow:var(--sui-regular-shadow-x-small)}.sui-stepper__indicator-num.sc-sui-stepper{font-size:var(--sui-type-label-xs-size);font-weight:var(--sui-type-label-xs-weight);line-height:var(--sui-type-label-xs-line);letter-spacing:var(--sui-type-label-xs-spacing);color:var(--sui-text-sub-600);text-align:center;width:16px;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}[data-state=active].sc-sui-stepper .sui-stepper__indicator-num.sc-sui-stepper{color:var(--sui-static-white, #ffffff)}.sui-stepper__label.sc-sui-stepper{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);white-space:nowrap;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}[data-variant=vertical].sc-sui-stepper-h .sui-stepper__label.sc-sui-stepper{white-space:normal;flex:1 0 0;min-width:0}[data-variant=dot][data-size=medium].sc-sui-stepper-h{gap:12px}[data-variant=dot][data-size=medium].sc-sui-stepper-h .sui-stepper__dot.sc-sui-stepper{width:10px;height:10px}[data-size=medium].sc-sui-stepper-h .sui-stepper__indicator.sc-sui-stepper{width:24px;height:24px}[data-size=medium].sc-sui-stepper-h .sui-stepper__indicator-num.sc-sui-stepper{width:20px;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)}[data-size=medium].sc-sui-stepper-h .sui-stepper__label.sc-sui-stepper{font-size:var(--sui-type-paragraph-md-size);font-weight:var(--sui-type-paragraph-md-weight);line-height:var(--sui-type-paragraph-md-line);letter-spacing:var(--sui-type-paragraph-md-spacing)}[data-variant=horizontal][data-size=medium].sc-sui-stepper-h .sui-stepper__h-item.sc-sui-stepper{gap:10px}[data-variant=vertical][data-size=medium].sc-sui-stepper-h .sui-stepper__v-item.sc-sui-stepper{gap:12px;padding:10px;border-radius:var(--sui-radius-12)}'}},[2,"sui-stepper",{variant:[513],steps:[16],count:[2],currentStep:[2,"current-step"],errorStep:[2,"error-step"],size:[513],interactive:[4],ariaLabel:[1,"aria-label"]}]),o=u,n=function(){"undefined"!=typeof customElements&&["sui-stepper","sui-icon"].forEach((e=>{switch(e){case"sui-stepper":customElements.get(r(e))||customElements.define(r(e),u);break;case"sui-icon":customElements.get(r(e))||p()}}))};export{o as SuiStepper,n as defineCustomElement}

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

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

package/dist/components/sui-store-card.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 o}from"./p-CmfWN05h.js";const c=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.toggleFavorite=e(this,"toggleFavorite"),this.ratingClicked=e(this,"ratingClicked"),this.isFavorite=!1,this.disableLink=!1,this.linkBase="/cliente/restaurante",this.size="small",this.onFavClick=s=>{s.preventDefault(),s.stopPropagation(),this.toggleFavorite.emit(s)},this.onCardClick=s=>{this.data.isSuspended&&s.preventDefault()},this.onRatingClick=s=>{var t;s.preventDefault(),s.stopPropagation();const e=this.data,r={id:e.id,name:e.name,logoUrl:null!==(t=e.logoUrl)&&void 0!==t?t:null};this.ratingClicked.emit(r)},this.onRatingTouchEnd=s=>{const t=s.currentTarget;null==t||t.blur()},this.onImgError=s=>{var t;null===(t=s.target)||void 0===t||t.setAttribute("data-sui-img-dead","")},this.onCoverLoad=s=>{var t;null===(t=s.target)||void 0===t||t.classList.add("sui-img-loaded")}}get data(){if(this.store)return this.store;if(this.storeJson)try{return JSON.parse(this.storeJson)}catch(s){}return{id:"",name:""}}get link(){const s=this.data;return this.disableLink||s.isSuspended?null:`${this.linkBase}/${s.id}`}get initial(){var s,t;return null!==(t=null===(s=this.data.name)||void 0===s?void 0:s.charAt(0))&&void 0!==t?t:""}get ratingLabel(){var s;const t=this.data;return`${(null!=t.rating&&t.rating>0?t.rating:5).toFixed(2).replace(/0$/,"")} (${null!==(s=t.reviewCount)&&void 0!==s?s:0})`}get distanceLabel(){if(void 0!==this.distanceText)return this.distanceText;const s=this.data.distanceKm;return null==s?"—":s<1?Math.round(1e3*s)+" m":s.toFixed(1)+" km"}get previewBadge(){const s=this.data;if(!s.isOwnerPreview)return null;switch(s.ownerPreviewStatus){case"draft":return{label:"Borrador",variant:"draft"};case"pending_approval":default:return{label:"En revisión",variant:"pending"};case"rejected":return{label:"Rechazado",variant:"rejected"}}}get deliveryLabel(){if(void 0!==this.deliveryText)return this.deliveryText;const s=this.data;switch(s.deliveryType){case"free":return"Gratis";case"pickup":return"Recojo";case"courier":return"Courier";default:return null!=s.deliveryFee?"S/ "+s.deliveryFee:"—"}}renderUbicacion(s){return r("div",{class:"store__stat store__stat--elastico"},r("span",{class:"store__stat-label"},"Ubicación"),r("span",{class:"store__stat-value"},r("sui-icon",{name:"map-pin-line",size:13,color:"var(--sui-primary-base, #fa7319)"}),r("span",{class:"store__stat-texto"},s||"—")))}render(){const s=this.data,t=this.previewBadge,e=this.link,i=!s.isOpen&&!s.isSuspended&&!s.isOwnerPreview,o=this.deliveryLabel,c=this.distanceLabel,n=null!==o&&r("div",{key:"f7a285533d5e632a663bfb52bc6ccb5cf294b287",class:"store__stat"},r("span",{key:"c1fc144330610747ce7ccde5c8bf3c0a2b2083e6",class:"store__stat-label"},"Envío"),r("span",{key:"1d7f4299c47b5beb9afc7c0cb2482155dd8837a0",class:"store__stat-value"},o));return r(a,{key:"e1f8cc81ab7f9d842453bd13bea9a4e933b62572","data-sui-size":this.size},r("a",{key:"901b14745149947fdf53c7922a6b18815cb55e53",class:{store:!0,"store--suspended":!!s.isSuspended,"store--closed":i,"store--preview":!!s.isOwnerPreview},href:null!=e?e:void 0,onClick:this.onCardClick},r("div",{key:"56ab9b3ca8125716c99d929181a09d0f7331b144",class:{store__cover:!0,"store__cover--fallback":!s.coverUrl}},s.coverUrl&&r("img",{key:s.coverUrl,class:"store__cover-img",src:s.coverUrl,alt:"",loading:"lazy",decoding:"async",onLoad:this.onCoverLoad,onError:this.onImgError}),r("div",{key:"135af01061b3b88cec303e00c5fd0c8d18a4d1f2",class:"store__cover-grad"}),!s.isOwnerPreview&&r("button",{key:"69d210af7dc432ff4f05c3305a4ea00ee7a390cf",type:"button",class:{store__fav:!0,"store__fav--active":this.isFavorite},onClick:this.onFavClick,"aria-label":"Favorito","aria-pressed":this.isFavorite?"true":"false"},r("sui-icon",{key:"0ce744a468524f52a31e6ddcf3764a7f2504a915",name:this.isFavorite?"heart-fill":"heart-line",size:"small"===this.size?18:20,color:"var(--sui-primary-base, #fa7319)"})),s.isSuspended?r("span",{class:"store__status store__status--suspended"},"No disponible"):t?r("span",{class:{store__status:!0,"store__status--draft":"draft"===t.variant,"store__status--pending":"pending"===t.variant,"store__status--rejected":"rejected"===t.variant}},t.label):r("span",{class:{store__status:!0,"store__status--open":!!s.isOpen,"store__status--closed":!s.isOpen}},s.isOpen?"Abierto":"Cerrado")),r("div",{key:"d9a2dd054806ea5be69b0d995d1ca6e6592c2881",class:"store__body"},r("div",{key:"82e4b121118f8307d8dc9c5a6b71c081b483ac1f",class:"store__logo"},s.logoUrl?r("img",{key:s.logoUrl,src:s.logoUrl,alt:s.name,onError:this.onImgError}):this.initial),r("div",{key:"966f4ea37056c0d92ea831da1074574daf886737",class:"store__info"},r("h3",{key:"17ba9e49efd4cf82c40555a0518640025384d69f",class:"store__name"},s.name),r("p",{key:"21a2f0620ac1cd4c0a05034a8f127c5ea2545311",class:"store__type"},s.businessType)),s.isOwnerPreview?r("div",{class:"store__meta store__meta--preview"},this.renderUbicacion(s.district),n):r("div",{class:"store__meta"},r("button",{type:"button",class:"store__stat store__stat--clickable",onClick:this.onRatingClick,onTouchStart:()=>{},onTouchEnd:this.onRatingTouchEnd,"aria-label":"Ver las opiniones y la información del local"},r("span",{class:"store__stat-label"},"Calificación"),r("span",{class:"store__stat-value"},r("sui-icon",{name:"star-fill",size:13,color:"var(--sui-primary-base, #fa7319)"}),this.ratingLabel,r("sui-icon",{class:"store__stat-chevron",name:"arrow-right-s-line",size:14}))),this.renderUbicacion(s.district),n,null!==c&&r("div",{class:"store__stat store__stat--distancia"},r("span",{class:"store__stat-label"},"Distancia"),r("span",{class:"store__stat-value"},c))))))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-store-card-h{display:block}.store.sc-sui-store-card{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:block;box-sizing:border-box;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:var(--sui-radius-16, 16px);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow var(--sui-motion-duration-fast, 0.2s) var(--sui-motion-ease-out, ease), transform var(--sui-motion-duration-fast, 0.2s) var(--sui-motion-ease-out, ease);cursor:pointer}.store.sc-sui-store-card:active{box-shadow:0 4px 14px rgba(0, 0, 0, 0.08)}@media (hover: hover) and (pointer: fine){.store.sc-sui-store-card:active{transform:scale(0.995)}}.store--suspended.sc-sui-store-card{cursor:not-allowed;opacity:0.6}.store--closed.sc-sui-store-card .store__cover.sc-sui-store-card{filter:grayscale(1) brightness(0.92);transition:filter var(--sui-motion-duration-fast, 0.2s) var(--sui-motion-ease-out, ease)}.store--preview.sc-sui-store-card{cursor:default}.store--preview.sc-sui-store-card:active{transform:none;box-shadow:none}.store__cover.sc-sui-store-card{height:120px;position:relative;overflow:hidden;background:linear-gradient(135deg, #3a3a3a 0%, #171717 100%)}.store__cover-img.sc-sui-store-card{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.25s ease-out}.store__cover-img.sui-img-loaded.sc-sui-store-card{opacity:1}.store__cover-img[data-sui-img-dead].sc-sui-store-card{display:none}.store__cover-grad.sc-sui-store-card{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.35) 100%);pointer-events:none}.store__fav.sc-sui-store-card{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:var(--sui-radius-full, 999px);background:rgba(255, 255, 255, 0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background var(--sui-motion-duration-x-fast, 0.15s) var(--sui-motion-ease-out, ease)}.store__fav.sc-sui-store-card:active{background:rgb(255, 255, 255)}.store__status.sc-sui-store-card{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:var(--sui-radius-full, 999px);font-size:11px;font-weight:700;background:rgba(255, 255, 255, 0.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:4px;z-index:1;letter-spacing:0.01em;font-family:var(--sui-font-sans, system-ui, sans-serif)}.store__status.sc-sui-store-card::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sui-state-success-base, #22c55e)}.store__status--open.sc-sui-store-card{color:var(--sui-state-success-base, #16a34a)}.store__status--open.sc-sui-store-card::before{background:var(--sui-state-success-base, #22c55e)}.store__status--closed.sc-sui-store-card{color:var(--sui-state-faded-base, #94a3b8)}.store__status--closed.sc-sui-store-card::before{background:var(--sui-state-faded-base, #94a3b8)}.store__status--suspended.sc-sui-store-card{color:var(--sui-state-error-base, #dc2626)}.store__status--suspended.sc-sui-store-card::before{background:var(--sui-state-error-base, #dc2626)}.store__status--draft.sc-sui-store-card{color:var(--sui-state-faded-base, #475569);background:rgba(255, 255, 255, 0.96)}.store__status--draft.sc-sui-store-card::before{background:var(--sui-state-faded-base, #94a3b8)}.store__status--pending.sc-sui-store-card{color:var(--sui-primary-darkest, #b85513);background:rgba(255, 255, 255, 0.96)}.store__status--pending.sc-sui-store-card::before{background:var(--sui-primary-base, #fa7319);animation:store-pulse 1.6s ease-in-out infinite}.store__status--rejected.sc-sui-store-card{color:var(--sui-state-error-base, #b91c1c);background:rgba(255, 255, 255, 0.96)}.store__status--rejected.sc-sui-store-card::before{background:var(--sui-state-error-base, #dc2626)}@keyframes store-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.55;transform:scale(1.4)}}.store__body.sc-sui-store-card{padding:12px 14px 14px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.store__logo.sc-sui-store-card{width:48px;height:48px;box-sizing:border-box;border-radius:var(--sui-radius-10, 10px);background:var(--sui-static-white, #fff);border:2px solid var(--sui-static-white, #fff);box-shadow:0 1px 4px rgba(0, 0, 0, 0.12);flex-shrink:0;margin-top:-32px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--sui-primary-base, #fa7319);overflow:hidden;position:relative;z-index:2;font-family:var(--sui-font-sans, system-ui, sans-serif)}.store__logo.sc-sui-store-card img.sc-sui-store-card{width:100%;height:100%;object-fit:cover;border-radius:inherit}.store__info.sc-sui-store-card{flex:1;min-width:0}.store__name.sc-sui-store-card{font-size:20px;line-height:26px;font-weight:700;color:var(--sui-text-strong-950, #171717);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--sui-font-sans, system-ui, sans-serif)}.store__type.sc-sui-store-card{font-size:14px;line-height:20px;font-weight:500;color:var(--sui-text-sub-600, #5c5c5c);margin:0 0 8px;font-family:var(--sui-font-sans, system-ui, sans-serif)}.store__meta.sc-sui-store-card{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:2px;padding-top:14px;border-top:1px solid var(--sui-stroke-soft-200, #ebebeb)}.store__meta--preview.sc-sui-store-card{justify-content:flex-start;gap:32px}.store__stat.sc-sui-store-card{display:flex;flex-direction:column;gap:2px;min-width:0}.store__stat--clickable.sc-sui-store-card{background:transparent;border:none;padding:4px 6px;margin:-4px -6px;border-radius:var(--sui-radius-8, 8px);cursor:pointer;text-align:left;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;transition:background-color var(--sui-motion-duration-x-fast, 0.15s)}.store__stat--clickable.sc-sui-store-card:hover{background:var(--sui-bg-weak-50, #f5f7fa)}.store__stat--clickable.sc-sui-store-card:active{background:var(--sui-bg-soft-200, #ebeef2)}.store__stat-label.sc-sui-store-card{font-size:10px;color:var(--sui-text-soft-400, #a3a3a3);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;font-family:var(--sui-font-sans, system-ui, sans-serif)}.store__stat-value.sc-sui-store-card{font-size:13px;font-weight:700;color:var(--sui-text-strong-950, #171717);display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-family:var(--sui-font-sans, system-ui, sans-serif)}.store__stat-value.sc-sui-store-card sui-icon.sc-sui-store-card{color:var(--sui-primary-base, #fa7319);flex-shrink:0}.store__stat--elastico.sc-sui-store-card{overflow:hidden}.store__stat--elastico.sc-sui-store-card .store__stat-label.sc-sui-store-card{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store__stat--elastico.sc-sui-store-card .store__stat-texto.sc-sui-store-card{overflow:hidden;text-overflow:ellipsis;min-width:0}.store__stat--distancia.sc-sui-store-card{flex-shrink:1;min-width:64px}.store__stat--distancia.sc-sui-store-card .store__stat-value.sc-sui-store-card{white-space:normal;text-wrap:balance}.store__stat.sc-sui-store-card:not(.store__stat--elastico):not(.store__stat--distancia){flex-shrink:0}.store__stat-value.sc-sui-store-card .store__stat-chevron.sc-sui-store-card{color:var(--sui-text-soft-400, #a3a3a3);margin-left:-1px}[data-sui-size=medium].sc-sui-store-card-h .store__fav.sc-sui-store-card{width:40px;height:40px}[data-sui-size=large].sc-sui-store-card-h .store__fav.sc-sui-store-card{width:44px;height:44px}[data-sui-size=large].sc-sui-store-card-h .store__stat--clickable.sc-sui-store-card{position:relative}[data-sui-size=large].sc-sui-store-card-h .store__stat--clickable.sc-sui-store-card::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;min-height:100%;transform:translateY(-50%)}'}},[2,"sui-store-card",{store:[16],storeJson:[1,"store-json"],isFavorite:[4,"is-favorite"],disableLink:[4,"disable-link"],linkBase:[1,"link-base"],size:[1],deliveryText:[1,"delivery-text"],distanceText:[1,"distance-text"]}]),n=c,d=function(){"undefined"!=typeof customElements&&["sui-store-card","sui-icon"].forEach((s=>{switch(s){case"sui-store-card":customElements.get(i(s))||customElements.define(i(s),c);break;case"sui-icon":customElements.get(i(s))||o()}}))};export{n as SuiStoreCard,d as defineCustomElement}

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

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

package/dist/components/sui-swatch.js

@@ -0,0 +1 @@
+import{p as s,H as t,h as e,d as a,t as i}from"./p-BwhKFYtu.js";const c=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}render(){var s;const t=null!==(s=this.label)&&void 0!==s?s:this.token.replace(/^--sui-/,"");return e(a,{key:"37e6c093e35104edf3dd6c52827d8274f8763893"},e("span",{key:"7a947428e7041e9cd7b5cc3357067febbc02bccb",class:"swatch__chip",style:{background:`var(${this.token})`},part:"chip"}),e("span",{key:"992e32a6d9f4f1b099d98647e8d26c9eb5edfd11",class:"swatch__meta",part:"meta"},e("span",{key:"f45ab5737fc903f4ce51a10e033b096851fbb649",class:"swatch__label"},t),this.value?e("span",{class:"swatch__value"},this.value):null))}static get style(){return":host{display:inline-flex;flex-direction:column;gap:6px;width:120px;font-family:var(--sui-font-sans)}.swatch__chip{display:block;width:100%;height:56px;border-radius:var(--sui-radius-10);box-shadow:inset 0 0 0 1px var(--sui-stroke-soft-200)}.swatch__meta{display:flex;flex-direction:column;gap:2px}.swatch__label{font-size:var(--sui-type-label-xs-size);font-weight:var(--sui-font-weight-medium);line-height:var(--sui-type-label-xs-line);color:var(--sui-text-strong-950)}.swatch__value{font-size:var(--sui-type-paragraph-xs-size);line-height:var(--sui-type-paragraph-xs-line);color:var(--sui-text-soft-400);font-variant-numeric:tabular-nums}"}},[1,"sui-swatch",{token:[1],label:[1],value:[1]}]),l=c,n=function(){"undefined"!=typeof customElements&&["sui-swatch"].forEach((s=>{"sui-swatch"===s&&(customElements.get(i(s))||customElements.define(i(s),c))}))};export{l as SuiSwatch,n as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as s,H as i,c as a,h as t,d as c,t as e}from"./p-BwhKFYtu.js";import{r as d}from"./p-0cd0sFVI.js";import{d as r}from"./p-DsxkTPyc.js";import{d as o}from"./p-BQAUBvyx.js";import{d as u}from"./p-DT4KsiD_.js";import{d as h}from"./p-CmfWN05h.js";import{d as n}from"./p-DPAMsJ8Y.js";let l=0;const b=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.checkedChange=a(this,"checkedChange"),this.type="basic",this.label="",this.sublabel=null,this.description=null,this.icon=null,this.emoji=null,this.iconSrc=null,this.imageUrl=null,this.size="medium",this.badge=null,this.disabled=!1,this.checked=!1,this.labelId="sui-switch-card-"+ ++l,this.descriptionId=this.labelId+"-desc"}onTouchStart(){}onTouchEnd(){this.el.blur()}onClick(s){var i;this.disabled||(null===(i=s.target)||void 0===i?void 0:i.closest("sui-switch"))||this.emit(!this.checked)}onSwitchChange(s){s.stopPropagation(),this.disabled||this.emit(s.detail)}emit(s){this.checkedChange.emit(s)}get hasProjectedLeading(){return"card-provider"===this.type||"brand"===this.type||"company"===this.type}get initialsFromLabel(){const s=this.label.trim();return s?s.split(/\s+/).slice(0,2).map((s=>{var i,a;return null!==(a=null===(i=s[0])||void 0===i?void 0:i.toUpperCase())&&void 0!==a?a:""})).join(""):""}renderLeading(){var s;return"left-icon"===this.type?t("div",{class:"sui-switch-card__leading sui-switch-card__leading--icon","aria-hidden":"true"},this.icon?t("sui-icon",{name:this.icon,size:20}):this.emoji?t("sui-emoji",{name:this.emoji,size:"md"}):this.iconSrc?t("sui-emoji",{src:this.iconSrc,size:"full"}):null):"avatar"===this.type?t("sui-avatar",{class:"sui-switch-card__leading sui-switch-card__leading--avatar",size:"lg",src:null!==(s=this.imageUrl)&&void 0!==s?s:void 0,initials:this.initialsFromLabel}):this.hasProjectedLeading?t("div",{class:"sui-switch-card__leading sui-switch-card__leading--slot","aria-hidden":"true"},this.imageUrl?t("img",{src:this.imageUrl,alt:""}):t("slot",{name:"leading"})):null}render(){var s,i,a;const e=d(this.badge);return t(c,{key:"d74a7f83c8f9d7c60c22c66788df3aebc3f43300",role:"group","aria-labelledby":this.labelId,"aria-disabled":this.disabled?"true":void 0,"data-sui-type":this.type,"data-sui-checked":this.checked?"":void 0,"data-sui-disabled":this.disabled?"":void 0,"data-sui-leading-fill":this.iconSrc?"":void 0},this.renderLeading(),t("div",{key:"b408341389f332a625063cbae13307e8e2dc3ee6",class:"sui-switch-card__text"},t("div",{key:"407f7e431720f0d80ac782c0bf52b02b00171d8f",class:"sui-switch-card__title"},t("span",{key:"c8e8ad7b9bae3c91b754757603db413af05a5ab1",class:"sui-switch-card__label",id:this.labelId},this.label),this.sublabel&&t("span",{key:"23ac334767870c68d7ee9c30c5b4a112cc5c994b",class:"sui-switch-card__sublabel"},this.sublabel),e&&t("sui-badge",{key:"ba26d391d460840108ffc1518760c2940fdf9eaf",class:"sui-switch-card__badge",color:null!==(s=e.color)&&void 0!==s?s:"blue",variant:null!==(i=e.variant)&&void 0!==i?i:"light",size:null!==(a=e.size)&&void 0!==a?a:"small"},e.label)),this.description&&t("p",{key:"7977536ec1a9063e4710732f4323939c2bcd6d62",class:"sui-switch-card__description",id:this.descriptionId},this.description)),t("sui-switch",{key:"47cbfbee99da980bb2184aa9fedaa6106fc7cde4",class:"sui-switch-card__switch",size:this.size,checked:this.checked,disabled:this.disabled,"aria-labelledby":this.labelId,"aria-describedby":this.description?this.descriptionId:null,onCheckedChange:s=>this.onSwitchChange(s)}))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-switch-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));overflow:hidden;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)}@media (hover: hover) and (pointer: fine){.sc-sui-switch-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-switch-card-h:not([data-sui-disabled]){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-switch-card-h:hover:not([data-sui-disabled]){background:var(--sui-bg-weak-50, #f7f7f7)}}.sc-sui-switch-card-h:focus-within:not([data-sui-disabled]) .sui-switch-card__switch.sc-sui-switch-card:focus-visible{outline:2px solid var(--sui-primary-base, #fa7319);outline-offset:2px;border-radius:var(--sui-radius-full, 999px)}[data-sui-disabled].sc-sui-switch-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-switch-card-h .sui-switch-card__label.sc-sui-switch-card{color:var(--sui-text-sub-600, #5c5c5c)}[data-sui-disabled].sc-sui-switch-card-h .sui-switch-card__sublabel.sc-sui-switch-card,[data-sui-disabled].sc-sui-switch-card-h .sui-switch-card__description.sc-sui-switch-card{color:var(--sui-text-soft-400, #a3a3a3)}.sui-switch-card__leading.sc-sui-switch-card{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sui-switch-card__leading--icon.sc-sui-switch-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-disabled].sc-sui-switch-card-h .sui-switch-card__leading--icon.sc-sui-switch-card{box-shadow:none;opacity:0.5}[data-sui-leading-fill].sc-sui-switch-card-h .sui-switch-card__leading--icon.sc-sui-switch-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-switch-card-h .sui-switch-card__leading--icon.sc-sui-switch-card sui-emoji.sc-sui-switch-card{display:block;width:100%;height:100%}[data-sui-type=avatar].sc-sui-switch-card-h .sui-switch-card__leading--avatar.sc-sui-switch-card{width:40px;height:40px}[data-sui-disabled].sc-sui-switch-card-h .sui-switch-card__leading.sc-sui-switch-card{opacity:0.5}.sui-switch-card__leading--slot.sc-sui-switch-card{box-sizing:border-box;overflow:hidden}.sui-switch-card__leading--slot.sc-sui-switch-card>*.sc-sui-switch-card{display:block;width:100%;height:100%;object-fit:contain}[data-sui-type=card-provider].sc-sui-switch-card-h .sui-switch-card__leading--slot.sc-sui-switch-card{width:32px;height:24px;border-radius:4px}[data-sui-type=brand].sc-sui-switch-card-h .sui-switch-card__leading--slot.sc-sui-switch-card{width:40px;height:40px}[data-sui-type=company].sc-sui-switch-card-h .sui-switch-card__leading--slot.sc-sui-switch-card{width:40px;height:40px;border-radius:var(--sui-radius-full, 999px)}.sui-switch-card__text.sc-sui-switch-card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;flex:1 1 auto;min-width:0;align-self:stretch}.sui-switch-card__text.sc-sui-switch-card:not(:has(.sui-switch-card__description)){justify-content:center}.sui-switch-card__title.sc-sui-switch-card{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.sui-switch-card__label.sc-sui-switch-card{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;color:var(--sui-text-strong-950, #171717);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-switch-card__sublabel.sc-sui-switch-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-switch-card__description.sc-sui-switch-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}[data-sui-disabled].sc-sui-switch-card-h .sui-switch-card__badge.sc-sui-switch-card{background:transparent;border-color:var(--sui-stroke-soft-200, #ebebeb);color:var(--sui-text-disabled-300, #d1d1d1)}.sui-switch-card__switch.sc-sui-switch-card{flex-shrink:0;align-self:flex-start;margin-top:2px}'}},[262,"sui-switch-card",{type:[513],label:[1],sublabel:[1],description:[1],icon:[1],emoji:[1],iconSrc:[1,"icon-src"],imageUrl:[1,"image-url"],size:[1],badge:[1],disabled:[516],checked:[516]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"],[0,"click","onClick"]]]),w=b,f=function(){"undefined"!=typeof customElements&&["sui-switch-card","sui-avatar","sui-badge","sui-emoji","sui-icon","sui-switch"].forEach((s=>{switch(s){case"sui-switch-card":customElements.get(e(s))||customElements.define(e(s),b);break;case"sui-avatar":customElements.get(e(s))||r();break;case"sui-badge":customElements.get(e(s))||o();break;case"sui-emoji":customElements.get(e(s))||u();break;case"sui-icon":customElements.get(e(s))||h();break;case"sui-switch":customElements.get(e(s))||n()}}))};export{w as SuiSwitchCard,f as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as s,H as i,c as t,h as e,d as l,t as a}from"./p-BwhKFYtu.js";import{r as c}from"./p-0cd0sFVI.js";import{d as h}from"./p-BQAUBvyx.js";import{d as u}from"./p-CmfWN05h.js";import{d as n}from"./p-tfpKWTqB.js";import{d as r}from"./p-DPAMsJ8Y.js";let b=0;const d=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.activeChange=t(this,"activeChange"),this.linkClick=t(this,"linkClick"),this.labelId="sui-switch-label-"+ ++b,this.descriptionId=this.labelId+"-desc",this.label="",this.sublabel=null,this.description=null,this.size="medium",this.badge=null,this.link=null,this.flip=!1,this.disabled=!1,this.active=!1}onTouchStart(){}onTouchEnd(){this.el.blur()}onLabelClick(s){if(this.disabled)return;const i=s.target;i.closest("sui-switch")||i.closest(".sui-switch-label__link")||this.emit(!this.active)}onSwitchChange(s){s.stopPropagation(),this.disabled||s.detail===this.active||this.emit(s.detail)}onLinkClick(s){s.stopPropagation(),this.disabled?s.preventDefault():this.linkClick.emit(s)}emit(s){this.activeChange.emit(s)}render(){var s,i,t,a,h,u;const n=null!=this.description&&""!==this.description,r=c(this.badge),b=n?function(s){var i;if(!s)return null;const t="string"==typeof s?{label:s}:s;return t.label?Object.assign(Object.assign({},t),{rel:null!==(i=t.rel)&&void 0!==i?i:"_blank"===t.target?"noopener noreferrer":void 0}):null}(this.link):null;return e(l,{key:"f064c87b3dbc7fb54de63e351ef3be35fb84e541","data-sui-size":this.size,"data-sui-flip":this.flip?"":null,"data-sui-with-description":n?"":null,"data-sui-disabled":this.disabled?"":null},e("sui-switch",{key:"501998d34a19f1dc85074573b29eb03ad3900ab3",class:"sui-switch-label__switch",size:"2xlarge"===this.size?"xlarge":this.size,checked:this.active,disabled:this.disabled,"aria-labelledby":this.labelId,"aria-describedby":n?this.descriptionId:null,onCheckedChange:s=>this.onSwitchChange(s)}),e("div",{key:"300a14d526465b83838916e69539303ad193a193",class:"sui-switch-label__content"},e("div",{key:"4ab368aff0144e62d3dcd3c31618d5c0d55e571c",class:"sui-switch-label__title"},e("span",{key:"efa72cdba47eda0138ef5b9040244b911dc49771",class:"sui-switch-label__label",id:this.labelId},this.label),null!=this.sublabel&&""!==this.sublabel&&e("span",{key:"ec91f79a796c0be612018f47f68c965eec33dc61",class:"sui-switch-label__sublabel"},this.sublabel),r&&e("sui-badge",{key:"45f97b17f813732222a95c0673d74b2358b8886d",class:"sui-switch-label__badge",color:null!==(s=r.color)&&void 0!==s?s:"orange",variant:null!==(i=r.variant)&&void 0!==i?i:"light",size:null!==(t=r.size)&&void 0!==t?t:"small"},r.label)),n&&e("p",{key:"af4ed2a8b89baff2fe1ac2142717349b49f2f26c",class:"sui-switch-label__description",id:this.descriptionId},this.description),b&&e("sui-link-button",{key:"c53d67c6b63d44d91b632cf38fe714bbed67afc9",class:"sui-switch-label__link",variant:"primary",size:"small",disabled:this.disabled,href:null!==(a=b.href)&&void 0!==a?a:null,target:null!==(h=b.target)&&void 0!==h?h:null,rel:null!==(u=b.rel)&&void 0!==u?u:null,onClicked:s=>this.onLinkClick(s.detail)},b.label)))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-switch-label-h{display:inline-flex;align-items:flex-start;gap:8px;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-switch-label-h .sui-switch-label__switch.sc-sui-switch-label{order:2}[data-sui-flip].sc-sui-switch-label-h .sui-switch-label__content.sc-sui-switch-label{order:1}[data-sui-disabled].sc-sui-switch-label-h{cursor:not-allowed}[data-sui-disabled].sc-sui-switch-label-h .sui-switch-label__content.sc-sui-switch-label{opacity:0.5}[data-sui-disabled].sc-sui-switch-label-h .sui-switch-label__switch.sc-sui-switch-label{opacity:0.5}.sui-switch-label__switch.sc-sui-switch-label{flex-shrink:0}.sui-switch-label__content.sc-sui-switch-label{display:flex;flex:1 0 0;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}[data-sui-with-description].sc-sui-switch-label-h .sui-switch-label__content.sc-sui-switch-label{gap:10px}.sui-switch-label__title.sc-sui-switch-label{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sui-switch-label__label.sc-sui-switch-label{font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.006em;color:var(--sui-text-strong-950)}[data-sui-with-description].sc-sui-switch-label-h .sui-switch-label__label.sc-sui-switch-label{font-weight:500}.sui-switch-label__sublabel.sc-sui-switch-label{font-size:12px;font-weight:400;line-height:16px;letter-spacing:0;color:var(--sui-text-sub-600)}.sui-switch-label__badge.sc-sui-switch-label{flex-shrink:0}.sui-switch-label__description.sc-sui-switch-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}[data-sui-size=large].sc-sui-switch-label-h .sui-switch-label__label.sc-sui-switch-label,[data-sui-size=xlarge].sc-sui-switch-label-h .sui-switch-label__label.sc-sui-switch-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=xlarge].sc-sui-switch-label-h .sui-switch-label__content.sc-sui-switch-label{padding-top:2px}[data-sui-size="2xlarge"].sc-sui-switch-label-h{min-height:44px;align-items:center}[data-sui-size="2xlarge"].sc-sui-switch-label-h .sui-switch-label__label.sc-sui-switch-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-switch-label-h{align-items:flex-start}[data-sui-size="2xlarge"][data-sui-with-description].sc-sui-switch-label-h .sui-switch-label__content.sc-sui-switch-label{padding-top:2px}'}},[2,"sui-switch-label",{label:[1],sublabel:[1],description:[1],size:[513],badge:[1],link:[1],flip:[516],disabled:[516],active:[516]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"],[0,"click","onLabelClick"]]]),o=d,p=function(){"undefined"!=typeof customElements&&["sui-switch-label","sui-badge","sui-icon","sui-link-button","sui-switch"].forEach((s=>{switch(s){case"sui-switch-label":customElements.get(a(s))||customElements.define(a(s),d);break;case"sui-badge":customElements.get(a(s))||h();break;case"sui-icon":customElements.get(a(s))||u();break;case"sui-link-button":customElements.get(a(s))||n();break;case"sui-switch":customElements.get(a(s))||r()}}))};export{o as SuiSwitchLabel,p as defineCustomElement}

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

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

package/dist/components/sui-switch.js

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

package/dist/components/sui-tab-chips.d.ts

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

package/dist/components/sui-tab-chips.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as t,h as a,d as e,t as o}from"./p-BwhKFYtu.js";import{s as c}from"./p-Dl8gag--.js";import{S as n,P as r}from"./p-BbnLpCbe.js";import{d as u}from"./p-CmfWN05h.js";const h=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.valueChange=t(this,"valueChange"),this.chips=[],this.value="",this.sticky=!1,this.size="medium",this.autoScroll=!0,this.pistaDeScroll=!0,this.stuck=!1,this.focusValue=null,this.pistaEstado={antes:!1,despues:!1},this.onFocusout=i=>{var s;const t=i.relatedTarget;t&&(null===(s=this.navEl)||void 0===s?void 0:s.contains(t))||(this.focusValue=null)},this.onKeydown=i=>{var s,t;const a=this.normalizedChips,e=a.findIndex((i=>i.value===this.tabStopValue)),o=c(i.key,e,a.length,"horizontal");null!==o&&(i.preventDefault(),this.focusValue=a[o].value,null===(t=null===(s=this.navEl)||void 0===s?void 0:s.querySelectorAll(".sui-tab-chips__chip")[o])||void 0===t||t.focus())}}get normalizedChips(){return function(i){let s;if("string"==typeof i)try{s=JSON.parse(i)}catch(i){return[]}else{if(!Array.isArray(i))return[];s=i}return s.map((i=>"string"==typeof i?{value:i,label:i}:i))}(this.chips)}get tabStopValue(){var i,s;const t=this.normalizedChips,a=this.focusValue;return null!==a&&t.some((i=>i.value===a))?a:t.some((i=>i.value===this.value))?this.value:null!==(s=null===(i=t[0])||void 0===i?void 0:i.value)&&void 0!==s?s:""}ensureValue(){const i=this.normalizedChips;i.length&&!i.some((i=>i.value===this.value))&&(this.value=i[0].value,this.valueChange.emit(this.value))}componentWillLoad(){this.ensureValue()}connectedCallback(){this.navEl&&this.conectar()}conectar(){this.setupStickyObserver(),this.navEl&&!this.pista&&(this.pista=new n(this.navEl,(i=>this.pistaEstado=i),this.pistaDeScroll))}componentDidLoad(){this.conectar(),this.value&&this.autoScroll&&this.scrollToChip(this.value)}componentDidRender(){var i;null===(i=this.pista)||void 0===i||i.medir()}disconnectedCallback(){var i,s;null===(i=this.intersectionObserver)||void 0===i||i.disconnect(),this.intersectionObserver=void 0,null===(s=this.pista)||void 0===s||s.destroy(),this.pista=void 0}onPistaChange(i){var s;null===(s=this.pista)||void 0===s||s.setActiva(i)}onValueChange(i){this.ensureValue(),i&&this.autoScroll&&queueMicrotask((()=>this.scrollToChip(i)))}onStickyChange(){var i;null===(i=this.intersectionObserver)||void 0===i||i.disconnect(),this.intersectionObserver=void 0,this.sticky?queueMicrotask((()=>this.setupStickyObserver())):this.stuck=!1}setupStickyObserver(){this.sticky&&"undefined"!=typeof IntersectionObserver&&this.sentinelEl&&!this.intersectionObserver&&(this.intersectionObserver=new IntersectionObserver((([i])=>{this.stuck=!i.isIntersecting}),{rootMargin:"0px",threshold:0}),this.intersectionObserver.observe(this.sentinelEl))}select(i){this.focusValue=i,this.value!==i&&(this.value=i,this.valueChange.emit(i))}scrollToChip(i){const s=this.navEl;if(!s)return;const t=s.querySelector(`[data-sui-chip-value="${"undefined"!=typeof CSS&&CSS.escape?CSS.escape(i):i}"]`);if(!t)return;const a=s.getBoundingClientRect(),e=t.getBoundingClientRect();s.scrollTo({left:Math.max(0,e.left-a.left+s.scrollLeft-(a.width-e.width)/2),behavior:"smooth"})}render(){const i=this.normalizedChips,s=this.sticky,t=s&&this.stuck,o=this.tabStopValue;return a(e,{key:"57f102d50f1c65afa611140f7ce9336d924526de",class:{"sui-tab-chips--host-sticky":s},"data-sui-size":this.size},s&&a("div",{key:"04c633daf25663d0ed62731ad9f3e0275349345b",class:"sui-tab-chips__sentinel","aria-hidden":"true",ref:i=>this.sentinelEl=i}),a("div",{key:"d8f53a6dd400ca1bb102f4e99611e10ce6c676e1",class:{"sui-pista":!0,"sui-tab-chips__pista":!0,"sui-tab-chips__pista--sticky":s,"sui-tab-chips__pista--stuck":t}},a("nav",{key:"917069540cbe4edb543f591327d42c51552dc8e2",class:{"sui-tab-chips":!0,"sui-tab-chips--sticky":s,"sui-tab-chips--stuck":t},role:"tablist",onKeyDown:this.onKeydown,onFocusout:this.onFocusout,ref:i=>this.navEl=i},i.map((i=>{const s=this.value===i.value;return a("button",{type:"button",key:i.value,class:{"sui-tab-chips__chip":!0,"sui-tab-chips__chip--active":s},role:"tab","data-sui-chip-value":i.value,"aria-selected":s?"true":"false","aria-label":i.count?`${i.label}, ${i.count}`:void 0,tabindex:o===i.value?0:-1,onClick:()=>this.select(i.value)},a("span",{class:"sui-tab-chips__chip-label"},i.label),i.count?a("span",{class:"sui-tab-chips__chip-count","aria-hidden":"true"},i.count):null)}))),a(r,{key:"84ac7a4d8de1a3e4d71b3ae5d641d87886e9cae9",estado:this.pistaEstado,pista:this.pista})))}get el(){return this}static get watchers(){return{chips:[{ensureValue:0}],pistaDeScroll:[{onPistaChange:0}],value:[{onValueChange:0}],sticky:[{onStickyChange:0}]}}static get style(){return'@charset "UTF-8";.sui-pista.sc-sui-tab-chips{position:relative;display:block;min-width:0}.sui-pista__borde.sc-sui-tab-chips{position:absolute;top:0;bottom:0;width:var(--sui-pista-de-scroll-ancho, 56px);pointer-events:none;z-index:2}.sui-pista__borde--inicio.sc-sui-tab-chips{left:0;background:linear-gradient(to right, var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 0%, var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 30%, transparent 100%)}.sui-pista__borde--fin.sc-sui-tab-chips{right:0;background:linear-gradient(to left, var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 0%, var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 30%, transparent 100%)}.sui-pista__flecha.sc-sui-tab-chips{display:none}@media (hover: hover) and (pointer: fine){.sui-pista__flecha.sc-sui-tab-chips{position:absolute;top:var(--sui-pista-de-scroll-flecha-top, 50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--sui-pista-de-scroll-flecha-size, 32px);height:var(--sui-pista-de-scroll-flecha-size, 32px);padding:0;border-radius:999px;border:1px solid var(--sui-stroke-soft-200, #ebebeb);background:var(--sui-bg-white-0, #fff);color:var(--sui-text-sub-600, #5c5c5c);box-shadow:var(--sui-shadow-x-small, 0 1px 2px rgba(10, 13, 20, 0.03));transform:translateY(-50%);cursor:pointer;pointer-events:auto;transition:background var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease), color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease)}.sui-pista__flecha.sc-sui-tab-chips:hover{background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-strong-950, #171717)}.sui-pista__flecha--inicio.sc-sui-tab-chips{left:4px}.sui-pista__flecha--fin.sc-sui-tab-chips{right:4px}}.sc-sui-tab-chips-h{display:block;width:100%}.sui-tab-chips--host-sticky.sc-sui-tab-chips-h{display:contents}.sui-tab-chips__sentinel.sc-sui-tab-chips{height:1px;margin-top:16px;margin-bottom:-1px;pointer-events:none}.sui-tab-chips__pista.sc-sui-tab-chips{width:100%}.sui-tab-chips__pista--sticky.sc-sui-tab-chips{position:sticky;top:0;z-index:20}.sui-tab-chips__pista--stuck.sc-sui-tab-chips{--sui-pista-de-scroll-fondo:var(--sui-bg-weak-50, #f7f7f7)}.sui-tab-chips.sc-sui-tab-chips{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 0;background:transparent;scrollbar-width:none}.sui-tab-chips.sc-sui-tab-chips::-webkit-scrollbar{display:none}.sui-tab-chips--sticky.sc-sui-tab-chips{transition:padding-top var(--sui-motion-duration-fast, 150ms) var(--sui-motion-ease-out, ease), background var(--sui-motion-duration-fast, 150ms) var(--sui-motion-ease-out, ease)}.sui-tab-chips--stuck.sc-sui-tab-chips{padding-top:calc(env(safe-area-inset-top, 0px) + 12px);background:var(--sui-bg-weak-50, #f7f7f7)}.sui-tab-chips__chip.sc-sui-tab-chips{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);color:var(--sui-text-sub-600, #5c5c5c);font-family:var(--sui-font-sans);font-size:var(--sui-type-label-sm-size, 13px);font-weight:600;letter-spacing:var(--sui-type-label-sm-spacing, -0.006em);white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease), color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease), border-color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease), transform var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease)}.sui-tab-chips__chip.sc-sui-tab-chips:hover{background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-strong-950, #171717)}.sui-tab-chips__chip.sc-sui-tab-chips:active{transform:scale(0.96)}.sui-tab-chips__chip.sc-sui-tab-chips:active:not(:disabled),.sui-tab-chips__chip.sc-sui-tab-chips:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sui-primary-alpha-10)}.sui-tab-chips__chip--active.sc-sui-tab-chips{background:var(--sui-bg-strong-950, #171717);color:var(--sui-bg-white-0, #fff);border-color:var(--sui-bg-strong-950, #171717)}.sui-tab-chips__chip--active.sc-sui-tab-chips:hover{background:var(--sui-bg-strong-950, #171717);color:var(--sui-bg-white-0, #fff)}.sui-tab-chips__chip-count.sc-sui-tab-chips{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-sub-600, #5c5c5c);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}[data-sui-size=small].sc-sui-tab-chips-h .sui-tab-chips__chip.sc-sui-tab-chips{box-sizing:border-box;height:32px;padding:0 12px;line-height:var(--sui-type-label-sm-line, 20px)}[data-sui-size=large].sc-sui-tab-chips-h .sui-tab-chips__chip.sc-sui-tab-chips{box-sizing:border-box;height:40px;padding:0 16px;font-size:var(--sui-type-label-md-size, 16px);line-height:var(--sui-type-label-md-line, 24px);letter-spacing:var(--sui-type-label-md-spacing, -0.011em)}[data-sui-size=xlarge].sc-sui-tab-chips-h .sui-tab-chips__chip.sc-sui-tab-chips{box-sizing:border-box;height:44px;padding:0 18px;font-size:var(--sui-type-label-md-size, 16px);line-height:var(--sui-type-label-md-line, 24px);letter-spacing:var(--sui-type-label-md-spacing, -0.011em)}[data-sui-size=small].sc-sui-tab-chips-h .sui-tab-chips__chip-count.sc-sui-tab-chips{min-width:16px;height:16px;padding:0 5px}[data-sui-size=large].sc-sui-tab-chips-h .sui-tab-chips__chip-count.sc-sui-tab-chips,[data-sui-size=xlarge].sc-sui-tab-chips-h .sui-tab-chips__chip-count.sc-sui-tab-chips{min-width:20px;height:20px;padding:0 6px;font-size:var(--sui-type-label-xs-size, 12px)}.sui-tab-chips__chip--active.sc-sui-tab-chips .sui-tab-chips__chip-count.sc-sui-tab-chips{background:color-mix(in srgb, var(--sui-bg-white-0, #fff) 22%, transparent);color:var(--sui-bg-white-0, #fff)}'}},[2,"sui-tab-chips",{chips:[1],value:[1025],sticky:[4],size:[1],autoScroll:[4,"auto-scroll"],pistaDeScroll:[4,"pista-de-scroll"],stuck:[32],focusValue:[32],pistaEstado:[32]},void 0,{chips:[{ensureValue:0}],pistaDeScroll:[{onPistaChange:0}],value:[{onValueChange:0}],sticky:[{onStickyChange:0}]}]),p=h,l=function(){"undefined"!=typeof customElements&&["sui-tab-chips","sui-icon"].forEach((i=>{switch(i){case"sui-tab-chips":customElements.get(o(i))||customElements.define(o(i),h);break;case"sui-icon":customElements.get(o(i))||u()}}))};export{p as SuiTabChips,l as defineCustomElement}

package/dist/components/sui-tab-menu-horizontal.d.ts

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

package/dist/components/sui-tab-menu-horizontal.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as a,h as s,d as e,t as n}from"./p-BwhKFYtu.js";import{a as o,b as u}from"./p-Dl8gag--.js";import{d as r}from"./p-CmfWN05h.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=a(this,"tabChange"),this.tabs=[],this.size="medium",this.onKeydown=t=>{var i;const a=o(this.tabs,this.active),s=u(t.key,a,this.tabs,"horizontal");null!==s&&(t.preventDefault(),s!==a&&this.select(this.tabs[s]),null===(i=this.el.querySelectorAll(".sui-tab-menu-horizontal__item")[s])||void 0===i||i.focus())}}onTouchStart(){}onTouchEnd(t){var i,a;null===(a=null===(i=t.target)||void 0===i?void 0:i.closest("button"))||void 0===a||a.blur()}select(t){t.disabled||(this.active=t.value,this.tabChange.emit(t.value))}render(){const t=o(this.tabs,this.active),i="xlarge"===this.size?24:20;return s(e,{key:"28c0c0bcb620c08276defffd462237df21bb7923","data-sui-size":this.size},s("div",{key:"8eb2f78e41f1fc133760ea873c51668451e7c17e",class:"sui-tab-menu-horizontal__track",role:"tablist",onKeyDown:this.onKeydown},this.tabs.map(((a,e)=>{const n=this.active===a.value;return s("button",{key:a.value,type:"button",class:{"sui-tab-menu-horizontal__item":!0,"sui-tab-menu-horizontal__item--active":n},disabled:a.disabled,role:"tab","aria-selected":n?"true":"false",tabindex:t===e?"0":"-1","aria-disabled":a.disabled?"true":void 0,onClick:()=>this.select(a)},a.icon&&s("sui-icon",{class:"sui-tab-menu-horizontal__leading",name:a.icon,size:i}),s("span",{class:"sui-tab-menu-horizontal__text"},s("span",{class:"sui-tab-menu-horizontal__label"},a.label),!!a.number&&s("span",{class:"sui-tab-menu-horizontal__badge"},a.number)),a.rightIcon&&s("span",{class:"sui-tab-menu-horizontal__chevron"},s("sui-icon",{name:"arrow-right-s-line",size:18})))}))))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-tab-menu-horizontal-h{display:block}.sui-tab-menu-horizontal__track.sc-sui-tab-menu-horizontal{display:flex;align-items:flex-start;gap:24px;padding:0;border-top:1px solid var(--sui-stroke-soft-200);border-bottom:1px solid var(--sui-stroke-soft-200);background:var(--sui-bg-white-0);box-sizing:border-box;width:100%}.sui-tab-menu-horizontal__badge.sc-sui-tab-menu-horizontal{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:12px;padding:2px;border-radius:var(--sui-radius-full);background:var(--sui-state-error-base);color:var(--sui-static-white);font-family:var(--sui-font-sans);font-size:var(--sui-type-subheading-2xs-size);font-weight:var(--sui-type-subheading-2xs-weight);line-height:var(--sui-type-subheading-2xs-line);letter-spacing:var(--sui-type-subheading-2xs-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;text-align:center;text-transform:uppercase}.sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 0;border:none;background:transparent;cursor:pointer;position:relative;flex-shrink:0;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-sub-600);white-space:nowrap;transition:color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal .sui-tab-menu-horizontal__leading.sc-sui-tab-menu-horizontal{flex-shrink:0}.sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal .sui-tab-menu-horizontal__text.sc-sui-tab-menu-horizontal{display:inline-flex;align-items:center;gap:4px;min-width:0}.sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal .sui-tab-menu-horizontal__chevron.sc-sui-tab-menu-horizontal{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:1px;border-radius:var(--sui-radius-full);background:var(--sui-bg-white-0);overflow:hidden;color:var(--sui-icon-sub-600)}.sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;transition:background var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-tab-menu-horizontal__item--active.sc-sui-tab-menu-horizontal{color:var(--sui-text-strong-950)}.sui-tab-menu-horizontal__item--active.sc-sui-tab-menu-horizontal .sui-tab-menu-horizontal__leading.sc-sui-tab-menu-horizontal{color:var(--sui-icon-strong-950)}.sui-tab-menu-horizontal__item--active.sc-sui-tab-menu-horizontal::after{background:var(--sui-primary-base)}.sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal:hover:not(:disabled):not(.sui-tab-menu-horizontal__item--active){color:var(--sui-text-strong-950)}.sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal:hover:not(:disabled):not(.sui-tab-menu-horizontal__item--active) .sui-tab-menu-horizontal__leading.sc-sui-tab-menu-horizontal{color:var(--sui-icon-sub-600)}.sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal:hover:not(:disabled):not(.sui-tab-menu-horizontal__item--active) .sui-tab-menu-horizontal__chevron.sc-sui-tab-menu-horizontal{color:var(--sui-icon-sub-600)}.sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal:disabled{cursor:not-allowed;opacity:0.4}[data-sui-size=small].sc-sui-tab-menu-horizontal-h .sui-tab-menu-horizontal__track.sc-sui-tab-menu-horizontal{gap:20px}[data-sui-size=small].sc-sui-tab-menu-horizontal-h .sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal{padding:10px 0}[data-sui-size=large].sc-sui-tab-menu-horizontal-h .sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal,[data-sui-size=xlarge].sc-sui-tab-menu-horizontal-h .sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal{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-tab-menu-horizontal-h .sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal{padding:14px 0}[data-sui-size=xlarge].sc-sui-tab-menu-horizontal-h .sui-tab-menu-horizontal__track.sc-sui-tab-menu-horizontal{gap:28px}[data-sui-size=xlarge].sc-sui-tab-menu-horizontal-h .sui-tab-menu-horizontal__item.sc-sui-tab-menu-horizontal{padding:16px 0}'}},[2,"sui-tab-menu-horizontal",{tabs:[16],active:[1025],size:[513]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]),h=l,m=function(){"undefined"!=typeof customElements&&["sui-tab-menu-horizontal","sui-icon"].forEach((t=>{switch(t){case"sui-tab-menu-horizontal":customElements.get(n(t))||customElements.define(n(t),l);break;case"sui-icon":customElements.get(n(t))||r()}}))};export{h as SuiTabMenuHorizontal,m as defineCustomElement}

package/dist/components/sui-tab-menu-vertical.d.ts

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

package/dist/components/sui-tab-menu-vertical.js

@@ -0,0 +1 @@
+import{p as i,H as t,c as e,h as a,d as s,t as r}from"./p-BwhKFYtu.js";import{a as n,b as u}from"./p-Dl8gag--.js";import{d as l}from"./p-CmfWN05h.js";let c=0;const o=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.tabChange=e(this,"tabChange"),this.tabs=[],this.menuStyle="card",this.dividerLabel="",this.dividerId="sui-tab-menu-vertical-divider-"+ ++c,this.onKeydown=i=>{var t;const e=n(this.tabs,this.active),a=u(i.key,e,this.tabs,"vertical");null!==a&&(i.preventDefault(),a!==e&&this.select(this.tabs[a]),null===(t=this.el.querySelectorAll(".sui-tab-menu-vertical__item")[a])||void 0===t||t.focus())}}onTouchStart(){}onTouchEnd(i){var t,e;null===(e=null===(t=i.target)||void 0===t?void 0:t.closest("button"))||void 0===e||e.blur()}select(i){i.disabled||(this.active=i.value,this.tabChange.emit(i.value))}render(){const i=n(this.tabs,this.active);return a(s,{key:"09cbf0e3741c34f0613b24beafc1db055ac38742","data-sui-style":this.menuStyle},a("div",{key:"76ac62515eb95444708cd00aa99a42408070361c",class:"sui-tab-menu-vertical__track",role:"tablist","aria-orientation":"vertical","aria-labelledby":this.dividerLabel?this.dividerId:void 0,onKeyDown:this.onKeydown},this.dividerLabel&&a("div",{key:"0b4f1a9864b20e8a6cdfad0ad660afe9e4b205b9",class:"sui-tab-menu-vertical__divider",id:this.dividerId,"aria-hidden":"true"},this.dividerLabel),this.tabs.map(((t,e)=>{const s=this.active===t.value;return a("button",{key:t.value,type:"button",class:{"sui-tab-menu-vertical__item":!0,"sui-tab-menu-vertical__item--active":s},disabled:t.disabled,role:"tab","aria-selected":s?"true":"false",tabindex:i===e?"0":"-1","aria-disabled":t.disabled?"true":void 0,onClick:()=>this.select(t)},t.icon&&a("sui-icon",{class:"sui-tab-menu-vertical__leading",name:t.icon,size:20}),a("span",{class:"sui-tab-menu-vertical__label"},t.label),!!t.number&&a("span",{class:"sui-tab-menu-vertical__badge"},t.number),t.rightIcon&&a("span",{class:"sui-tab-menu-vertical__chevron"},a("sui-icon",{name:"arrow-right-s-line",size:18})))}))))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-tab-menu-vertical-h{display:block}.sui-tab-menu-vertical__track.sc-sui-tab-menu-vertical{display:flex;flex-direction:column;align-items:stretch;gap:8px;box-sizing:border-box;width:100%}[data-sui-style=card].sc-sui-tab-menu-vertical-h .sui-tab-menu-vertical__track.sc-sui-tab-menu-vertical{padding:10px;border:1px solid var(--sui-stroke-soft-200);border-radius:var(--sui-radius-16);background:var(--sui-bg-white-0);box-shadow:var(--sui-shadow-x-small);overflow:hidden}[data-sui-style=list].sc-sui-tab-menu-vertical-h .sui-tab-menu-vertical__track.sc-sui-tab-menu-vertical{padding:0;border:none;background:transparent;box-shadow:none}.sui-tab-menu-vertical__divider.sc-sui-tab-menu-vertical{display:flex;align-items:center;padding:4px 8px;color:var(--sui-text-soft-400);font-family:var(--sui-font-sans);font-size:var(--sui-type-subheading-xs-size);font-weight:var(--sui-type-subheading-xs-weight);line-height:var(--sui-type-subheading-xs-line);letter-spacing:var(--sui-type-subheading-xs-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;text-transform:uppercase}.sui-tab-menu-vertical__badge.sc-sui-tab-menu-vertical{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:12px;padding:2px;border-radius:var(--sui-radius-full);background:var(--sui-state-error-base);color:var(--sui-static-white);font-family:var(--sui-font-sans);font-size:var(--sui-type-subheading-2xs-size);font-weight:var(--sui-type-subheading-2xs-weight);line-height:var(--sui-type-subheading-2xs-line);letter-spacing:var(--sui-type-subheading-2xs-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;text-align:center;text-transform:uppercase}.sui-tab-menu-vertical__item.sc-sui-tab-menu-vertical{display:flex;align-items:center;gap:6px;padding:8px;border:none;border-radius:var(--sui-radius-8);background:transparent;cursor:pointer;text-align:left;box-sizing:border-box;width:100%;overflow:hidden;transition:color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out), background var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out);color:var(--sui-text-sub-600)}.sui-tab-menu-vertical__item.sc-sui-tab-menu-vertical .sui-tab-menu-vertical__leading.sc-sui-tab-menu-vertical{flex-shrink:0}.sui-tab-menu-vertical__item.sc-sui-tab-menu-vertical .sui-tab-menu-vertical__label.sc-sui-tab-menu-vertical{flex:1 0 0;min-width:0;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;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-tab-menu-vertical__item.sc-sui-tab-menu-vertical .sui-tab-menu-vertical__chevron.sc-sui-tab-menu-vertical{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:1px;border-radius:var(--sui-radius-full);background:var(--sui-bg-white-0);box-shadow:var(--sui-shadow-x-small);color:var(--sui-icon-sub-600)}.sui-tab-menu-vertical__item--active.sc-sui-tab-menu-vertical{background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950)}.sui-tab-menu-vertical__item--active.sc-sui-tab-menu-vertical .sui-tab-menu-vertical__leading.sc-sui-tab-menu-vertical{color:var(--sui-primary-base)}.sui-tab-menu-vertical__item.sc-sui-tab-menu-vertical:hover:not(:disabled):not(.sui-tab-menu-vertical__item--active){background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950)}.sui-tab-menu-vertical__item.sc-sui-tab-menu-vertical:disabled{cursor:not-allowed;opacity:0.4}[data-sui-style=card].sc-sui-tab-menu-vertical-h .sui-tab-menu-vertical__item.sc-sui-tab-menu-vertical:not(.sui-tab-menu-vertical__item--active):not(:hover){background:var(--sui-bg-white-0)}'}},[2,"sui-tab-menu-vertical",{tabs:[16],active:[1025],menuStyle:[513,"menu-style"],dividerLabel:[1,"divider-label"]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]),b=o,d=function(){"undefined"!=typeof customElements&&["sui-tab-menu-vertical","sui-icon"].forEach((i=>{switch(i){case"sui-tab-menu-vertical":customElements.get(r(i))||customElements.define(r(i),o);break;case"sui-icon":customElements.get(r(i))||l()}}))};export{b as SuiTabMenuVertical,d as defineCustomElement}

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

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

package/dist/components/sui-table.js

@@ -0,0 +1 @@
+import{p as e,H as s,c as i,h as t,d as a,t as l}from"./p-BwhKFYtu.js";import{S as r,P as o}from"./p-BbnLpCbe.js";import{d as u}from"./p-DxoLjI0C.js";import{d as c}from"./p-CmfWN05h.js";import{d as n}from"./p-cD-ncf5D.js";const b=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.rowClicked=i(this,"rowClicked"),this.sortChanged=i(this,"sortChanged"),this.sortKeyChange=i(this,"sortKeyChange"),this.sortDirChange=i(this,"sortDirChange"),this.selectedRowsChange=i(this,"selectedRowsChange"),this.columns=[],this.rows=[],this.size="medium",this.loading=!1,this.emptyMessage="No hay datos",this.striped=!1,this.selectable=!1,this.rowKey=null,this.selectedRows=new Set,this.sortKey=null,this.sortDir=null,this.pistaDeScroll=!0,this.rev=0,this.pistaEstado={antes:!1,despues:!1},this.skeletonRows=[0,1,2,3,4],this.onSort=e=>{if(!e.sortable||e.disabled)return;const s=this.sortKey,i=s!==e.key?"asc":"asc"===this.sortDir?"desc":null;this.sortKey=i?e.key:null,this.sortDir=i,this.sortKey!==s&&this.sortKeyChange.emit(this.sortKey),this.sortDirChange.emit(i),this.sortChanged.emit({key:e.key,dir:i})}}onSelectedRowsChange(){this.rev++}onPistaChange(e){var s;null===(s=this.pista)||void 0===s||s.setActiva(e)}connectedCallback(){this.scrollEl&&this.conectar()}componentDidLoad(){this.conectar()}conectar(){const e=this.scrollEl;e&&!this.pista&&(this.pista=new r(e,(e=>this.pistaEstado=e),this.pistaDeScroll),this.unbindTouch=function(e){if(/iPad|iPhone|iPod/.test(navigator.userAgent)||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1)return()=>{};const s=e.ownerDocument;e.style.touchAction="pan-x";let i=0,t=0,a=0,l=null,r=null,o=0,u=0,c=0;const n=[],b=()=>{u&&cancelAnimationFrame(u),u=0},d=u=>{if(b(),1!==u.touches.length)return void(l=null);const c=u.touches[0];i=c.clientX,t=a=c.clientY,l=null,o=0,n.length=0,n.push({y:c.clientY,t:u.timeStamp}),r=(()=>{var i;let t=e.parentElement;for(;t&&t!==s.body;){const e=getComputedStyle(t).overflowY;if(("auto"===e||"scroll"===e)&&t.scrollHeight>t.clientHeight)return t;t=t.parentElement}return null!==(i=s.scrollingElement)&&void 0!==i?i:null})()},h=s=>{if(1!==s.touches.length)return;if(e.scrollWidth<=e.clientWidth+1)return;const o=s.touches[0];if(null===l){const e=Math.abs(o.clientX-i),s=Math.abs(o.clientY-t);if(e<5&&s<5)return;l=e>s?"x":"y"}if("x"!==l){for(r&&(r.scrollTop-=o.clientY-a),n.push({y:o.clientY,t:s.timeStamp});n.length>1&&s.timeStamp-n[0].t>100;)n.shift();s.preventDefault(),a=o.clientY}else a=o.clientY},p=()=>{const e=n[0],s=n[n.length-1],i=s&&e?s.t-e.t:0;if(!r)return;if(o=i>0?(s.y-e.y)/i:0,Math.abs(o)<.05)return;const t=r;c=0;const a=e=>{c||(c=e);const s=Math.min(e-c,32);c=e,t.scrollTop-=o*s,o*=Math.pow(.95,s/16),u=Math.abs(o)>.02?requestAnimationFrame(a):0};u=requestAnimationFrame(a)};return e.addEventListener("touchstart",d,{passive:!0}),e.addEventListener("touchmove",h,{passive:!1}),e.addEventListener("touchend",p,{passive:!0}),e.addEventListener("touchcancel",b,{passive:!0}),()=>{b(),e.removeEventListener("touchstart",d),e.removeEventListener("touchmove",h),e.removeEventListener("touchend",p),e.removeEventListener("touchcancel",b)}}(e))}componentDidRender(){var e;null===(e=this.pista)||void 0===e||e.medir()}disconnectedCallback(){var e,s;null===(e=this.pista)||void 0===e||e.destroy(),this.pista=void 0,null===(s=this.unbindTouch)||void 0===s||s.call(this),this.unbindTouch=void 0}isSortActive(e){return this.sortKey===e}getRowKey(e,s){const i=this.rowKey;return null==i?s:"function"==typeof i?i(e):e[i]}toggleRow(e,s){const i=this.getRowKey(e,s),t=new Set(this.selectedRows);t.has(i)?t.delete(i):t.add(i),this.emitSelection(t)}emitSelection(e){this.selectedRows=e,this.selectedRowsChange.emit(e)}toggleAll(){var e;const s=null!==(e=this.rows)&&void 0!==e?e:[];this.emitSelection(this.selectedRows.size===s.length&&s.length>0?new Set:new Set(s.map(((e,s)=>this.getRowKey(e,s)))))}get allSelected(){var e;const s=null!==(e=this.rows)&&void 0!==e?e:[];return s.length>0&&this.selectedRows.size===s.length}get partialSelected(){var e;const s=null!==(e=this.rows)&&void 0!==e?e:[];return this.selectedRows.size>0&&this.selectedRows.size<s.length}getCellValue(e,s){const i=null==e?void 0:e[s];return null==i?"":i+""}getCellDescription(e,s){return s.descriptionKey?this.getCellValue(e,s.descriptionKey):""}cellPriority(e){var s;return null!==(s=e.priority)&&void 0!==s?s:"regular"}colMinWidth(e){var s,i;return null!==(i=null!==(s=e.minWidth)&&void 0!==s?s:e.width)&&void 0!==i?i:void 0}get hasStickyColumn(){var e;return(null!==(e=this.columns)&&void 0!==e?e:[]).some((e=>!0===e.sticky))}slotNameFor(e,s){const i=`cell-${e.key}-${s}`,t="cell-"+e.key;return this.el.querySelector(`[slot="${i}"]`)?i:this.el.querySelector(`[slot="${t}"]`)?t:null}colStyle(e){const s={};e.width?(s.width=e.width,s.flex="0 0 "+e.width):s.flex="1";const i=this.colMinWidth(e);return i&&(s["min-width"]=i),e.maxWidth&&(s["max-width"]=e.maxWidth),s}renderHeader(){var e;return t("div",{class:"sui-table__header"},this.selectable&&t("div",{class:"sui-table__header-cell sui-table__header-cell--checkbox"},t("sui-checkbox",{checked:this.allSelected,indeterminate:this.partialSelected,"aria-label":"Seleccionar todas las filas",onSuiChange:()=>this.toggleAll(),onClick:e=>e.stopPropagation()})),(null!==(e=this.columns)&&void 0!==e?e:[]).map((e=>{const s=!!e.sortable&&!e.disabled,i=this.isSortActive(e.key),a=e.sortable?i?"asc"===this.sortDir?"ascending":"descending":"none":void 0;return t("div",{class:{"sui-table__header-cell":!0,"sui-table__header-cell--sortable":s,"sui-table__header-cell--sorted":i,"sui-table__header-cell--disabled":!!e.disabled,"sui-table__header-cell--center":"center"===e.align,"sui-table__header-cell--right":"right"===e.align,"sui-table__header-cell--empty":!e.label,"sui-table__header-cell--sticky":!!e.sticky},style:this.colStyle(e),tabindex:s?"0":void 0,role:e.sortable?"columnheader":void 0,"aria-disabled":e.disabled?"true":void 0,"aria-sort":a,onClick:()=>!e.disabled&&this.onSort(e),onTouchStart:()=>{},onTouchEnd:e=>e.currentTarget.blur(),onKeyDown:s=>{e.disabled||("Enter"===s.key?this.onSort(e):" "!==s.key&&"Spacebar"!==s.key||(s.preventDefault(),this.onSort(e)))}},e.label&&t("span",{class:"sui-table__header-label"},e.label),e.sortable&&t("span",{class:{"sui-table__sort-icon":!0,"sui-table__sort-icon--active":i}},t("sui-icon",i?"asc"===this.sortDir?{name:"arrow-up-s-fill",size:20}:{name:"arrow-down-s-fill",size:20}:{name:"expand-up-down-line",size:20})))})))}renderSkeleton(){return t("div",{class:"sui-table__body"},this.skeletonRows.map((e=>{var s;return t("div",{class:"sui-table__row sui-table__row--skeleton",key:"sk-"+e},this.selectable&&t("div",{class:"sui-table__cell sui-table__cell--checkbox"},t("span",{class:"sui-table__skeleton-box sui-table__skeleton-box--sm"})),(null!==(s=this.columns)&&void 0!==s?s:[]).map((e=>t("div",{class:{"sui-table__cell":!0,"sui-table__cell--sticky":!!e.sticky},style:this.colStyle(e)},t("span",{class:"sui-table__skeleton-box"})))))})))}renderEmpty(){return t("div",{class:"sui-table__empty"},t("sui-icon",{name:"inbox-line",size:40,class:"sui-table__empty-icon"}),t("p",{class:"sui-table__empty-msg"},this.emptyMessage))}renderCellContent(e,s,i){if("function"==typeof s.renderCell)return s.renderCell(e,i);const a=this.slotNameFor(s,i);if(a)return t("slot",{name:a});const l=this.getCellDescription(e,s),r=this.getCellValue(e,s.key);return l?t("span",{class:"sui-table__cell-block"},s.truncate?t("sui-tooltip",{content:r,position:"top"},t("span",{class:"sui-table__cell-text sui-table__cell-text--truncate"},r)):t("span",{class:"sui-table__cell-text"},r),t("span",{class:"sui-table__cell-desc"},l)):s.truncate?t("sui-tooltip",{content:r,position:"top"},t("span",{class:"sui-table__cell-text sui-table__cell-text--truncate"},r)):t("span",{class:"sui-table__cell-text"},r)}renderBody(){var e;const s=null!==(e=this.rows)&&void 0!==e?e:[];return t("div",{class:"sui-table__body"},s.map(((e,i)=>{var a;return[t("div",{class:{"sui-table__row":!0,"sui-table__row--selected":this.selectedRows.has(this.getRowKey(e,i)),"sui-table__row--striped":this.striped&&i%2==1},key:"row-"+this.getRowKey(e,i),onClick:()=>this.rowClicked.emit(e)},this.selectable&&t("div",{class:"sui-table__cell sui-table__cell--checkbox",onClick:e=>e.stopPropagation()},t("sui-checkbox",{checked:this.selectedRows.has(this.getRowKey(e,i)),"aria-label":"Seleccionar fila",onSuiChange:()=>this.toggleRow(e,i)})),(null!==(a=this.columns)&&void 0!==a?a:[]).map((s=>t("div",{class:{"sui-table__cell":!0,"sui-table__cell--center":"center"===s.align,"sui-table__cell--right":"right"===s.align,"sui-table__cell--sticky":!!s.sticky,"sui-table__cell--leading":"leading"===this.cellPriority(s),"sui-table__cell--passive":"passive"===this.cellPriority(s),"sui-table__cell--none":"none"===this.cellPriority(s)},style:this.colStyle(s)},this.renderCellContent(e,s,i))))),i<s.length-1&&t("div",{class:"sui-table__divider"})]})))}render(){var e;return t(a,{key:"d1d4bc75bcd5a3fb47bfd5ddb0490dc6b2dcf62a","data-sui-size":this.size,"data-sui-striped":this.striped?"":void 0,"data-sui-selectable":this.selectable?"":void 0,"data-sui-loading":this.loading?"":void 0,"data-sui-sticky":this.hasStickyColumn?"":void 0},t("div",{key:"73326540399beb8d4ca707c9cd04bfd1b1878c87",class:"sui-pista sui-table__pista"},t("div",{key:"dfdba9e05edc49c947334999082952a2d14194da",class:"sui-table",ref:e=>this.scrollEl=e},this.renderHeader(),this.loading?this.renderSkeleton():0===(null!==(e=this.rows)&&void 0!==e?e:[]).length?this.renderEmpty():this.renderBody()),t(o,{key:"20b69ca35042a83c99c2b43e9d8229c974cba2ed",estado:this.pistaEstado,pista:this.pista,ocultarInicio:this.hasStickyColumn})))}get el(){return this}static get watchers(){return{selectedRows:[{onSelectedRowsChange:0}],pistaDeScroll:[{onPistaChange:0}]}}static get style(){return'@charset "UTF-8";.sui-pista.sc-sui-table{position:relative;display:block;min-width:0}.sui-pista__borde.sc-sui-table{position:absolute;top:0;bottom:0;width:var(--sui-pista-de-scroll-ancho, 56px);pointer-events:none;z-index:2}.sui-pista__borde--inicio.sc-sui-table{left:0;background:linear-gradient(to right, var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 0%, var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 30%, transparent 100%)}.sui-pista__borde--fin.sc-sui-table{right:0;background:linear-gradient(to left, var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 0%, var(--sui-pista-de-scroll-fondo, var(--sui-bg-white-0, #fff)) 30%, transparent 100%)}.sui-pista__flecha.sc-sui-table{display:none}@media (hover: hover) and (pointer: fine){.sui-pista__flecha.sc-sui-table{position:absolute;top:var(--sui-pista-de-scroll-flecha-top, 50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--sui-pista-de-scroll-flecha-size, 32px);height:var(--sui-pista-de-scroll-flecha-size, 32px);padding:0;border-radius:999px;border:1px solid var(--sui-stroke-soft-200, #ebebeb);background:var(--sui-bg-white-0, #fff);color:var(--sui-text-sub-600, #5c5c5c);box-shadow:var(--sui-shadow-x-small, 0 1px 2px rgba(10, 13, 20, 0.03));transform:translateY(-50%);cursor:pointer;pointer-events:auto;transition:background var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease), color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease)}.sui-pista__flecha.sc-sui-table:hover{background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-strong-950, #171717)}.sui-pista__flecha--inicio.sc-sui-table{left:4px}.sui-pista__flecha--fin.sc-sui-table{right:4px}}.sc-sui-table-h{display:block;width:100%}.sui-table__pista.sc-sui-table{width:100%;--sui-pista-de-scroll-flecha-top:18px;--sui-pista-de-scroll-flecha-size:28px}.sui-table.sc-sui-table{display:flex;flex-direction:column;width:100%;overflow:hidden;font-family:var(--sui-font-sans);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto}[data-sui-sticky].sc-sui-table-h .sui-table__header.sc-sui-table,[data-sui-sticky].sc-sui-table-h .sui-table__row.sc-sui-table{overflow:visible}@media (max-width: 767px){.sui-table.sc-sui-table{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background:var(--sui-bg-white-0);overscroll-behavior-y:none;display:grid;grid-template-columns:minmax(max-content, 1fr)}}@media (max-width: 767px) and (max-width: 767px){.sui-table.sc-sui-table{scrollbar-width:none}.sui-table.sc-sui-table::-webkit-scrollbar{display:none;width:0;height:0}}@media (max-width: 767px){.sui-table.sc-sui-table .sui-table__header.sc-sui-table,.sui-table.sc-sui-table .sui-table__body.sc-sui-table{min-width:100%}.sui-table.sc-sui-table .sui-table__cell.sc-sui-table,.sui-table.sc-sui-table .sui-table__header-cell.sc-sui-table{min-width:120px}.sui-table.sc-sui-table .sui-table__cell--checkbox.sc-sui-table,.sui-table.sc-sui-table .sui-table__header-cell--checkbox.sc-sui-table{min-width:44px}.sui-table.sc-sui-table .sui-table__header-cell--empty.sc-sui-table{min-width:0}}[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background:var(--sui-bg-white-0);overscroll-behavior-y:none}@media (max-width: 767px){[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table{scrollbar-width:none}[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table::-webkit-scrollbar{display:none;width:0;height:0}}[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table{display:grid;grid-template-columns:minmax(max-content, 1fr)}[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table .sui-table__header.sc-sui-table,[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table .sui-table__body.sc-sui-table{min-width:100%}[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table .sui-table__cell.sc-sui-table,[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table .sui-table__header-cell.sc-sui-table{min-width:120px}[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table .sui-table__cell--checkbox.sc-sui-table,[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table .sui-table__header-cell--checkbox.sc-sui-table{min-width:44px}[data-sui-sticky].sc-sui-table-h .sui-table.sc-sui-table .sui-table__header-cell--empty.sc-sui-table{min-width:0}.sui-table__header.sc-sui-table{display:flex;align-items:flex-start;background:var(--sui-bg-weak-50);border-radius:var(--sui-radius-8);overflow:hidden;min-height:36px;flex-shrink:0}.sui-table__header-cell.sc-sui-table{display:flex;align-items:center;gap:2px;padding:8px 12px;min-width:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;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-table__header-cell--sortable.sc-sui-table{cursor:pointer;user-select:none}.sui-table__header-cell--sortable.sc-sui-table:hover{color:var(--sui-text-strong-950)}.sui-table__header-cell--sortable.sc-sui-table:hover .sui-table__sort-icon.sc-sui-table{opacity:1}.sui-table__header-cell--sortable.sc-sui-table:focus-visible{outline:2px solid var(--sui-primary-alpha-10);outline-offset:-2px;border-radius:var(--sui-radius-4)}.sui-table__header-cell--sorted.sc-sui-table{color:var(--sui-text-strong-950)}.sui-table__header-cell--disabled.sc-sui-table{cursor:default;pointer-events:none;color:var(--sui-text-disabled-300)}.sui-table__header-cell--disabled.sc-sui-table .sui-table__sort-icon.sc-sui-table{color:var(--sui-text-disabled-300);opacity:1}.sui-table__header-cell--empty.sc-sui-table{flex-shrink:0;padding:0}.sui-table__header-cell--center.sc-sui-table{justify-content:center}.sui-table__header-cell--right.sc-sui-table{justify-content:flex-end}.sui-table__header-cell--checkbox.sc-sui-table{flex:0 0 44px;justify-content:center}.sui-table__header-cell--sticky.sc-sui-table{position:sticky;left:0;z-index:2;background:var(--sui-bg-weak-50)}.sui-table__header-label.sc-sui-table{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.sui-table__sort-icon.sc-sui-table{display:inline-flex;align-items:center;flex-shrink:0;color:var(--sui-text-soft-400);opacity:0.6;transition:opacity var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-table__sort-icon--active.sc-sui-table{color:var(--sui-text-strong-950);opacity:1}.sui-table__body.sc-sui-table{display:flex;flex-direction:column;width:100%}.sui-table__row.sc-sui-table{display:flex;align-items:center;width:100%;border-radius:var(--sui-radius-12);overflow:hidden;cursor:pointer;transition:background-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out);box-sizing:border-box}@media (hover: hover) and (pointer: fine){.sui-table__row.sc-sui-table:hover{background:var(--sui-bg-weak-50)}.sui-table__row.sc-sui-table:hover .sui-table__cell.sc-sui-table{background:var(--sui-bg-weak-50)}}.sui-table__row.sc-sui-table:active{background:var(--sui-bg-weak-50)}.sui-table__row.sc-sui-table:active .sui-table__cell.sc-sui-table{background:var(--sui-bg-weak-50)}.sui-table__row--selected.sc-sui-table{background:var(--sui-primary-alpha-10)}.sui-table__row--selected.sc-sui-table:hover{background:var(--sui-primary-alpha-16)}.sui-table__row--striped.sc-sui-table{background:var(--sui-bg-weak-25, var(--sui-bg-weak-50))}.sui-table__row--skeleton.sc-sui-table{pointer-events:none;cursor:default}.sui-table__row--skeleton.sc-sui-table:hover{background:transparent}.sui-table__row--skeleton.sc-sui-table:hover .sui-table__cell.sc-sui-table{background:var(--sui-bg-white-0)}[data-sui-size=medium].sc-sui-table-h .sui-table__cell.sc-sui-table{min-height:64px;padding:12px 20px 12px 12px}[data-sui-size=small].sc-sui-table-h .sui-table__cell.sc-sui-table{min-height:48px;padding:8px 16px 8px 12px}[data-sui-size=large].sc-sui-table-h .sui-table__cell.sc-sui-table{min-height:80px;padding:16px 20px 16px 12px}[data-sui-size=xlarge].sc-sui-table-h .sui-table__cell.sc-sui-table{min-height:96px;padding:20px 20px 20px 12px}.sui-table__cell.sc-sui-table{display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden;box-sizing:border-box;background:var(--sui-bg-white-0);transition:background-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out);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)}.sui-table__cell--center.sc-sui-table{justify-content:center}.sui-table__cell--right.sc-sui-table{justify-content:flex-end}.sui-table__cell--checkbox.sc-sui-table{flex:0 0 44px;justify-content:center;padding:0 12px}.sui-table__cell--leading.sc-sui-table{font-weight:var(--sui-type-label-sm-weight);color:var(--sui-text-strong-950)}.sui-table__cell--passive.sc-sui-table{color:var(--sui-text-sub-600);font-weight:var(--sui-type-paragraph-sm-weight)}.sui-table__cell--sticky.sc-sui-table{position:sticky;left:0;z-index:1;background:var(--sui-bg-white-0)}.sui-table__row--selected.sc-sui-table .sui-table__cell.sc-sui-table{background:transparent}.sui-table__row--selected.sc-sui-table .sui-table__cell.sui-table__cell--sticky.sc-sui-table{background:var(--sui-primary-alpha-10)}.sui-table__cell-text.sc-sui-table{min-width:0}.sui-table__cell-text--truncate.sc-sui-table{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;display:block}.sui-table__cell-block.sc-sui-table{display:flex;flex-direction:column;min-width:0}.sui-table__cell-desc.sc-sui-table,.sc-sui-table-s .sui-table__cell-desc{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--sui-type-paragraph-xs-size);font-weight:var(--sui-type-paragraph-xs-weight);line-height:var(--sui-type-paragraph-xs-line);letter-spacing:var(--sui-type-paragraph-xs-spacing);color:var(--sui-text-sub-600)}.sui-table__cell--leading.sc-sui-table .sui-table__cell-text.sc-sui-table{font-weight:var(--sui-type-label-sm-weight)}.sui-table__cell--passive.sc-sui-table .sui-table__cell-text.sc-sui-table{font-weight:inherit;color:inherit}.sui-table__leading-icon.sc-sui-table,.sc-sui-table-s .sui-table__leading-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:10px;box-sizing:border-box;border-radius:var(--sui-radius-full);background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-shadow:var(--sui-regular-shadow-x-small);color:var(--sui-text-sub-600)}[data-sui-size=small].sc-sui-table-h .sui-table__leading-icon.sc-sui-table,.sc-sui-table-h[data-sui-size=small] .sc-sui-table-s .sui-table__leading-icon{width:32px;height:32px;padding:6px}.sui-table__divider.sc-sui-table{width:100%;padding:1.5px 0;flex-shrink:0;background:var(--sui-bg-white-0)}.sui-table__divider.sc-sui-table::after{content:"";display:block;height:1px;background:var(--sui-stroke-soft-200)}.sui-table__empty.sc-sui-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;text-align:center}.sui-table__empty-icon.sc-sui-table{color:var(--sui-text-disabled-300)}.sui-table__empty-msg.sc-sui-table{margin:0;font-size:var(--sui-type-paragraph-sm-size);line-height:var(--sui-type-paragraph-sm-line);color:var(--sui-text-sub-600)}.sui-table__skeleton-box.sc-sui-table{display:block;height:14px;width:100%;max-width:180px;border-radius:var(--sui-radius-4);background:linear-gradient(90deg, var(--sui-bg-soft-200) 25%, var(--sui-bg-weak-50) 50%, var(--sui-bg-soft-200) 75%);background-size:400% 100%;animation:sui-skeleton-pulse 1.4s ease-in-out infinite}.sui-table__skeleton-box--sm.sc-sui-table{width:20px;max-width:20px;height:20px;border-radius:var(--sui-radius-4)}@keyframes sui-skeleton-pulse{0%{background-position:100% 50%}100%{background-position:0% 50%}}'}},[262,"sui-table",{columns:[16],rows:[16],size:[513],loading:[4],emptyMessage:[1,"empty-message"],striped:[4],selectable:[4],rowKey:[1,"row-key"],selectedRows:[1040],sortKey:[1025,"sort-key"],sortDir:[1025,"sort-dir"],pistaDeScroll:[4,"pista-de-scroll"],rev:[32],pistaEstado:[32]},void 0,{selectedRows:[{onSelectedRowsChange:0}],pistaDeScroll:[{onPistaChange:0}]}]),d=b,h=function(){"undefined"!=typeof customElements&&["sui-table","sui-checkbox","sui-icon","sui-tooltip"].forEach((e=>{switch(e){case"sui-table":customElements.get(l(e))||customElements.define(l(e),b);break;case"sui-checkbox":customElements.get(l(e))||u();break;case"sui-icon":customElements.get(l(e))||c();break;case"sui-tooltip":customElements.get(l(e))||n()}}))};export{d as SuiTable,h as defineCustomElement}

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

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