npm - @ajuarezso/sui-stencil - Versions diffs - 0.0.0-stage → 0.1.0 - Mend

@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2305) hide show

package/dist/components/sui-tabs.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,H as i,c as t,h as e,d as a,t as n}from"./p-BwhKFYtu.js";import{d as r}from"./p-CmfWN05h.js";const o=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiTabChange=t(this,"suiTabChange"),this.tabs=[],this.variant="line",this.size="medium",this.verticalStyle="card",this.dividerLabel="",this.indicatorStyle={transform:"translateX(0)",width:"0"}}onTouchStart(){}onTouchEnd(s){const i=s.target,t=null==i?void 0:i.closest("button");t&&t.blur()}componentDidLoad(){"segment"===this.variant&&(this.attachResizeObserver(),this.scheduleIndicatorUpdate())}componentDidRender(){"segment"===this.variant?(this.attachResizeObserver(),this.scheduleIndicatorUpdate()):this.detachResizeObserver()}disconnectedCallback(){this.detachResizeObserver()}onActiveChange(){"segment"===this.variant&&this.scheduleIndicatorUpdate()}onTabsChange(){"segment"===this.variant&&this.scheduleIndicatorUpdate()}attachResizeObserver(){const s=this.el.querySelector(".sui-tabs__segment-track");s&&(this.trackEl===s&&this.resizeObserver||(this.detachResizeObserver(),this.trackEl=s,"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateIndicator())),this.resizeObserver.observe(s))))}detachResizeObserver(){var s;null===(s=this.resizeObserver)||void 0===s||s.disconnect(),this.resizeObserver=void 0,this.trackEl=void 0}scheduleIndicatorUpdate(){setTimeout((()=>this.updateIndicator()),0)}updateIndicator(){const s=this.el.querySelector(".sui-tabs__segment-track");if(!s)return;const i=Array.from(s.querySelectorAll(".sui-tabs__segment-item")),t=this.tabs.findIndex((s=>s.value===this.active)),e=i[t>=0?t:0];if(!e)return;const a=s.getBoundingClientRect(),n=e.getBoundingClientRect();this.indicatorStyle={transform:`translateX(${n.left-a.left}px)`,width:n.width+"px"}}isActive(s){return this.active===s.value}select(s){s.disabled||(this.active=s.value,this.suiTabChange.emit(s.value))}renderSegment(){return e("div",{class:"sui-tabs__segment-track",role:"tablist"},e("div",{class:"sui-tabs__segment-indicator",style:{transform:this.indicatorStyle.transform,width:this.indicatorStyle.width}}),this.tabs.map((s=>{const i=!(!s.iconOnly||!s.icon);return e("button",{key:s.value,type:"button",class:{"sui-tabs__segment-item":!0,"sui-tabs__segment-item--active":this.isActive(s),"sui-tabs__segment-item--icon-only":i},disabled:s.disabled,"aria-selected":this.isActive(s)?"true":"false","aria-disabled":s.disabled?"true":void 0,"aria-label":i?s.label:void 0,role:"tab",onClick:()=>this.select(s)},s.icon&&e("sui-icon",{name:s.icon,size:20}),!s.iconOnly&&e("span",null,s.label))})))}renderVertical(){return e("div",{class:"sui-tabs__vertical-track",role:"tablist"},this.dividerLabel&&e("div",{class:"sui-tabs__vertical-divider"},this.dividerLabel),this.tabs.map((s=>e("button",{key:s.value,type:"button",class:{"sui-tabs__vertical-item":!0,"sui-tabs__vertical-item--active":this.isActive(s)},disabled:s.disabled,"aria-selected":this.isActive(s)?"true":"false","aria-disabled":s.disabled?"true":void 0,role:"tab",onClick:()=>this.select(s)},s.icon&&e("sui-icon",{class:"sui-tabs__vertical-leading",name:s.icon,size:20}),e("span",{class:"sui-tabs__vertical-label"},s.label),s.badge?e("span",{class:"sui-tabs__badge"},s.badge):null,s.chevron&&e("span",{class:"sui-tabs__chevron"},e("sui-icon",{name:"arrow-right-s-line",size:18}))))))}renderLine(){return e("div",{class:"sui-tabs__line-track",role:"tablist"},this.tabs.map((s=>e("button",{key:s.value,type:"button",class:{"sui-tabs__line-item":!0,"sui-tabs__line-item--active":this.isActive(s)},disabled:s.disabled,"aria-selected":this.isActive(s)?"true":"false","aria-disabled":s.disabled?"true":void 0,role:"tab",onClick:()=>this.select(s)},s.icon&&e("sui-icon",{class:"sui-tabs__line-leading",name:s.icon,size:20}),e("span",{class:"sui-tabs__line-text"},e("span",{class:"sui-tabs__line-label"},s.label),s.badge?e("span",{class:"sui-tabs__badge"},s.badge):null),s.chevron&&e("span",{class:"sui-tabs__line-chevron"},e("sui-icon",{name:"arrow-right-s-line",size:18}))))))}render(){return e(a,{key:"3b9235217a08d9a4f82f07dabdcc6cba162e9e5b","data-sui-variant":this.variant,"data-sui-size":this.size,"data-sui-vstyle":"vertical"===this.variant?this.verticalStyle:null},"segment"===this.variant?this.renderSegment():"vertical"===this.variant?this.renderVertical():this.renderLine())}get el(){return this}static get watchers(){return{active:[{onActiveChange:0}],tabs:[{onTabsChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-tabs-h{display:block}.sui-tabs__segment-track.sc-sui-tabs{position:relative;display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--sui-radius-10);background:var(--sui-bg-weak-50);box-sizing:border-box;width:100%}.sui-tabs__segment-indicator.sc-sui-tabs{position:absolute;top:4px;left:0;height:calc(100% - 8px);background:var(--sui-bg-white-0);border-radius:var(--sui-radius-6);box-shadow:0 6px 10px 0 rgba(14, 18, 27, 0.06), 0 2px 4px 0 rgba(14, 18, 27, 0.03);transition:transform var(--sui-motion-duration-fast) cubic-bezier(0.16, 1, 0.3, 1), width var(--sui-motion-duration-fast) cubic-bezier(0.16, 1, 0.3, 1);pointer-events:none;z-index:0}.sui-tabs__segment-item.sc-sui-tabs{position:relative;z-index:1;display:flex;flex:1 0 0;align-items:center;justify-content:center;gap:6px;padding:4px;min-width:0;overflow:hidden;border-radius:var(--sui-radius-6);border:none;background:transparent;cursor:pointer;transition:color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out);font-family:var(--sui-font-sans);font-size:var(--sui-type-label-sm-size);font-weight:var(--sui-type-label-sm-weight);line-height:var(--sui-type-label-sm-line);letter-spacing:var(--sui-type-label-sm-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto;color:var(--sui-text-soft-400);text-align:center;white-space:nowrap}.sui-tabs__segment-item--icon-only.sc-sui-tabs{gap:0}.sui-tabs__segment-item--active.sc-sui-tabs{color:var(--sui-text-strong-950)}.sui-tabs__segment-item.sc-sui-tabs:hover:not(:disabled):not(.sui-tabs__segment-item--active){color:var(--sui-text-sub-600)}.sui-tabs__segment-item.sc-sui-tabs:disabled{cursor:not-allowed;color:var(--sui-text-disabled-300)}.sui-tabs__badge.sc-sui-tabs{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-tabs__line-track.sc-sui-tabs{display:flex;align-items:flex-start;gap:24px;padding:14px 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-tabs__line-item.sc-sui-tabs{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding: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-tabs__line-item.sc-sui-tabs .sui-tabs__line-leading.sc-sui-tabs{flex-shrink:0}.sui-tabs__line-item.sc-sui-tabs .sui-tabs__line-text.sc-sui-tabs{display:inline-flex;align-items:center;gap:4px;min-width:0}.sui-tabs__line-item.sc-sui-tabs .sui-tabs__line-chevron.sc-sui-tabs{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-tabs__line-item.sc-sui-tabs::after{content:"";position:absolute;bottom:-14px;left:0;right:0;height:2px;background:transparent;transition:background var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-tabs__line-item--active.sc-sui-tabs{color:var(--sui-text-strong-950)}.sui-tabs__line-item--active.sc-sui-tabs .sui-tabs__line-leading.sc-sui-tabs{color:var(--sui-icon-strong-950)}.sui-tabs__line-item--active.sc-sui-tabs::after{background:var(--sui-primary-base)}.sui-tabs__line-item.sc-sui-tabs:hover:not(:disabled):not(.sui-tabs__line-item--active){color:var(--sui-text-strong-950)}.sui-tabs__line-item.sc-sui-tabs:hover:not(:disabled):not(.sui-tabs__line-item--active) .sui-tabs__line-leading.sc-sui-tabs{color:var(--sui-icon-sub-600)}.sui-tabs__line-item.sc-sui-tabs:hover:not(:disabled):not(.sui-tabs__line-item--active) .sui-tabs__line-chevron.sc-sui-tabs{color:var(--sui-icon-sub-600)}.sui-tabs__line-item.sc-sui-tabs:disabled{cursor:not-allowed;opacity:0.4}.sui-tabs__vertical-track.sc-sui-tabs{display:flex;flex-direction:column;align-items:stretch;gap:8px;box-sizing:border-box;width:100%}[data-sui-vstyle=card].sc-sui-tabs-h .sui-tabs__vertical-track.sc-sui-tabs{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-vstyle=list].sc-sui-tabs-h .sui-tabs__vertical-track.sc-sui-tabs{padding:0;border:none;background:transparent;box-shadow:none}.sui-tabs__vertical-divider.sc-sui-tabs{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-tabs__vertical-item.sc-sui-tabs{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-tabs__vertical-item.sc-sui-tabs .sui-tabs__vertical-leading.sc-sui-tabs{flex-shrink:0}.sui-tabs__vertical-item.sc-sui-tabs .sui-tabs__vertical-label.sc-sui-tabs{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-tabs__vertical-item.sc-sui-tabs .sui-tabs__chevron.sc-sui-tabs{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-tabs__vertical-item--active.sc-sui-tabs{background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950)}.sui-tabs__vertical-item--active.sc-sui-tabs .sui-tabs__vertical-leading.sc-sui-tabs{color:var(--sui-icon-strong-950)}.sui-tabs__vertical-item.sc-sui-tabs:hover:not(:disabled):not(.sui-tabs__vertical-item--active){background:var(--sui-bg-weak-50);color:var(--sui-text-strong-950)}.sui-tabs__vertical-item.sc-sui-tabs:disabled{cursor:not-allowed;opacity:0.4}[data-sui-vstyle=card].sc-sui-tabs-h .sui-tabs__vertical-item.sc-sui-tabs:not(.sui-tabs__vertical-item--active):not(:hover){background:var(--sui-bg-white-0)}[data-sui-size=small].sc-sui-tabs-h .sui-tabs__segment-item.sc-sui-tabs{font-size:var(--sui-type-label-xs-size)}[data-sui-size=large].sc-sui-tabs-h .sui-tabs__segment-item.sc-sui-tabs{padding:6px}'}},[2,"sui-tabs",{tabs:[16],active:[1025],variant:[513],size:[513],verticalStyle:[513,"vertical-style"],dividerLabel:[1,"divider-label"],indicatorStyle:[32]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]],{active:[{onActiveChange:0}],tabs:[{onTabsChange:0}]}]),u=o,l=function(){"undefined"!=typeof customElements&&["sui-tabs","sui-icon"].forEach((s=>{switch(s){case"sui-tabs":customElements.get(n(s))||customElements.define(n(s),o);break;case"sui-icon":customElements.get(n(s))||r()}}))};export{u as SuiTabs,l as defineCustomElement}

package/dist/components/sui-tag-input.d.ts ADDED Viewed

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

package/dist/components/sui-tag-input.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as i,H as t,c as s,h as a,d as e,t as u}from"./p-BwhKFYtu.js";import{d as r}from"./p-D5V4Py3v.js";import{d as n}from"./p-D1OVW8SW.js";import{d as o}from"./p-CmfWN05h.js";import{d as l}from"./p-tfpKWTqB.js";import{d}from"./p-zlWGj-dy.js";import{d as p}from"./p-cD-ncf5D.js";let h=0;const g=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.tagAdded=s(this,"tagAdded"),this.tagRemoved=s(this,"tagRemoved"),this.size="medium",this.placeholder="Agrega una etiqueta…",this.disabled=!1,this.error=!1,this.errorMessage=null,this.rightIcon=!1,this.controlId="sui-tag-input-"+ ++h,this.hintId=this.controlId+"-hint",this.label=null,this.sublabel=null,this.required=!1,this.tooltip=null,this.hint=null,this.commaSeparator=!1,this.allowDuplicates=!1,this.maxTags=null,this.addOnBlur=!1,this.value=[],this.draft="",this.onInput=i=>{this.isDisabled||(this.draft=i.target.value)},this.onKeydown=i=>{if(!this.isDisabled)return"Enter"===i.key||this.commaSeparator&&","===i.key?(i.preventDefault(),void this.commitDraft()):void("Backspace"===i.key&&0===this.draft.length&&this.value.length>0&&(i.preventDefault(),this.removeLast()))},this.onBlur=()=>{this.addOnBlur&&!this.isDisabled&&this.commitDraft()},this.onFieldMouseDown=i=>{var t;if(this.isDisabled)return;const s=i.target;s.closest(".sui-tag-input__control")||s.closest("sui-tag")||(i.preventDefault(),null===(t=this.inputEl)||void 0===t||t.focus())},this.onFieldTouchStart=i=>{var t;if(this.isDisabled)return;const s=i.target;s.closest(".sui-tag-input__control")||s.closest("sui-tag")||(i.preventDefault(),null===(t=this.inputEl)||void 0===t||t.focus())}}get rightIconCfg(){const i=this.rightIcon;return!0===i||"true"===i||""===i?"info-custom-fill":"string"==typeof i&&i.length>0&&"false"!==i?i:null}get labelSize(){const i=this.size;return"large"===i||"xlarge"===i?"medium":i}get tagSize(){const i=this.size;return"large"===i||"xlarge"===i?i:"medium"}get isDisabled(){return this.disabled}get hasTags(){return this.value.length>0}commitDraft(){const i=this.draft.trim();i?(this.addTagInternal(i),this.draft="",this.inputEl&&(this.inputEl.value="")):this.draft=""}addTagInternal(i){const t=i.trim();if(!t)return!1;const s=this.value,a=this.maxTags;if(null!==a&&s.length>=a)return!1;if(!this.allowDuplicates&&s.includes(t))return!1;const e=[...s,t];return this.value=e,this.valueChange.emit(e),this.tagAdded.emit(t),!0}removeAtInternal(i){if(this.isDisabled)return;const t=this.value;if(i<0||i>=t.length)return;const s=t[i],a=t.filter(((t,s)=>s!==i));this.value=a,this.valueChange.emit(a),this.tagRemoved.emit(s)}removeLast(){this.removeAtInternal(this.value.length-1)}async addTag(i){return this.addTagInternal(i)}async removeAt(i){this.removeAtInternal(i)}componentWillLoad(){this.el.removeAttribute("title")}render(){var i,t;const s=!!this.el.querySelector('[slot="right"]'),u=this.rightIconCfg,r=this.error?this.errorMessage:this.hint;return a(e,{key:"5189b03b310ba1e028dde91e09da0c07fbeefd1e","data-sui-size":this.size,"data-sui-error":this.error?"":null,"data-sui-disabled":this.isDisabled?"":null},this.label&&a("sui-form-label",{key:"81e5e41fa21b5163434d2d42b7281f616fa0fac1",class:"sui-tag-input__label-host",label:this.label,sublabel:null!==(i=this.sublabel)&&void 0!==i?i:void 0,required:this.required,tooltip:null!==(t=this.tooltip)&&void 0!==t?t:void 0,size:this.labelSize,htmlFor:this.controlId}),a("div",{key:"a1fb973940895d7c6428f78ba8e5617da856cfcb",class:{"sui-tag-input__field":!0,"sui-tag-input__field--error":this.error,"sui-tag-input__field--disabled":this.isDisabled},onMouseDown:this.onFieldMouseDown,onTouchStart:this.onFieldTouchStart},a("input",{key:"40ed79febd8530d64345d7622acc46281c34d79d",class:"sui-tag-input__control",id:this.controlId,"aria-invalid":this.error?"true":null,"aria-describedby":r?this.hintId:null,ref:i=>this.inputEl=i,type:"text",placeholder:this.placeholder,disabled:this.isDisabled,value:this.draft,autocomplete:"off",onInput:this.onInput,onKeyDown:this.onKeydown,onBlur:this.onBlur}),u&&a("span",{key:"a1189c6ba8f01d2c6c2f065501791747d063b044",class:"sui-tag-input__right"},a("slot",{key:"f360ffbf1daffe91ba02752d27effc5c33238c2a",name:"right"}),!s&&a("sui-icon",{key:"af59a0a4272ea9779818a6aff9e4c3edc0910a5c",name:u,size:20}))),this.hasTags&&a("div",{key:"ecbfb208a8cf6021b52dbf3be60e6fec1d3505af",class:"sui-tag-input__tags",role:"list"},this.value.map(((i,t)=>a("sui-tag",{role:"listitem",tagStyle:"stroke",size:this.tagSize,dismissible:!0,disabled:this.isDisabled,dismissLabel:"Quitar "+i,onDismiss:()=>this.removeAtInternal(t)},i)))),r&&a("sui-form-hint",{key:"f49eac5d26c16637ae596d4fbbfa6e0a367ae4f2",class:"sui-tag-input__hint-host",id:this.hintId,message:r,variant:this.error?"error":"neutral",icon:this.error?void 0:"information-fill"}))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-tag-input-h{display:block;font-family:var(--sui-font-sans)}.sui-tag-input__label-host.sc-sui-tag-input{display:block;margin-bottom:4px}.sui-tag-input__field.sc-sui-tag-input{display:flex;align-items:center;width:100%;box-sizing:border-box;overflow:hidden;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-shadow:var(--sui-regular-shadow-x-small);cursor:text;transition:border-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out), background-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out), box-shadow var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}[data-sui-size=xsmall].sc-sui-tag-input-h .sui-tag-input__field.sc-sui-tag-input{gap:6px;padding:5px 6px 5px 10px;border-radius:var(--sui-radius-8);min-height:32px}[data-sui-size=small].sc-sui-tag-input-h .sui-tag-input__field.sc-sui-tag-input{gap:8px;padding:7px 8px 7px 10px;border-radius:var(--sui-radius-8);min-height:36px}[data-sui-size=medium].sc-sui-tag-input-h .sui-tag-input__field.sc-sui-tag-input,.sc-sui-tag-input-h:not([data-sui-size]) .sui-tag-input__field.sc-sui-tag-input{gap:8px;padding:9px 10px 9px 12px;border-radius:var(--sui-radius-10);min-height:40px}[data-sui-size=large].sc-sui-tag-input-h .sui-tag-input__field.sc-sui-tag-input{gap:10px;padding:11px 12px 11px 14px;border-radius:var(--sui-radius-12);min-height:48px}[data-sui-size=xlarge].sc-sui-tag-input-h .sui-tag-input__field.sc-sui-tag-input{gap:10px;padding:13px 14px 13px 16px;border-radius:var(--sui-radius-12);min-height:52px}.sui-tag-input__control.sc-sui-tag-input{flex:1 0 0;min-width:0;width:100%;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--sui-text-strong-950);font-family:inherit;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);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}@media (max-width: 767px){.sui-tag-input__control.sc-sui-tag-input{font-size:16px}}[data-sui-size=large].sc-sui-tag-input-h .sui-tag-input__control.sc-sui-tag-input,[data-sui-size=xlarge].sc-sui-tag-input-h .sui-tag-input__control.sc-sui-tag-input{font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -0.011em)}.sui-tag-input__control.sc-sui-tag-input::placeholder{color:var(--sui-text-soft-400);opacity:1}.sui-tag-input__right.sc-sui-tag-input{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sui-icon-size-md);height:var(--sui-icon-size-md);color:var(--sui-icon-soft-400);pointer-events:none}[data-sui-disabled].sc-sui-tag-input-h .sui-tag-input__right.sc-sui-tag-input{color:var(--sui-icon-disabled-300)}.sc-sui-tag-input-h:not([data-sui-disabled]):not([data-sui-error]) .sui-tag-input__field.sc-sui-tag-input:hover{background:var(--sui-bg-weak-50);border-color:transparent;box-shadow:none}.sc-sui-tag-input-h:not([data-sui-disabled]):not([data-sui-error]) .sui-tag-input__field.sc-sui-tag-input:hover .sui-tag-input__control.sc-sui-tag-input::placeholder{color:var(--sui-text-sub-600)}.sc-sui-tag-input-h:not([data-sui-disabled]):not([data-sui-error]) .sui-tag-input__field.sc-sui-tag-input:focus-within{background:var(--sui-bg-white-0);border-color:var(--sui-stroke-strong-950);box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-slate-alpha-16)}[data-sui-error].sc-sui-tag-input-h .sui-tag-input__field.sc-sui-tag-input,.sui-tag-input__field--error.sc-sui-tag-input{border-color:var(--sui-state-error-base)}[data-sui-error].sc-sui-tag-input-h .sui-tag-input__field.sc-sui-tag-input:focus-within{border-color:var(--sui-state-error-base);box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-red-alpha-16)}[data-sui-disabled].sc-sui-tag-input-h .sui-tag-input__field.sc-sui-tag-input,.sui-tag-input__field--disabled.sc-sui-tag-input{background:var(--sui-bg-weak-50);border-color:transparent;box-shadow:none;cursor:not-allowed}[data-sui-disabled].sc-sui-tag-input-h .sui-tag-input__control.sc-sui-tag-input{color:var(--sui-text-disabled-300);cursor:not-allowed}[data-sui-disabled].sc-sui-tag-input-h .sui-tag-input__control.sc-sui-tag-input::placeholder{color:var(--sui-text-disabled-300)}.sui-tag-input__tags.sc-sui-tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;width:100%}.sui-tag-input__hint-host.sc-sui-tag-input{display:block;margin-top:4px}'}},[262,"sui-tag-input",{size:[513],placeholder:[1],disabled:[516],error:[516],errorMessage:[1,"error-message"],rightIcon:[8,"right-icon"],label:[1],sublabel:[1],required:[4],tooltip:[1],hint:[1],commaSeparator:[4,"comma-separator"],allowDuplicates:[4,"allow-duplicates"],maxTags:[2,"max-tags"],addOnBlur:[4,"add-on-blur"],value:[1040],draft:[32],addTag:[64],removeAt:[64]}]),c=g,f=function(){"undefined"!=typeof customElements&&["sui-tag-input","sui-form-hint","sui-form-label","sui-icon","sui-link-button","sui-tag","sui-tooltip"].forEach((i=>{switch(i){case"sui-tag-input":customElements.get(u(i))||customElements.define(u(i),g);break;case"sui-form-hint":customElements.get(u(i))||r();break;case"sui-form-label":customElements.get(u(i))||n();break;case"sui-icon":customElements.get(u(i))||o();break;case"sui-link-button":customElements.get(u(i))||l();break;case"sui-tag":customElements.get(u(i))||d();break;case"sui-tooltip":customElements.get(u(i))||p()}}))};export{c as SuiTagInput,f as defineCustomElement}

package/dist/components/sui-tag.d.ts ADDED Viewed

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

package/dist/components/sui-tag.js ADDED Viewed

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

package/dist/components/sui-textarea.d.ts ADDED Viewed

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

package/dist/components/sui-textarea.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as e,H as t,c as a,h as s,d as i,t as r}from"./p-BwhKFYtu.js";import{d as o}from"./p-D5V4Py3v.js";import{d as u}from"./p-D1OVW8SW.js";import{d as l}from"./p-CmfWN05h.js";import{d as n}from"./p-tfpKWTqB.js";import{d}from"./p-cD-ncf5D.js";let c=0;const x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChange=a(this,"valueChange"),this.suiBlur=a(this,"suiBlur"),this.rows=4,this.size="medium",this.placeholder="",this.disabled=!1,this.readonly=!1,this.error=!1,this.errorMessage=null,this.label=null,this.hint=null,this.autocomplete=null,this.resizable=!0,this.maxLength=null,this.sublabel=null,this.required=!1,this.tooltip=null,this.value="",this.disabledByForm=!1,this.controlId="sui-textarea-"+ ++c,this.hintId=this.controlId+"-hint",this.onInput=e=>{if(this.isDisabled)return;const t=e.target;let a=t.value;const s=this.clampToMax(a);s!==a&&(a=s,t.value=a),this.value=a,this.valueChange.emit(a)},this.onBlur=()=>{this.suiBlur.emit()}}get isDisabled(){return this.disabled||this.disabledByForm}get effectiveMax(){const e=this.maxLength;return"number"==typeof e&&e>0?e:null}get showCounter(){return null!==this.effectiveMax}get counterText(){var e;const t=this.effectiveMax;return null===t?"":`${(null!==(e=this.value)&&void 0!==e?e:"").length}/${t}`}clampToMax(e){const t=this.effectiveMax;return null!==t&&e.length>t?e.slice(0,t):e}onValueChange(e){if(this.textareaEl&&document.activeElement===this.textareaEl)return;const t=this.clampToMax(null!=e?e:"");t!==e&&(this.value=t)}async writeValue(e){this.value=this.clampToMax(null!=e?e:"")}async setDisabledState(e){this.disabledByForm=e}render(){var e,t,a,r;const o=this.isDisabled,u=this.error?this.errorMessage:this.hint;return s(i,{key:"29be66ae3a8a0b3dcb4ade70dd41e7499d1f46aa","data-sui-error":this.error?"":null,"data-sui-disabled":o?"":null,"data-sui-readonly":this.readonly?"":null,"data-sui-resizable":this.resizable?"":null,"data-sui-size":this.size},this.label&&s("sui-form-label",{key:"385347aad3335c093ec93f189c2cefa83307d60c",class:"sui-textarea__label-host",label:this.label,sublabel:null!==(e=this.sublabel)&&void 0!==e?e:void 0,required:this.required,tooltip:null!==(t=this.tooltip)&&void 0!==t?t:void 0,size:"medium",htmlFor:this.controlId}),s("div",{key:"e70b4bcf6fa42f11f8a7fe497ec267c0a1f218a6",class:{"sui-textarea__field":!0,"sui-textarea__field--error":this.error,"sui-textarea__field--disabled":o,"sui-textarea__field--readonly":this.readonly}},s("textarea",{key:"ce3139817ba2d7a3160e92d1f5e760dd3fab88ec",class:"sui-textarea__control",id:this.controlId,"aria-invalid":this.error?"true":null,"aria-describedby":u?this.hintId:null,ref:e=>this.textareaEl=e,rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:o,readOnly:this.readonly,autocomplete:null!==(a=this.autocomplete)&&void 0!==a?a:void 0,maxLength:null!==(r=this.effectiveMax)&&void 0!==r?r:void 0,onInput:this.onInput,onBlur:this.onBlur}),(this.showCounter||this.resizable)&&s("div",{key:"a7136952eb4ba54f0a713b85cf2d3601b815d306",class:"sui-textarea__counter","aria-hidden":"true"},this.showCounter&&s("span",{key:"a63bbca5a4336177518e858f4394fc79126a8267",class:"sui-textarea__counter-text"},this.counterText),this.resizable&&s("svg",{key:"b6b7b323777a847a542ba7c70fe4cc083f0c3b43",class:"sui-textarea__resize-icon",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"731ee35df89c689a9fc04ac0f62680b56a29a6b1",d:"M9.11111 2L2 9.11111M10 6.44444L6.44444 10",stroke:"currentColor","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round"})))),u&&s("sui-form-hint",{key:"3788d27f1214f127e4f09eb7612588a7b4d8ee8d",class:"sui-textarea__hint-host",id:this.hintId,message:u,variant:this.error?"error":"neutral",icon:"information-fill"}))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-textarea-h{display:block;font-family:var(--sui-font-sans)}.sui-textarea__label-host.sc-sui-textarea{display:block;margin-bottom:4px}.sui-textarea__field.sc-sui-textarea{display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%;box-sizing:border-box;padding:10px 10px 10px 12px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:var(--sui-radius-12);box-shadow:var(--sui-regular-shadow-x-small);overflow:clip;transition:background-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out), border-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out), box-shadow var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-textarea__field.sc-sui-textarea:not(.sui-textarea__field--disabled):not(.sui-textarea__field--readonly):not(.sui-textarea__field--error):hover{background:var(--sui-bg-weak-50);border-color:transparent;box-shadow:none}.sui-textarea__field.sc-sui-textarea:not(.sui-textarea__field--disabled):not(.sui-textarea__field--readonly):not(.sui-textarea__field--error):hover .sui-textarea__control.sc-sui-textarea::placeholder{color:var(--sui-text-sub-600)}.sui-textarea__field.sc-sui-textarea:not(.sui-textarea__field--disabled):not(.sui-textarea__field--readonly):not(.sui-textarea__field--error):focus-within{background:var(--sui-bg-white-0);border-color:var(--sui-stroke-strong-950);box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-slate-alpha-16)}.sui-textarea__field--error.sc-sui-textarea{border-color:var(--sui-state-error-base);box-shadow:none}.sui-textarea__field--error.sc-sui-textarea:not(.sui-textarea__field--disabled):hover{border-color:var(--sui-state-error-base)}.sui-textarea__field--error.sc-sui-textarea:not(.sui-textarea__field--disabled):focus-within{border-color:var(--sui-state-error-base);box-shadow:0 0 0 3px var(--sui-red-alpha-10)}.sui-textarea__field--disabled.sc-sui-textarea{background:var(--sui-bg-weak-50);border-color:transparent;box-shadow:none;cursor:not-allowed;pointer-events:none}.sui-textarea__field--readonly.sc-sui-textarea{background:var(--sui-bg-weak-50);border-color:var(--sui-stroke-soft-200);box-shadow:none}[data-sui-size=xsmall].sc-sui-textarea-h .sui-textarea__field.sc-sui-textarea{padding:6px 6px 6px 8px;border-radius:var(--sui-radius-8)}[data-sui-size=small].sc-sui-textarea-h .sui-textarea__field.sc-sui-textarea{padding:8px 8px 8px 10px;border-radius:var(--sui-radius-10)}[data-sui-size=large].sc-sui-textarea-h .sui-textarea__field.sc-sui-textarea{padding:12px 12px 12px 14px;border-radius:var(--sui-radius-12)}[data-sui-size=xlarge].sc-sui-textarea-h .sui-textarea__field.sc-sui-textarea{padding:14px 14px 14px 16px;border-radius:var(--sui-radius-12)}.sui-textarea__control.sc-sui-textarea{flex:1 1 auto;min-width:0;min-height:0;width:100%;border:none;outline:none;background:transparent;padding:0;margin:0;box-sizing:border-box;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-sm-size);font-weight:var(--sui-type-paragraph-sm-weight);line-height:var(--sui-type-paragraph-sm-line);letter-spacing:var(--sui-type-paragraph-sm-spacing);color:var(--sui-text-strong-950);-webkit-appearance:none;appearance:none}@media (max-width: 767px){.sui-textarea__control.sc-sui-textarea{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=large].sc-sui-textarea-h .sui-textarea__control.sc-sui-textarea,[data-sui-size=xlarge].sc-sui-textarea-h .sui-textarea__control.sc-sui-textarea{font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -0.011em)}[data-sui-resizable].sc-sui-textarea-h .sui-textarea__control.sc-sui-textarea{resize:vertical}.sc-sui-textarea-h:not([data-sui-resizable]) .sui-textarea__control.sc-sui-textarea{resize:none}.sui-textarea__control.sc-sui-textarea::-webkit-resizer{display:none}.sui-textarea__control.sc-sui-textarea::placeholder{color:var(--sui-text-soft-400);opacity:1}.sui-textarea__control.sc-sui-textarea:disabled{color:var(--sui-text-disabled-300);cursor:not-allowed;-webkit-text-fill-color:var(--sui-text-disabled-300);resize:none}.sui-textarea__control.sc-sui-textarea:disabled::placeholder{color:var(--sui-text-disabled-300);-webkit-text-fill-color:var(--sui-text-disabled-300)}.sui-textarea__control[readonly].sc-sui-textarea{color:var(--sui-text-sub-600);cursor:default;resize:none}.sui-textarea__control.sc-sui-textarea:focus{outline:none}.sui-textarea__counter.sc-sui-textarea{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;flex:0 0 auto;color:var(--sui-text-soft-400)}.sui-textarea__field--error.sc-sui-textarea .sui-textarea__counter.sc-sui-textarea{color:var(--sui-state-error-base)}.sui-textarea__field--disabled.sc-sui-textarea .sui-textarea__counter.sc-sui-textarea{color:var(--sui-text-disabled-300)}.sui-textarea__counter-text.sc-sui-textarea{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);text-transform:uppercase;text-align:right;white-space:nowrap;color:inherit}.sui-textarea__resize-icon.sc-sui-textarea{flex-shrink:0;width:12px;height:12px;display:block;color:inherit}.sui-textarea__hint-host.sc-sui-textarea{display:block;margin-top:4px}'}},[2,"sui-textarea",{rows:[2],size:[513],placeholder:[1],disabled:[516],readonly:[516],error:[516],errorMessage:[1,"error-message"],label:[1],hint:[1],autocomplete:[1],resizable:[516],maxLength:[2,"max-length"],sublabel:[1],required:[4],tooltip:[1],value:[1025],disabledByForm:[32],writeValue:[64],setDisabledState:[64]},void 0,{value:[{onValueChange:0}]}]),h=x,p=function(){"undefined"!=typeof customElements&&["sui-textarea","sui-form-hint","sui-form-label","sui-icon","sui-link-button","sui-tooltip"].forEach((e=>{switch(e){case"sui-textarea":customElements.get(r(e))||customElements.define(r(e),x);break;case"sui-form-hint":customElements.get(r(e))||o();break;case"sui-form-label":customElements.get(r(e))||u();break;case"sui-icon":customElements.get(r(e))||l();break;case"sui-link-button":customElements.get(r(e))||n();break;case"sui-tooltip":customElements.get(r(e))||d()}}))};export{h as SuiTextarea,p as defineCustomElement}

package/dist/components/sui-time-picker-duration.d.ts ADDED Viewed

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

package/dist/components/sui-time-picker-duration.js ADDED Viewed

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

package/dist/components/sui-time-picker-item.d.ts ADDED Viewed

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

package/dist/components/sui-time-picker-item.js ADDED Viewed

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

package/dist/components/sui-time-picker-status.d.ts ADDED Viewed

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

package/dist/components/sui-time-picker-status.js ADDED Viewed

@@ -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";const u=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.clicked=t(this,"clicked"),this.type="available",this.label="",this.selected=!1,this.disabled=!1,this.onActivate=e=>{if(this.disabled)return e.stopPropagation(),void e.preventDefault();this.clicked.emit(e)}}get defaultLabel(){switch(this.type){case"busy":return"Ocupado";case"in-meeting":return"En reunión";case"offline":return"Desconectado";default:return"Disponible"}}get displayLabel(){return this.label||this.defaultLabel}onKeydown(e){"Enter"!==e.key&&" "!==e.key&&"Spacebar"!==e.key||(e.preventDefault(),this.onActivate(e))}onTouchStart(){}onTouchEnd(){this.el.blur()}render(){return i(a,{key:"37e7ede383f5b5833974cd1f0c3b2618ebaf36cf",role:"button",tabindex:this.disabled?"-1":"0","aria-pressed":this.selected?"true":"false","aria-disabled":this.disabled?"true":void 0,onClick:this.onActivate},i("span",{key:"07829ee4dad2841acd35e0eaff08dedf63541da2",class:"sui-time-picker-status__dot","aria-hidden":"true"}),i("span",{key:"e7fb06f15987bfc3a8edcb3c4c388cf66be1f670",class:"sui-time-picker-status__label"},this.displayLabel))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-time-picker-status-h{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;padding:4px 10px 4px 6px;border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:var(--sui-radius-8, 8px);background:var(--sui-bg-white-0, #fff);box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.031372549));cursor:pointer;user-select:none;outline:none;overflow:hidden;font-family:var(--sui-font-sans, sans-serif);transition:background-color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1)), border-color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1))}.sui-time-picker-status__dot.sc-sui-time-picker-status{display:block;flex-shrink:0;width:16px;height:16px;background-image:radial-gradient(circle at center, currentColor 0, currentColor 3px, transparent 3.5px)}.sui-time-picker-status__label.sc-sui-time-picker-status{font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.084px;white-space:nowrap;color:var(--sui-text-sub-600, #5c5c5c);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}[type=available].sc-sui-time-picker-status-h .sui-time-picker-status__dot.sc-sui-time-picker-status{color:var(--sui-state-success-base, #1fc16b)}[type=busy].sc-sui-time-picker-status-h .sui-time-picker-status__dot.sc-sui-time-picker-status{color:var(--sui-state-error-base, #fb3748)}[type=in-meeting].sc-sui-time-picker-status-h .sui-time-picker-status__dot.sc-sui-time-picker-status{color:var(--sui-state-warning-base, #fa7319)}[type=offline].sc-sui-time-picker-status-h .sui-time-picker-status__dot.sc-sui-time-picker-status{color:var(--sui-state-faded-base, #7b7b7b)}.sc-sui-time-picker-status-h:hover:not([disabled]):not([selected]),.sc-sui-time-picker-status-h:focus-visible:not([disabled]):not([selected]){background:var(--sui-bg-weak-50, #f7f7f7);border-color:var(--sui-stroke-soft-200, #ebebeb);box-shadow:none}[selected].sc-sui-time-picker-status-h{border:1px solid transparent;box-shadow:none}[selected][type=available].sc-sui-time-picker-status-h{background:var(--sui-state-success-lighter, #e3f7ec)}[selected][type=available].sc-sui-time-picker-status-h .sui-time-picker-status__label.sc-sui-time-picker-status{color:var(--sui-state-success-dark, #0b4627)}[selected][type=busy].sc-sui-time-picker-status-h{background:var(--sui-state-error-lighter, #ffebec)}[selected][type=busy].sc-sui-time-picker-status-h .sui-time-picker-status__label.sc-sui-time-picker-status{color:var(--sui-state-error-dark, #681219)}[selected][type=in-meeting].sc-sui-time-picker-status-h{background:var(--sui-state-warning-lighter, #fff3eb)}[selected][type=in-meeting].sc-sui-time-picker-status-h .sui-time-picker-status__label.sc-sui-time-picker-status{color:var(--sui-state-warning-dark, #71330a)}[selected][type=offline].sc-sui-time-picker-status-h{background:var(--sui-state-faded-lighter, #f5f5f5)}[selected][type=offline].sc-sui-time-picker-status-h .sui-time-picker-status__label.sc-sui-time-picker-status{color:var(--sui-state-faded-dark, #262626)}[disabled].sc-sui-time-picker-status-h{border:1px solid transparent;background:var(--sui-bg-weak-50, #f7f7f7);box-shadow:none;cursor:not-allowed;pointer-events:none}[disabled].sc-sui-time-picker-status-h .sui-time-picker-status__label.sc-sui-time-picker-status{color:var(--sui-text-disabled-300, #d1d1d1)}[disabled].sc-sui-time-picker-status-h .sui-time-picker-status__dot.sc-sui-time-picker-status{color:var(--sui-icon-disabled-300, #d1d1d1)}'}},[2,"sui-time-picker-status",{type:[513],label:[1],selected:[516],disabled:[516]},[[0,"keydown","onKeydown"],[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]),c=u,o=function(){"undefined"!=typeof customElements&&["sui-time-picker-status"].forEach((e=>{"sui-time-picker-status"===e&&(customElements.get(r(e))||customElements.define(r(e),u))}))};export{c as SuiTimePickerStatus,o as defineCustomElement}

package/dist/components/sui-time-picker.d.ts ADDED Viewed

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

package/dist/components/sui-time-picker.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as i,H as e,c as t,h as s,d as r,t as o}from"./p-BwhKFYtu.js";import{d as n}from"./p-BVOaN0aw.js";import{d as a}from"./p-D5V4Py3v.js";import{d as u}from"./p-D1OVW8SW.js";import{d as c}from"./p-CmfWN05h.js";import{d as l}from"./p-tfpKWTqB.js";import{d as p}from"./p-BvyP3ywD.js";import{d as h}from"./p-CshySNYA.js";import{d as m}from"./p-cD-ncf5D.js";function d(i){return i<10?"0"+i:""+i}function k(i){let e=i%12;return 0===e&&(e=12),{hour12:e,period:i>=12?"PM":"AM"}}function g(i,e){const t=i%12;return"PM"===e?t+12:t}const b=["AM","PM"],f=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.valueChange=t(this,"valueChange"),this.opened=t(this,"opened"),this.closed=t(this,"closed"),this.label="",this.sublabel="",this.required=!1,this.tooltip="",this.hint="",this.errorMessage="",this.error=!1,this.placeholder="Elige una hora",this.disabled=!1,this.size="medium",this.format="12h",this.step=5,this.durationPresets=[],this.inline=!1,this.showFooter=!0,this.value=null,this.open=!1,this.resolvedValue=null,this.staged=null,this.activePresetIndex=null,this.isMobile=!1,this.onMql=i=>{this.isMobile=i.matches},this.toggle=()=>{this.isDisabled||(this.open?this.cancel():this.openPopover())},this.cancel=()=>{this.activePresetIndex=null,this.staged=this.resolvedValue,this.open=!1,this.closed.emit()},this.apply=()=>{const i=this.staged;this.value=i,this.resolvedValue=i,this.valueChange.emit(i),this.open=!1,this.closed.emit()}}componentWillLoad(){var i,e;this.el.removeAttribute("title"),this.resolvedValue=this.normalizeValue(this.value),this.staged=this.resolvedValue,"undefined"!=typeof window&&"function"==typeof window.matchMedia&&(this.mql=window.matchMedia("(max-width: 767px)"),this.isMobile=this.mql.matches,null===(e=(i=this.mql).addEventListener)||void 0===e||e.call(i,"change",this.onMql))}componentDidLoad(){this.inline&&this.scrollColumnsToSelection()}disconnectedCallback(){var i,e;null===(e=null===(i=this.mql)||void 0===i?void 0:i.removeEventListener)||void 0===e||e.call(i,"change",this.onMql)}onValueChange(){this.resolvedValue=this.normalizeValue(this.value),this.open||(this.staged=this.resolvedValue)}normalizeValue(i){return null==i?null:"string"==typeof i?function(i){var e;if(!i)return null;const t=i.trim().match(/^(\d{1,2})\s*[:.\s]\s*(\d{1,2})\s*(am|pm|AM|PM)?$/);if(!t)return null;let s=parseInt(t[1],10);const r=parseInt(t[2],10),o=null===(e=t[3])||void 0===e?void 0:e.toUpperCase();if(Number.isNaN(s)||Number.isNaN(r))return null;if(r<0||r>59)return null;if(o){if(s<1||s>12)return null;s=g(s,o)}else if(s<0||s>23)return null;return{hours:s,minutes:r}}(i):i}get isDisabled(){return this.disabled}get labelSize(){return"small"===this.size?"small":"medium"}get panelLarge(){return"large"===this.size||"xlarge"===this.size}get footerButtonSize(){return this.panelLarge||this.isMobile?"large":"small"}get hourItems(){return function(i){return function(i){return"24h"===i?Array.from({length:24},((i,e)=>e)):Array.from({length:12},((i,e)=>e+1))}(i).map((i=>({raw:i,label:d(i)})))}(this.format)}get minuteItems(){return function(i){return function(i){const e=i>0&&i<=60?i:1,t=[];for(let i=0;i<60;i+=e)t.push(i);return t}(i).map((i=>({raw:i,label:d(i)})))}(this.step)}get periods(){return b}get showPeriod(){return"12h"===this.format}get staged12h(){const i=this.staged;return i?k(i.hours):null}get triggerText(){const i=this.resolvedValue;return i?function(i,e){if("24h"===e)return`${d(i.hours)}:${d(i.minutes)}`;const{hour12:t,period:s}=k(i.hours);return`${d(t)}:${d(i.minutes)} ${s}`}(i,this.format):this.placeholder}get hintMessage(){return this.error?this.errorMessage:this.hint}get hasHint(){return!this.inline&&!!this.hintMessage}isHourActive(i){var e;const t=this.staged;return!!t&&("24h"===this.format?t.hours===i.raw:(null===(e=this.staged12h)||void 0===e?void 0:e.hour12)===i.raw)}isMinuteActive(i){var e;return(null===(e=this.staged)||void 0===e?void 0:e.minutes)===i.raw}isPeriodActive(i){var e;return(null===(e=this.staged12h)||void 0===e?void 0:e.period)===i}isPresetActive(i){return this.activePresetIndex===i}openPopover(){var i;this.isDisabled||(this.staged=null!==(i=this.resolvedValue)&&void 0!==i?i:{hours:9,minutes:0},this.activePresetIndex=null,this.open=!0,this.opened.emit(),requestAnimationFrame((()=>this.scrollColumnsToSelection())))}scrollColumnsToSelection(){if(!this.staged)return;const i=Array.from(this.el.querySelectorAll(".sui-time-picker__column")),e=[this.hourItems.findIndex((i=>this.isHourActive(i))),this.minuteItems.findIndex((i=>this.isMinuteActive(i))),this.periods.findIndex((i=>this.isPeriodActive(i)))];i.forEach(((i,t)=>{var s;const r=e[t]>=0&&null!==(s=i.children[e[t]])&&void 0!==s?s:null;if(!r)return;const o=r.getBoundingClientRect().top-i.getBoundingClientRect().top;i.scrollTop=i.scrollTop+o-(i.clientHeight-r.offsetHeight)/2}))}selectHour(i){var e,t,s;const r=null!==(e=this.staged)&&void 0!==e?e:{minutes:0};let o;if("24h"===this.format)o=i.raw;else{const e=null!==(s=null===(t=this.staged12h)||void 0===t?void 0:t.period)&&void 0!==s?s:"AM";o=g(i.raw,e)}this.setStaged({hours:o,minutes:r.minutes})}selectMinute(i){var e;const t=null!==(e=this.staged)&&void 0!==e?e:{hours:0};this.setStaged({hours:t.hours,minutes:i.raw})}selectPeriod(i){var e;const t=null!==(e=this.staged)&&void 0!==e?e:{hours:0,minutes:0},{hour12:s}=k(t.hours);this.setStaged({hours:g(s,i),minutes:t.minutes})}selectPreset(i,e){const t=i.minutes;this.setStaged({hours:Math.floor(t/60)%24,minutes:t%60}),this.activePresetIndex=e}setStaged(i){this.staged=i,this.showFooter||(this.value=i,this.resolvedValue=i,this.valueChange.emit(i))}onDocPointerDown(i){if(!this.open)return;const e=i.target;e&&this.el.contains(e)||this.cancel()}onDocKeydown(i){this.open&&"Escape"===i.key&&this.cancel()}onTouchStart(){}onTouchEnd(i){const e=i.target,t=null==e?void 0:e.closest("button");t&&t.blur()}renderPanel(){return s("div",{class:{"sui-time-picker__panel":!0,"sui-time-picker__panel--inline":this.inline,"sui-time-picker__panel--large":this.panelLarge},role:"dialog","aria-label":this.label||this.placeholder},s("div",{class:"sui-time-picker__columns"},s("div",{class:"sui-time-picker__column",role:"listbox","aria-label":"Hora"},this.hourItems.map((i=>s("sui-time-picker-item",{class:"sui-time-picker__option",time:i.label,active:this.isHourActive(i),onClicked:()=>this.selectHour(i)})))),s("div",{class:"sui-time-picker__column",role:"listbox","aria-label":"Minuto"},this.minuteItems.map((i=>s("sui-time-picker-item",{class:"sui-time-picker__option",time:i.label,active:this.isMinuteActive(i),onClicked:()=>this.selectMinute(i)})))),this.showPeriod&&s("div",{class:"sui-time-picker__column sui-time-picker__column--period",role:"listbox","aria-label":"AM/PM"},this.periods.map((i=>s("sui-time-picker-item",{class:"sui-time-picker__option",time:i,active:this.isPeriodActive(i),onClicked:()=>this.selectPeriod(i)}))))),this.durationPresets.length>0&&s("div",{class:"sui-time-picker__presets",role:"group","aria-label":"Duración rápida"},this.durationPresets.map(((i,e)=>s("sui-time-picker-duration",{label:i.label,active:this.isPresetActive(e),onClicked:()=>this.selectPreset(i,e)})))),this.showFooter&&s("footer",{class:"sui-time-picker__footer"},s("sui-button",{variant:"stroke",color:"neutral",size:this.footerButtonSize,type:"button",onClick:this.cancel},"Cancelar"),s("sui-button",{variant:"filled",color:"primary",size:this.footerButtonSize,type:"button",onClick:this.apply},"Aplicar")))}render(){const i=this.inline||this.open;return s(r,{key:"dd7921920d57e32d878e9170d93c338343a82363","data-sui-open":this.open?"":null,"data-sui-format":this.format,"data-sui-size":this.size},this.label&&s("sui-form-label",{key:"aa8aa585f44d61afe7f27a82adefc752bf21dbc3",class:"sui-time-picker__label-host",label:this.label,sublabel:this.sublabel||void 0,required:this.required,tooltip:this.tooltip||void 0,size:this.labelSize,onClick:this.toggle}),!this.inline&&s("button",{key:"b5d918066715a9a060e196e2d9343905c9b3a2ec",type:"button",class:{"sui-time-picker__trigger":!0,"sui-time-picker__trigger--error":this.error,"sui-time-picker__trigger--open":this.open,"sui-time-picker__trigger--filled":null!==this.resolvedValue},disabled:this.isDisabled||void 0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false",onClick:this.toggle},s("sui-icon",{key:"90080978172e00833ee88f1ee29fd21c6fbb16ab",class:"sui-time-picker__trigger-icon",name:"time-line",size:20}),s("span",{key:"dcfb624b7de63e69931d389f7751ccd1fde04b32",class:{"sui-time-picker__trigger-text":!0,"sui-time-picker__trigger-text--placeholder":!this.resolvedValue}},this.triggerText),s("sui-icon",{key:"fb99ccc5078e0cec80311770e8eb54333b8a6914",class:"sui-time-picker__trigger-chevron",name:"arrow-down-s-line",size:20})),this.hasHint&&s("sui-form-hint",{key:"e3a4f427d903200ff2a831288e0cdfe4220cfa60",class:"sui-time-picker__hint-host",message:this.hintMessage,variant:this.error?"error":"neutral"}),i&&this.renderPanel())}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-time-picker-h{display:inline-block;position:relative;font-family:var(--sui-font-sans, sans-serif)}.sui-time-picker__trigger.sc-sui-time-picker{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:180px;height:40px;padding:0 12px;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:var(--sui-radius-10, 10px);box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.031372549));cursor:pointer;outline:none;font:inherit;box-sizing:border-box;color:var(--sui-text-strong-950, #171717);transition:border-color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1)), box-shadow var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1))}.sui-time-picker__trigger.sc-sui-time-picker:hover:not(:disabled){border-color:var(--sui-stroke-sub-300, #d1d1d1)}.sui-time-picker__trigger.sc-sui-time-picker:focus-visible:not(:disabled){border-color:var(--sui-stroke-strong-950, #171717);box-shadow:0 0 0 2px var(--sui-bg-white-0, #fff), 0 0 0 4px color-mix(in oklab, var(--sui-stroke-strong-950, #171717) 16%, transparent)}.sui-time-picker__trigger--error.sc-sui-time-picker{border-color:var(--sui-state-error-base, #fb3748)}.sui-time-picker__trigger--open.sc-sui-time-picker{border-color:var(--sui-stroke-strong-950, #171717)}.sui-time-picker__trigger.sc-sui-time-picker:disabled{background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-disabled-300, #d1d1d1);cursor:not-allowed;border:none}[data-sui-size=small].sc-sui-time-picker-h .sui-time-picker__trigger.sc-sui-time-picker{height:36px;border-radius:var(--sui-radius-8, 8px)}[data-sui-size=large].sc-sui-time-picker-h .sui-time-picker__trigger.sc-sui-time-picker{height:48px;padding:0 14px;gap:10px;border-radius:var(--sui-radius-12, 12px)}[data-sui-size=xlarge].sc-sui-time-picker-h .sui-time-picker__trigger.sc-sui-time-picker{height:52px;padding:0 16px;gap:10px;border-radius:var(--sui-radius-12, 12px)}.sui-time-picker__trigger-icon.sc-sui-time-picker,.sui-time-picker__trigger-chevron.sc-sui-time-picker{flex-shrink:0;color:var(--sui-text-sub-600, #5c5c5c)}.sui-time-picker__trigger-text.sc-sui-time-picker{flex:1 1 auto;text-align:left;font-size:var(--sui-type-label-sm-size, 14px);font-weight:var(--sui-type-label-sm-weight, 500);line-height:var(--sui-type-label-sm-line, 20px);letter-spacing:var(--sui-type-label-sm-spacing, -0.006em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-time-picker__trigger-text--placeholder.sc-sui-time-picker{color:var(--sui-text-soft-400, #a3a3a3);font-weight:400}.sui-time-picker__label-host.sc-sui-time-picker{display:block;margin-bottom:4px;cursor:pointer}.sui-time-picker__hint-host.sc-sui-time-picker{display:block;margin-top:4px}.sui-time-picker__panel.sc-sui-time-picker{position:absolute;top:calc(100% + 8px);left:0;z-index:50;display:flex;flex-direction:column;min-width:240px;box-sizing:border-box;font-family:var(--sui-font-sans, sans-serif);background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:var(--sui-radius-20, 20px);box-shadow:var(--sui-shadow-medium, 0 16px 32px -12px rgba(14, 18, 27, 0.1019607843));overflow:hidden;max-height:360px;animation:sui-time-picker-enter var(--sui-motion-duration-fast, 160ms) var(--sui-motion-ease-out, cubic-bezier(0.23, 1, 0.32, 1))}.sui-time-picker__panel--inline.sc-sui-time-picker{position:static;animation:none;max-height:none}@keyframes sui-time-picker-enter{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sui-time-picker__columns.sc-sui-time-picker{display:flex;gap:4px;padding:12px;border-bottom:1px solid var(--sui-stroke-soft-200, #ebebeb)}.sui-time-picker__column.sc-sui-time-picker{display:flex;flex-direction:column;gap:2px;max-height:188px;min-width:72px;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y proximity;scrollbar-width:none}.sui-time-picker__column.sc-sui-time-picker::-webkit-scrollbar{display:none}.sui-time-picker__column--period.sc-sui-time-picker{min-width:56px}.sui-time-picker__option.sc-sui-time-picker{flex-shrink:0;scroll-snap-align:start}[data-sui-size=large].sc-sui-time-picker-h .sui-time-picker__trigger-text.sc-sui-time-picker,[data-sui-size=xlarge].sc-sui-time-picker-h .sui-time-picker__trigger-text.sc-sui-time-picker{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)}.sui-time-picker__panel--large.sc-sui-time-picker .sui-time-picker__option.sc-sui-time-picker{height:44px;padding:10px 12px}@media (max-width: 767px){.sui-time-picker__option.sc-sui-time-picker{height:44px;padding:12px}}.sui-time-picker__presets.sc-sui-time-picker{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid var(--sui-stroke-soft-200, #ebebeb)}.sui-time-picker__footer.sc-sui-time-picker{display:flex;gap:16px;padding:16px}.sui-time-picker__footer.sc-sui-time-picker sui-button.sc-sui-time-picker{flex:1 0 0;min-width:0}@media (max-width: 767px){.sui-time-picker__panel.sc-sui-time-picker:not(.sui-time-picker__panel--inline){width:calc(100vw - 32px);max-width:360px}.sui-time-picker__columns.sc-sui-time-picker{justify-content:space-between}.sui-time-picker__column.sc-sui-time-picker{flex:1 1 0}}'}},[2,"sui-time-picker",{label:[1],sublabel:[1],required:[4],tooltip:[1],hint:[1],errorMessage:[1,"error-message"],error:[516],placeholder:[1],disabled:[516],size:[513],format:[513],step:[2],durationPresets:[16],inline:[516],showFooter:[4,"show-footer"],value:[1025],open:[32],resolvedValue:[32],staged:[32],activePresetIndex:[32],isMobile:[32]},[[5,"pointerdown","onDocPointerDown"],[4,"keydown","onDocKeydown"],[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]],{value:[{onValueChange:0}]}]),_=f,x=function(){"undefined"!=typeof customElements&&["sui-time-picker","sui-button","sui-form-hint","sui-form-label","sui-icon","sui-link-button","sui-time-picker-duration","sui-time-picker-item","sui-tooltip"].forEach((i=>{switch(i){case"sui-time-picker":customElements.get(o(i))||customElements.define(o(i),f);break;case"sui-button":customElements.get(o(i))||n();break;case"sui-form-hint":customElements.get(o(i))||a();break;case"sui-form-label":customElements.get(o(i))||u();break;case"sui-icon":customElements.get(o(i))||c();break;case"sui-link-button":customElements.get(o(i))||l();break;case"sui-time-picker-duration":customElements.get(o(i))||p();break;case"sui-time-picker-item":customElements.get(o(i))||h();break;case"sui-tooltip":customElements.get(o(i))||m()}}))};export{_ as SuiTimePicker,x as defineCustomElement}

package/dist/components/sui-toast.d.ts ADDED Viewed

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

package/dist/components/sui-toast.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as t,H as s,h as o,d as i,t as a}from"./p-BwhKFYtu.js";import{d as e}from"./p-CrwdaME4.js";import{d as n}from"./p-BQGB46HG.js";import{d as r}from"./p-CmfWN05h.js";import{d as u}from"./p-tfpKWTqB.js";const c=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],l=new class{constructor(){this.toastsList=[],this.listeners=new Set,this.defaultPosition="bottom-right"}getToasts(){return this.toastsList.slice()}setDefaultPosition(t){this.defaultPosition=t}getDefaultPosition(){return this.defaultPosition}subscribe(t){return this.listeners.add(t),t(this.getToasts()),()=>{this.listeners.delete(t)}}emit(){const t=this.getToasts();for(const s of this.listeners)s(t)}show(t){var s,o,i,a,e,n;const r=null!==(s=t.id)&&void 0!==s?s:this.uuid(),u={id:r,variant:null!==(o=t.variant)&&void 0!==o?o:"info",title:t.title,description:t.description,duration:null!==(i=t.duration)&&void 0!==i?i:4e3,dismissible:null===(a=t.dismissible)||void 0===a||a,position:null!==(e=t.position)&&void 0!==e?e:this.defaultPosition,style:null!==(n=t.style)&&void 0!==n?n:"stroke-dark",action:t.action,createdAt:Date.now()};return this.toastsList=[...this.toastsList,u],this.emit(),r}success(t,s){return this.show(Object.assign(Object.assign({},s),{title:t,variant:"success"}))}error(t,s){return this.show(Object.assign(Object.assign({},s),{title:t,variant:"error"}))}info(t,s){return this.show(Object.assign(Object.assign({},s),{title:t,variant:"info"}))}warning(t,s){return this.show(Object.assign(Object.assign({},s),{title:t,variant:"warning"}))}feature(t,s){return this.show(Object.assign(Object.assign({},s),{title:t,variant:"feature"}))}dismiss(t){this.toastsList=this.toastsList.filter((s=>s.id!==t)),this.emit()}clear(){this.toastsList=[],this.emit()}uuid(){return"undefined"!=typeof crypto&&"function"==typeof crypto.randomUUID?crypto.randomUUID():"toast-"+Math.random().toString(36).slice(2)+Date.now().toString(36)}},h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.defaultPosition="bottom-right",this.tabBarOffset=0,this.regionLabel="Notificaciones",this.closeLabel="Cerrar",this.toasts=[],this.expandedPositions=new Set,this.leavingIds=new Set,this.manuallyDismissedIds=new Set,this.slotHeights=new Map,this.positions=c,this.toastGap=10,this.EXIT_DURATION_MS=200,this.observedSlots=new Map,this.dismissTimers=new Map,this.collapseTimers=new Map,this.storedLeavingOffset=new Map,this.storedLeavingIndex=new Map}onDefaultPositionChange(t){l.setDefaultPosition(t)}connectedCallback(){l.setDefaultPosition(this.defaultPosition),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((t=>{const s=new Map(this.slotHeights);let o=!1;for(const i of t){const t=i.target.dataset.toastId;if(!t)continue;const a=i.contentRect.height;s.get(t)!==a&&(s.set(t,a),o=!0)}o&&(this.slotHeights=s)}))),this.unsubscribe=l.subscribe((t=>{this.toasts=t,this.scheduleAutoDismiss(t)}))}disconnectedCallback(){var t,s;null===(t=this.unsubscribe)||void 0===t||t.call(this),null===(s=this.resizeObserver)||void 0===s||s.disconnect();for(const t of this.collapseTimers.values())clearTimeout(t);for(const t of this.dismissTimers.values())clearTimeout(t);this.collapseTimers.clear(),this.dismissTimers.clear(),this.observedSlots.clear()}componentDidRender(){if(!this.resizeObserver)return;const t=Array.from(this.el.querySelectorAll(".sui-toast-slot")),s=new Set;for(const o of t){const t=o.dataset.toastId;t&&(s.add(t),this.observedSlots.has(t)||(this.observedSlots.set(t,o),this.resizeObserver.observe(o)))}let o=!1;const i=new Map(this.slotHeights);for(const[t,a]of Array.from(this.observedSlots.entries()))s.has(t)||(this.resizeObserver.unobserve(a),this.observedSlots.delete(t),i.delete(t)&&(o=!0));o&&(this.slotHeights=i)}async show(t){return l.show(t)}async success(t,s){return l.success(t,s)}async error(t,s){return l.error(t,s)}async info(t,s){return l.info(t,s)}async warning(t,s){return l.warning(t,s)}async feature(t,s){return l.feature(t,s)}async dismiss(t){const s=this.toasts.find((s=>s.id===t));s?this.dismissItem(s):l.dismiss(t)}get toastsByPosition(){return function(t){const s={"top-left":[],"top-center":[],"top-right":[],"bottom-left":[],"bottom-center":[],"bottom-right":[]};for(const o of t)s[o.position].unshift(o);return s}(this.toasts)}get liquidTabOffset(){return this.tabBarOffset>0?this.tabBarOffset+8:0}get tabBarActive(){return this.tabBarOffset>0}isExpanded(t){return this.expandedPositions.has(t)}isLeaving(t){return this.leavingIds.has(t)}isManuallyDismissed(t){return this.manuallyDismissedIds.has(t)}computeVisualIndex(t){var s;return this.isLeaving(t.id)?null!==(s=this.storedLeavingIndex.get(t.id))&&void 0!==s?s:0:this.toastsByPosition[t.position].filter((t=>!this.leavingIds.has(t.id))).indexOf(t)}computeExpandOffset(t){var s,o;if(this.isLeaving(t.id))return null!==(s=this.storedLeavingOffset.get(t.id))&&void 0!==s?s:0;const i=this.toastsByPosition[t.position].filter((t=>!this.leavingIds.has(t.id))),a=i.indexOf(t);if(a<=0)return 0;let e=0;for(let t=0;t<a;t++)e+=null!==(o=this.slotHeights.get(i[t].id))&&void 0!==o?o:90;return e+=a*this.toastGap,e}onStackEnter(t){const s=this.collapseTimers.get(t);if(s&&clearTimeout(s),this.collapseTimers.delete(t),!this.expandedPositions.has(t)){const s=new Set(this.expandedPositions);s.add(t),this.expandedPositions=s}}onStackLeave(t){const s=this.collapseTimers.get(t);s&&clearTimeout(s);const o=setTimeout((()=>{const s=new Set(this.expandedPositions);s.delete(t),this.expandedPositions=s,this.collapseTimers.delete(t)}),400);this.collapseTimers.set(t,o)}scheduleAutoDismiss(t){const s=new Set;for(const o of t){if(s.add(o.id),this.dismissTimers.has(o.id))continue;if(o.duration===1/0)continue;const t=Math.max(0,o.duration-(Date.now()-o.createdAt)),i=setTimeout((()=>{this.dismissTimers.delete(o.id),this.dismissItem(o)}),t);this.dismissTimers.set(o.id,i)}for(const[t,o]of Array.from(this.dismissTimers.entries()))s.has(t)||(clearTimeout(o),this.dismissTimers.delete(t))}dismissManual(t){const s=new Set(this.manuallyDismissedIds);s.add(t.id),this.manuallyDismissedIds=s,this.dismissItem(t)}dismissItem(t){const s=t.position,o=t.id,i=this.dismissTimers.get(o);if(i&&(clearTimeout(i),this.dismissTimers.delete(o)),this.leavingIds.has(o))return;this.storedLeavingOffset.set(o,this.computeExpandOffset(t)),this.storedLeavingIndex.set(o,this.computeVisualIndex(t));const a=new Set(this.leavingIds);if(a.add(o),this.leavingIds=a,this.toastsByPosition[s].length-1>0){const t=this.collapseTimers.get(s);t&&clearTimeout(t);const o=new Set(this.expandedPositions);o.add(s),this.expandedPositions=o;const i=setTimeout((()=>{const t=new Set(this.expandedPositions);t.delete(s),this.expandedPositions=t,this.collapseTimers.delete(s)}),1200);this.collapseTimers.set(s,i)}setTimeout((()=>{const t=new Set(this.leavingIds);if(t.delete(o),this.leavingIds=t,this.storedLeavingOffset.delete(o),this.storedLeavingIndex.delete(o),this.manuallyDismissedIds.has(o)){const t=new Set(this.manuallyDismissedIds);t.delete(o),this.manuallyDismissedIds=t}l.dismiss(o)}),this.EXIT_DURATION_MS)}onAction(t){var s,o;null===(s=t.action)||void 0===s||s.onClick(),(null===(o=t.action)||void 0===o?void 0:o.keepOpen)||this.dismissItem(t)}render(){const t=this.toastsByPosition;return o(i,{key:"2d35deb05f51568115f6a6f434615948ad4f93b7",class:{"sui-toast-outlet--native-tab":this.tabBarActive},style:{"--sui-toast-bottom-offset":this.liquidTabOffset+"px"}},this.positions.map((s=>{const i=t[s];return 0===i.length?null:o("div",{class:"sui-toast-stack","data-sui-position":s,"data-expanded":this.isExpanded(s)?"true":"false",style:{"--sui-toast-count":""+i.length},onMouseEnter:()=>this.onStackEnter(s),onMouseLeave:()=>this.onStackLeave(s),onTouchStart:()=>this.onStackEnter(s),"aria-live":"polite","aria-label":this.regionLabel},i.map((t=>{var s;const i=this.computeVisualIndex(t),a=this.computeExpandOffset(t);return o("div",{key:t.id,class:{"sui-toast-slot":!0,"sui-toast-slot--leaving":this.isLeaving(t.id),"sui-toast-slot--manual-dismiss":this.isManuallyDismissed(t.id)},role:"status","data-toast-id":t.id,"data-toast-style":t.style,"data-front":0===i?"true":"false",style:{"--toast-index":""+i,"--toast-offset":a+"px"}},o("sui-alert",{variant:t.variant,variantStyle:t.style,size:"large",heading:t.title,description:null!==(s=t.description)&&void 0!==s?s:void 0,dismissible:!1,showIcon:!0,ariaRole:"none"},t.action&&o("sui-link-button",{slot:"action",variant:"modifiable",size:"medium",underline:!0,onClicked:()=>this.onAction(t)},t.action.label)),t.dismissible&&o("sui-compact-button",{class:"sui-toast-slot__close",icon:"close-line",variantStyle:"modifiable",size:"medium",ariaLabel:this.closeLabel,onClick:()=>this.dismissManual(t)}))})))})))}get el(){return this}static get watchers(){return{defaultPosition:[{onDefaultPositionChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-toast-h{display:contents}.sui-toast-stack.sc-sui-toast{position:fixed;z-index:9000;pointer-events:none;max-width:360px;width:calc(100vw - 40px);min-height:90px;--toast-gap:10px}.sui-toast-stack[data-sui-position=top-left].sc-sui-toast{top:max(20px, env(safe-area-inset-top, 20px));left:20px}.sui-toast-stack[data-sui-position=top-center].sc-sui-toast{top:max(20px, env(safe-area-inset-top, 20px));left:50%;transform:translateX(-50%)}.sui-toast-stack[data-sui-position=top-right].sc-sui-toast{top:max(20px, env(safe-area-inset-top, 20px));right:20px}.sui-toast-stack[data-sui-position=bottom-left].sc-sui-toast{bottom:max(12px, env(safe-area-inset-bottom, 12px));left:20px}.sui-toast-stack[data-sui-position=bottom-center].sc-sui-toast{bottom:max(12px, env(safe-area-inset-bottom, 12px));left:50%;transform:translateX(-50%)}.sui-toast-stack[data-sui-position=bottom-right].sc-sui-toast{bottom:max(12px, env(safe-area-inset-bottom, 12px));right:20px}@media (max-width: 767px){.sui-toast-stack.sc-sui-toast{max-width:none;width:auto;left:12px;right:12px;transform:none}.sui-toast-stack[data-sui-position^=top-].sc-sui-toast{top:max(12px, env(safe-area-inset-top, 12px));bottom:auto;left:12px;right:12px;transform:none}.sui-toast-stack[data-sui-position^=bottom-].sc-sui-toast{bottom:max(12px, env(safe-area-inset-bottom, 12px));top:auto;left:12px;right:12px;transform:none}}.sui-toast-outlet--native-tab.sc-sui-toast-h .sui-toast-stack[data-sui-position^=bottom-].sc-sui-toast{bottom:var(--sui-toast-bottom-offset, 20px)}.sui-toast-slot.sc-sui-toast{position:absolute;width:100%;pointer-events:auto;z-index:calc(100 - var(--toast-index, 0));bottom:0;--offset-y:calc(var(--toast-index, 0) * -10px);--scale:calc(1 - var(--toast-index, 0) * 0.05);transform:translateY(var(--offset-y)) scale(var(--scale));transform-origin:bottom center;opacity:1}.sui-toast-slot.sc-sui-toast:nth-child(n+4){opacity:0;pointer-events:none}.sui-toast-slot.sc-sui-toast{transition:opacity 200ms ease-out, transform 500ms cubic-bezier(0.22, 1, 0.36, 1)}@starting-style{.sui-toast-slot{opacity:0;transform:translateY(100%) scale(0.94)}}.sui-toast-slot.sui-toast-slot--leaving.sc-sui-toast{opacity:0;transform:translateY(40%) scale(0.9);pointer-events:none}.sui-toast-slot.sui-toast-slot--leaving[data-front=true].sc-sui-toast{transform:translateY(100%) scale(1)}.sui-toast-slot.sui-toast-slot--leaving.sui-toast-slot--manual-dismiss.sc-sui-toast{transform:translateY(100%) scale(1)}.sui-toast-slot.sc-sui-toast>sui-alert.sc-sui-toast{display:block;box-shadow:var(--sui-custom-shadow-small);border-radius:var(--sui-radius-12)}.sui-toast-slot__close.sc-sui-toast{position:absolute;top:12px;right:12px;color:var(--sui-text-strong-950, #171717);opacity:0.48;transition:opacity 150ms ease-out;-webkit-tap-highlight-color:transparent}.sui-toast-slot__close.sc-sui-toast:hover{opacity:0.78}.sui-toast-slot__close.sc-sui-toast:focus-within{opacity:1}.sui-toast-slot__close.sc-sui-toast::before{content:"";position:absolute;inset:-10px}@media (max-width: 767px){.sui-toast-slot__close.sc-sui-toast::before{inset:calc((100% - 44px) / 2)}}.sui-toast-slot[data-toast-style=filled].sc-sui-toast .sui-toast-slot__close.sc-sui-toast,.sui-toast-slot[data-toast-style=stroke-dark].sc-sui-toast .sui-toast-slot__close.sc-sui-toast{color:var(--sui-static-white, #ffffff);opacity:0.72}.sui-toast-slot[data-toast-style=filled].sc-sui-toast .sui-toast-slot__close.sc-sui-toast:hover,.sui-toast-slot[data-toast-style=stroke-dark].sc-sui-toast .sui-toast-slot__close.sc-sui-toast:hover{opacity:0.92}.sui-toast-slot[data-toast-style=filled].sc-sui-toast .sui-toast-slot__close.sc-sui-toast:focus-within,.sui-toast-slot[data-toast-style=stroke-dark].sc-sui-toast .sui-toast-slot__close.sc-sui-toast:focus-within{opacity:1}.sui-toast-stack[data-sui-position^=top-].sc-sui-toast .sui-toast-slot--leaving.sc-sui-toast{transform:translateY(-40%) scale(0.9)}.sui-toast-stack[data-sui-position^=top-].sc-sui-toast .sui-toast-slot--leaving[data-front=true].sc-sui-toast,.sui-toast-stack[data-sui-position^=top-].sc-sui-toast .sui-toast-slot--leaving.sui-toast-slot--manual-dismiss.sc-sui-toast{transform:translateY(-100%) scale(1)}@starting-style{.sui-toast-stack[data-sui-position^=top-] .sui-toast-slot{opacity:0;transform:translateY(-100%) scale(0.94)}}.sui-toast-stack[data-sui-position^=top-].sc-sui-toast .sui-toast-slot.sc-sui-toast{bottom:auto;top:0;--offset-y:calc(var(--toast-index, 0) * 10px);transform-origin:top center}.sui-toast-stack[data-sui-position^=bottom-].sc-sui-toast:hover .sui-toast-slot.sc-sui-toast,.sui-toast-stack[data-sui-position^=bottom-][data-expanded=true].sc-sui-toast .sui-toast-slot.sc-sui-toast{--offset-y:calc(var(--toast-offset, 0px) * -1);--scale:1;opacity:1}.sui-toast-stack[data-sui-position^=top-].sc-sui-toast:hover .sui-toast-slot.sc-sui-toast,.sui-toast-stack[data-sui-position^=top-][data-expanded=true].sc-sui-toast .sui-toast-slot.sc-sui-toast{--offset-y:var(--toast-offset, 0px);--scale:1;opacity:1}@media (prefers-reduced-motion: reduce){.sui-toast-slot.sc-sui-toast{transition:none}}'}},[2,"sui-toast",{defaultPosition:[1,"default-position"],tabBarOffset:[2,"tab-bar-offset"],regionLabel:[1,"region-label"],closeLabel:[1,"close-label"],toasts:[32],expandedPositions:[32],leavingIds:[32],manuallyDismissedIds:[32],slotHeights:[32],show:[64],success:[64],error:[64],info:[64],warning:[64],feature:[64],dismiss:[64]},void 0,{defaultPosition:[{onDefaultPositionChange:0}]}]),p=h,f=function(){"undefined"!=typeof customElements&&["sui-toast","sui-alert","sui-compact-button","sui-icon","sui-link-button"].forEach((t=>{switch(t){case"sui-toast":customElements.get(a(t))||customElements.define(a(t),h);break;case"sui-alert":customElements.get(a(t))||e();break;case"sui-compact-button":customElements.get(a(t))||n();break;case"sui-icon":customElements.get(a(t))||r();break;case"sui-link-button":customElements.get(a(t))||u()}}))};export{p as SuiToast,f as defineCustomElement}

package/dist/components/sui-tooltip.d.ts ADDED Viewed

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

package/dist/components/sui-tooltip.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{S as o,d as s}from"./p-cD-ncf5D.js";const c=o,p=s;export{c as SuiTooltip,p as defineCustomElement}

package/dist/components/sui-topbar-button.d.ts ADDED Viewed

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

package/dist/components/sui-topbar-button.js ADDED Viewed

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

package/dist/components/sui-topbar-item.d.ts ADDED Viewed

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

package/dist/components/sui-topbar-item.js ADDED Viewed

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

package/dist/components/sui-topbar-user.d.ts ADDED Viewed

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

package/dist/components/sui-topbar-user.js ADDED Viewed

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

package/dist/components/sui-topbar.d.ts ADDED Viewed

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

package/dist/components/sui-topbar.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,H as i,c as t,h as a,d as e,t as r}from"./p-BwhKFYtu.js";import{d as o}from"./p-DsxkTPyc.js";import{d as l}from"./p-BQAUBvyx.js";import{d as n}from"./p-CmfWN05h.js";import{d as u}from"./p-DvZItJET.js";import{d as c}from"./p-DnPUJpoi.js";import{d as b}from"./p-C_So2Bux.js";import{d as p}from"./p-DdCcKa6v.js";const d=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.itemClicked=t(this,"itemClicked"),this.actionClicked=t(this,"actionClicked"),this.userClicked=t(this,"userClicked"),this.searchClicked=t(this,"searchClicked"),this.searchSubmitted=t(this,"searchSubmitted"),this.searchValueChange=t(this,"searchValueChange"),this.items=[],this.activeValue=null,this.accent="brand",this.search=!1,this.searchValue="",this.actions=[],this.user=null,this.userOpen=!1,this.onSearchInput=s=>{this.searchValue=s.target.value,this.searchValueChange.emit(this.searchValue)},this.onSearchKeydown=s=>{"Enter"===s.key&&this.searchSubmitted.emit(this.searchValue)}}get searchCfg(){var s,i,t,a;const e=this.search;if(!e)return null;const r=!0===e?{}:e,o=null!==(s=r.placeholder)&&void 0!==s?s:"Buscar…";return{placeholder:o,ariaLabel:null!==(i=r.ariaLabel)&&void 0!==i?i:o,shortcut:null!==(t=r.shortcut)&&void 0!==t?t:null,compact:null!==(a=r.compact)&&void 0!==a&&a}}get userCfg(){const s=this.user;return null==s?null:"string"==typeof s?{name:s}:s}render(){var s,i,t,r,o;const l=this.searchCfg,n=this.userCfg,u=null!==(s=this.items)&&void 0!==s?s:[],c=null!==(i=this.actions)&&void 0!==i?i:[];return a(e,{key:"3f3fa2300415ab0548a6e0aab8756ec41c9af5b8",role:"banner","data-sui-accent":this.accent},a("div",{key:"9ab42db3cbe47c0c0d84df6f002e103acbb97259",class:"sui-topbar__left"},a("div",{key:"f7476db5a781434f6b289e5d29343165d827676b",class:"sui-topbar__logo"},a("slot",{key:"12921d75a956bfbfd06e0cc946373a084985d813",name:"topbar-logo"})),u.length>0&&a("nav",{key:"5223a5d07f04133031800bff13021d73f22710bc",class:"sui-topbar__nav","aria-label":"Principal"},u.map((s=>{var i,t,e,r,o,l;return a("sui-topbar-item",{key:s.value,label:s.label,icon:null!==(i=s.icon)&&void 0!==i?i:null,rightIcon:null!==(t=s.rightIcon)&&void 0!==t?t:null,badge:null!==(e=s.badge)&&void 0!==e?e:null,count:null!==(r=s.count)&&void 0!==r?r:null,href:null!==(o=s.href)&&void 0!==o?o:null,target:null!==(l=s.target)&&void 0!==l?l:null,active:this.activeValue===s.value,accent:this.accent,onClicked:()=>this.itemClicked.emit(s)})})))),l&&!l.compact&&a("div",{key:"918bb3234b9d51a80034278a163fdb28099ea2fc",class:"sui-topbar__search"},a("sui-icon",{key:"75c7d1f028437e0e961dc725f2544c4228e3ef51",class:"sui-topbar__search-icon",name:"search-2-line",size:20}),a("input",{key:"b34cf607a5da76e952c2911bfc30f92f2d7d1359",class:"sui-topbar__search-input",type:"text",placeholder:l.placeholder,"aria-label":l.ariaLabel,enterKeyHint:"search",value:this.searchValue,onInput:this.onSearchInput,onKeyDown:this.onSearchKeydown}),l.shortcut&&a("sui-kbd",{key:"7300457d81afbeddf10a881e91562faea7d75ca1",class:"sui-topbar__search-shortcut"},l.shortcut)),a("div",{key:"56b74d203fc35d4b9bfee4a05ba474537ef0e6b7",class:"sui-topbar__right"},(l&&l.compact||c.length>0)&&a("div",{key:"b4546d3b5888f15b47b9c04ad48b2c5828ec9812",class:"sui-topbar__actions"},l&&l.compact&&a("sui-topbar-button",{key:"b233017322b85d87fec5179c83fd4e48f102510c",icon:"search-2-line",ariaLabel:l.placeholder,accent:this.accent,onClicked:()=>this.searchClicked.emit()}),c.map((s=>{var i,t;return a("sui-topbar-button",{key:s.value,icon:s.icon,ariaLabel:null!==(i=s.ariaLabel)&&void 0!==i?i:s.value,dot:null!==(t=s.dot)&&void 0!==t&&t,accent:this.accent,onClicked:()=>this.actionClicked.emit(s)})}))),n&&a("sui-topbar-user",{key:"8888f11a9140e35a1f968b5afb13a6923568788b",name:null!==(t=n.name)&&void 0!==t?t:"",avatar:null!==(r=n.avatar)&&void 0!==r?r:null,verified:null!==(o=n.verified)&&void 0!==o&&o,open:this.userOpen,onClicked:()=>this.userClicked.emit()})))}static get style(){return'@charset "UTF-8";.sc-sui-topbar-h{display:flex;align-items:center;gap:16px;padding:20px 44px;background:var(--sui-bg-white-0);border-bottom:1px solid var(--sui-stroke-soft-200);box-sizing:border-box;font-family:var(--sui-font-sans)}.sui-topbar__left.sc-sui-topbar{display:flex;align-items:center;gap:24px;flex:1 0 0;min-width:1px}.sui-topbar__logo.sc-sui-topbar{display:inline-flex;align-items:center;flex-shrink:0}.sc-sui-topbar-s>img{width:40px;height:40px;border-radius:var(--sui-radius-full);object-fit:cover;display:block}.sui-topbar__nav.sc-sui-topbar{display:flex;align-items:flex-start;gap:4px;min-width:1px;overflow-x:auto;scrollbar-width:none}.sui-topbar__nav.sc-sui-topbar::-webkit-scrollbar{display:none}.sui-topbar__search.sc-sui-topbar{display:flex;align-items:center;gap:8px;width:232px;flex-shrink:0;padding:10px 10px 10px 12px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:var(--sui-radius-10);box-shadow:var(--sui-regular-shadow-x-small);box-sizing:border-box}.sui-topbar__search-icon.sc-sui-topbar{display:inline-flex;flex-shrink:0;color:var(--sui-text-soft-400)}.sui-topbar__search-input.sc-sui-topbar{flex:1 0 0;min-width:1px;border:none;outline:none;padding:0;background:transparent;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.084px;color:var(--sui-text-strong-950)}.sui-topbar__search-input.sc-sui-topbar::placeholder{color:var(--sui-text-soft-400)}@media (max-width: 767px){.sui-topbar__search-input.sc-sui-topbar{font-size:16px}}.sui-topbar__right.sc-sui-topbar{display:flex;align-items:center;gap:16px;flex-shrink:0}.sui-topbar__actions.sc-sui-topbar{display:flex;align-items:center;gap:4px}'}},[262,"sui-topbar",{items:[16],activeValue:[1,"active-value"],accent:[1],search:[4],searchValue:[1025,"search-value"],actions:[16],user:[1],userOpen:[4,"user-open"]}]),h=d,f=function(){"undefined"!=typeof customElements&&["sui-topbar","sui-avatar","sui-badge","sui-icon","sui-kbd","sui-topbar-button","sui-topbar-item","sui-topbar-user"].forEach((s=>{switch(s){case"sui-topbar":customElements.get(r(s))||customElements.define(r(s),d);break;case"sui-avatar":customElements.get(r(s))||o();break;case"sui-badge":customElements.get(r(s))||l();break;case"sui-icon":customElements.get(r(s))||n();break;case"sui-kbd":customElements.get(r(s))||u();break;case"sui-topbar-button":customElements.get(r(s))||c();break;case"sui-topbar-item":customElements.get(r(s))||b();break;case"sui-topbar-user":customElements.get(r(s))||p()}}))};export{h as SuiTopbar,f as defineCustomElement}