@sula-tech/webcomponents 0.22.0 → 0.23.1

package/dist/esm/sula-toast-stack.entry.js

@@ -270,7 +270,7 @@ const SulaToastStack = class {
     render() {
         const expanded = this.expanded;
         const visibleItems = this.visibleItems;
-        return (h(Host, { key: 'f80b3b3f370e40ba87a261825af7ee9f55fe99dc' }, h("section", { key: 'd5a233e0b204060a1bde1bb09eac204a5c8f5ca7', ref: el => (this.region = el), role: "region", "aria-label": "Notifica\u00E7\u00F5es", tabIndex: 0, class: "toast-region w-full rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-feedback-informational focus-visible:outline-offset-2", onMouseEnter: () => {
+        return (h(Host, { key: 'c02d5830981122b0267e560f911ee98cdd726bd7' }, h("section", { key: 'cbfa6dcdd964fc1d42546a43e5980dc49e84b30f', ref: el => (this.region = el), role: "region", "aria-label": "Notifica\u00E7\u00F5es", tabIndex: 0, class: "toast-region w-full rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-feedback-informational focus-visible:outline-offset-2", onMouseEnter: () => {
                 if (!this.noHover)
                     this.hovering = true;
             }, onMouseLeave: () => (this.hovering = false), onPointerDown: () => {
@@ -279,7 +279,7 @@ const SulaToastStack = class {
             }, onKeyDown: () => {
                 this.keyboardInteraction = true;
                 this.stopRetainingPointerExpansion();
-            }, onFocusin: () => (this.focused = true), onFocusout: this.handleFocusOut }, h("div", { key: 'e409f3009f2c19839304f06b05b0409d9cc6a819', ref: el => (this.list = el), class: { 'toast-list relative flex flex-col gap-12': true, 'toast-list--collapsed': !expanded }, style: {
+            }, onFocusin: () => (this.focused = true), onFocusout: this.handleFocusOut }, h("div", { key: 'ee70118013b6e5e3313db30c27571bf3cc3009af', ref: el => (this.list = el), class: { 'toast-list relative flex flex-col gap-12': true, 'toast-list--collapsed': !expanded }, style: {
                 '--toast-layer-offset': `${Math.max(0, visibleItems.length - 1) * LAYER_OFFSET}px`,
             } }, visibleItems.map((item, index) => {
             var _a, _b, _c, _d;
@@ -293,9 +293,9 @@ const SulaToastStack = class {
                     '--toast-depth': String(depth),
                     '--toast-width': `${100 - Math.min(depth, MAX_VISIBLE_LAYERS - 1) * LAYER_WIDTH_STEP}%`,
                 } }, h("sula-toast", { toastTitle: item.title, message: (_a = item.message) !== null && _a !== void 0 ? _a : '', type: item.type, icon: item.icon, actionText: (_b = item.actionText) !== null && _b !== void 0 ? _b : '', closable: (_c = item.closable) !== null && _c !== void 0 ? _c : true, duration: item.duration, closeLabel: (_d = item.closeLabel) !== null && _d !== void 0 ? _d : 'Fechar notificação', paused: covered || this.hovering || this.focused || this.retainingPointerExpansion, announcement: "off", animated: depth === 0, onToastDismissRequested: event => this.dismiss(event, item.id), onToastAction: event => this.action(event, item.id) })));
-        }))), h("div", { key: '2b2eadddfde8a784d9c2f1c7f431d82619eb57dc', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "false", "aria-relevant": "additions text" }, this.announcements
+        }))), h("div", { key: '37091de2d263942ad15dbdc52cd229b98a8f7c1c', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "false", "aria-relevant": "additions text" }, this.announcements
             .filter(record => record.priority === 'polite')
-            .map(record => (h("p", { key: record.version }, record.text)))), h("div", { key: '0207426e568669405be5a1d99c47338d72607bdf', class: "sr-only", role: "alert", "aria-live": "assertive", "aria-atomic": "false", "aria-relevant": "additions text" }, this.announcements
+            .map(record => (h("p", { key: record.version }, record.text)))), h("div", { key: 'a5bc35d0759a6a71cb9b7d9ad76cfd3ce9fee9b6', class: "sr-only", role: "alert", "aria-live": "assertive", "aria-atomic": "false", "aria-relevant": "additions text" }, this.announcements
             .filter(record => record.priority === 'assertive')
             .map(record => (h("p", { key: record.version }, record.text))))));
     }

package/dist/esm/sula-toast.entry.js

@@ -170,10 +170,10 @@ const SulaToast = class {
     }
     render() {
         const intent = this.intent;
-        return (h(Host, { key: 'be9ec64bd756310cbc5a41d218ff47c53f04de54', onMouseEnter: () => this.setHover(true), onMouseLeave: () => this.setHover(false), onFocusin: () => {
+        return (h(Host, { key: '50370f6063bd87ddcbfefc45987c04eb602ab9ea', onMouseEnter: () => this.setHover(true), onMouseLeave: () => this.setHover(false), onFocusin: () => {
                 this.focused = true;
                 this.updateTimeout();
-            }, onFocusout: this.handleFocusOut }, h("div", { key: '712abcedfd6615db3de20ac66acd872f34db2737', part: "container", class: `toast-surface relative isolate box-border flex items-center w-full p-16 gap-12 rounded-sm border bg-opacity-toast ${intent.border} ${this.animated ? 'toast-surface--animated' : ''}`, style: { '--toast-border-color': intent.borderColor } }, this.icon && (h("div", { key: '656903d50bf672c3058c1ff1aa564a8f25ec4a71', part: "icon", "aria-hidden": "true", class: `flex shrink-0 items-center justify-center w-44 h-44 rounded-xxl ${intent.background}` }, h("sula-icon", { key: '649ec85c3ffe3c1d8ba49301df36dafcef68df19', icon: this.icon, customClass: `text-2xl ${intent.color}`, class: "flex leading-none" }))), h("div", { key: '7c0259e7e101e37f740fc44f56ed6b8aba89ebce', part: "content", class: `flex min-w-0 flex-1 flex-col gap-8 ${this.closable ? 'pr-48' : ''}` }, h("div", { key: 'a8d4be58976ba60577b72fb18cf5adde5302e4a9', class: "flex flex-col gap-4" }, this.toastTitle && (h("p", { key: 'a68c9bef629be007bf7e8e2fe9e171103f0da293', class: "toast-copy toast-title text-label-medium-bold text-text-primary", title: this.toastTitle }, this.toastTitle)), this.message && (h("p", { key: 'fd3df25e0dbb73a322e55f5464699c6b36dc558c', class: "toast-copy toast-message text-label-medium-regular text-text-secondary", title: this.message }, this.message))), this.actionText && (h("button", { key: 'a64c83ed689f099928ed8e89ddfbd1a29f9d7d37', type: "button", class: `toast-copy toast-action self-start text-left text-label-medium-bold text-text-link underline rounded ${FOCUS_RING_CLASSES}`, title: this.actionText, onClick: () => this.toastAction.emit() }, this.actionText))), this.closable && (h("button", { key: 'ec4cb316444689bc05aa176f86b51c1b6d5e88af', part: "close-button", type: "button", "aria-label": this.closeLabel, class: `absolute top-16 right-16 flex items-center justify-center w-24 h-24 rounded ${intent.color} ${FOCUS_RING_CLASSES}`, onClick: () => this.toastDismissRequested.emit({ reason: 'close' }) }, h("sula-icon", { key: '9be25e6384c6a154a359a15ab2ec0d732befe282', "aria-hidden": "true", icon: "ph ph-x", customClass: "text-2xl", class: "flex leading-none" }))), h("svg", { key: '8996d6309d39d79e5db7671fcbd8c1b6cbfeda5c', class: "toast-border", "aria-hidden": "true", focusable: "false" }, h("rect", { key: '141c0776c32283daef59b261b04e4059beee3aca', class: "toast-border__path", pathLength: "1" }))), h("div", { key: '318987642827371f72b5754827c8019a6a1b968a', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement === 'polite' ? this.announcedText : ''), h("div", { key: '6c1e12a9c15f11afb7f517d911441a868978c2ba', class: "sr-only", role: "alert", "aria-live": "assertive", "aria-atomic": "true" }, this.announcement === 'assertive' ? this.announcedText : '')));
+            }, onFocusout: this.handleFocusOut }, h("div", { key: '4334d01b1188afc4663ebadc48a84dcb4d393c99', part: "container", class: `toast-surface relative isolate box-border flex items-center w-full p-16 gap-12 rounded-sm border bg-opacity-toast ${intent.border} ${this.animated ? 'toast-surface--animated' : ''}`, style: { '--toast-border-color': intent.borderColor } }, this.icon && (h("div", { key: 'b87bf80bd8932414ae5d709e2be0d5feaefd3a8e', part: "icon", "aria-hidden": "true", class: `flex shrink-0 items-center justify-center w-44 h-44 rounded-xxl ${intent.background}` }, h("sula-icon", { key: 'b6f18a65ceab18e373f1fda59142b0eab3c575cf', icon: this.icon, customClass: `text-2xl ${intent.color}`, class: "flex leading-none" }))), h("div", { key: 'bff56cc0964d97824221c48d91e876ac6110df47', part: "content", class: `flex min-w-0 flex-1 flex-col gap-8 ${this.closable ? 'pr-48' : ''}` }, h("div", { key: 'c6d1d46a7f255cfda53e4883c6164370bee8a534', class: "flex flex-col gap-4" }, this.toastTitle && (h("p", { key: '110d11cb987cca1f426adb43b411ad20ba95a21d', class: "toast-copy toast-title text-label-medium-bold text-text-primary", title: this.toastTitle }, this.toastTitle)), this.message && (h("p", { key: 'afd5df30339ed228d417cbee8b3795077d5c9b69', class: "toast-copy toast-message text-label-medium-regular text-text-secondary", title: this.message }, this.message))), this.actionText && (h("button", { key: '4a332f3df90a682960f7569e42d4be89d897b429', type: "button", class: `toast-copy toast-action self-start text-left text-label-medium-bold text-text-link underline rounded ${FOCUS_RING_CLASSES}`, title: this.actionText, onClick: () => this.toastAction.emit() }, this.actionText))), this.closable && (h("button", { key: '927e70871fc1c94404dddfb33095e7713870d18a', part: "close-button", type: "button", "aria-label": this.closeLabel, class: `absolute top-16 right-16 flex items-center justify-center w-24 h-24 rounded ${intent.color} ${FOCUS_RING_CLASSES}`, onClick: () => this.toastDismissRequested.emit({ reason: 'close' }) }, h("sula-icon", { key: '4e0a9b4ad00ab928eb470b09dec7dc0793706a81', "aria-hidden": "true", icon: "ph ph-x", customClass: "text-2xl", class: "flex leading-none" }))), h("svg", { key: '328c4ab25330dd17918b1cad64eb05ab1feb8546', class: "toast-border", "aria-hidden": "true", focusable: "false" }, h("rect", { key: '6896a2bb9f74b96faef4d0e12c01d537f61fc36c', class: "toast-border__path", pathLength: "1" }))), h("div", { key: '13b17899ac49ffae21d73155b691a13e3b5e2f5f', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement === 'polite' ? this.announcedText : ''), h("div", { key: '589a7c8956b6952b55cc5383a74cf339db86ad19', class: "sr-only", role: "alert", "aria-live": "assertive", "aria-atomic": "true" }, this.announcement === 'assertive' ? this.announcedText : '')));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/webcomponents.js

@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["sula-avatar_32",[[1,"sula-icon-picker",{"label":[1025],"required":[1028],"disabled":[1028],"error":[1025],"value":[1025],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"icons":[1040],"maxVisibleIcons":[2,"max-visible-icons"],"menuMaxHeight":[2,"menu-max-height"],"selectedIcon":[32],"searchTerm":[32]},null,{"value":["handleValueChange"],"icons":["handleIconsChange"]}],[1,"sula-modal",{"opened":[1028],"blockBodyScroll":[1028,"block-body-scroll"],"closeOnClickOutside":[1028,"close-on-click-outside"],"type":[1],"headerIcon":[1,"header-icon"],"modalTitle":[1,"modal-title"],"promoImage":[1,"promo-image"],"subTitle":[1,"sub-title"],"primaryButtonText":[1,"primary-button-text"],"secondaryButtonText":[1,"secondary-button-text"],"slotOverflow":[1,"slot-overflow"],"isAnimating":[32],"shouldRender":[32]},null,{"opened":["handleOpenedChange"]}],[1,"sula-calendar",{"label":[1],"value":[1025],"placeholder":[1],"disabled":[4],"helpText":[1,"help-text"],"status":[1],"locale":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"range":[4],"allowTyping":[4,"allow-typing"],"inline":[4],"compact":[4],"firstDayOfWeek":[2,"first-day-of-week"],"closeOnSelect":[4,"close-on-select"],"showCalendar":[32],"openUpward":[32],"viewMonth":[32],"viewYear":[32],"hoverDate":[32]},[[4,"click","handleDocumentClick"],[4,"keydown","handleDocumentKeydown"]],{"value":["handleValueChange"]}],[1,"sula-chip",{"text":[1025],"appearance":[1025],"disabled":[1028],"items":[1040],"itemsPlacement":[1025,"items-placement"],"selected":[1028],"isFocused":[32],"showItems":[32]},[[4,"click","handleDocumentClick"]]],[1,"sula-avatar",{"size":[1],"imageUrl":[1,"image-url"],"text":[1],"icon":[1]}],[1,"sula-badge",{"status":[1025],"size":[1025],"type":[1025],"text":[1025],"icon":[1025],"hasSlotContent":[32]}],[1,"sula-breadcrumb",{"items":[1040]}],[1,"sula-checkbox",{"type":[1025],"label":[1025],"subTitle":[1025,"sub-title"],"disabled":[1028],"checked":[1028],"isFocus":[32]}],[1,"sula-menu",{"menuTitle":[1,"menu-title"],"image":[1],"width":[1],"density":[1],"labelOverflow":[1,"label-overflow"],"items":[1040],"collapsed":[32],"previewExpanded":[32],"selectedItem":[32]},null,{"items":["syncSelectedItemFromItems"]}],[1,"sula-progress-bar",{"appearance":[1025],"state":[1025],"topLabel":[1025,"top-label"],"bottomLabel":[1025,"bottom-label"],"progress":[1026],"showProgress":[1028,"show-progress"]},null,{"progress":["validateProgress"]}],[1,"sula-segmented-control",{"items":[1040],"type":[1025],"size":[1025],"color":[1025]}],[1,"sula-tag",{"label":[1025],"icon":[1025],"iconStatus":[1025,"icon-status"],"size":[1025],"appearance":[1025],"fontWeight":[1025,"font-weight"]}],[1,"sula-tiles",{"type":[1],"size":[1],"ellipsis":[4],"icon":[1],"text":[1],"subText":[1,"sub-text"],"disabled":[4]}],[1,"sula-timeline-list",{"sulaTimelineList":[1040,"sula-timeline-list"]}],[1,"sula-toggle",{"selected":[1028],"buttonDisabled":[1028,"button-disabled"],"icon":[1]}],[1,"sula-tooltip",{"text":[1],"position":[1],"icon":[1],"iconClass":[1,"icon-class"],"focused":[4],"trigger":[1],"appendToBody":[4,"append-to-body"],"isVisible":[32]},null,{"text":["handleTextChange"]}],[1,"sula-radio-button",{"checked":[1028],"label":[1025],"disabled":[1028],"radioIsFocus":[32]}],[1,"sula-switch",{"type":[1025],"active":[1028],"disabled":[1028],"label":[1025],"subTitle":[1025,"sub-title"],"responsive":[4],"isFocus":[32]}],[4,"sula-table",{"density":[1],"equalWidth":[4,"equal-width"],"fullWidth":[4,"full-width"]}],[4,"sula-table-body"],[4,"sula-table-cell"],[4,"sula-table-head-cell"],[4,"sula-table-header"],[4,"sula-table-row"],[1,"sula-textarea",{"value":[1025],"status":[1025],"label":[1],"placeholder":[1],"disabled":[1028],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"rows":[2],"isActive":[32],"textValue":[32],"textareaIsFocused":[32],"labelPadding":[32]},[[4,"click","handleClick"]],{"value":["watchValueHandler"]}],[1,"sula-button",{"text":[1025],"icon":[1025],"leftIcon":[1025,"left-icon"],"rightIcon":[1025,"right-icon"],"appearance":[1025],"type":[1025],"size":[1025],"status":[1025],"loading":[1028],"buttonDisabled":[1028,"button-disabled"],"fullWidth":[1028,"full-width"]}],[1,"sula-dropdown",{"label":[1025],"disabled":[1028],"hasError":[1540,"has-error"],"items":[1040],"value":[1040],"searchable":[516],"menuMaxHeight":[2,"menu-max-height"],"contentMaxHeight":[2,"content-max-height"],"customContent":[516,"custom-content"],"closeOnSelect":[4,"close-on-select"],"showContent":[1540,"show-content"],"selectedItem":[32],"isFocused":[32],"searchTerm":[32],"filteredItems":[32],"openUpward":[32]},[[4,"click","handleDocumentClick"],[9,"resize","handleWindowResize"]],{"value":["handleValueChange"],"showContent":["handleShowContentChange"]}],[1,"sula-search-bar",{"value":[1025],"searchBarStyle":[1025,"search-bar-style"],"placeholder":[1025],"leftIcon":[1025,"left-icon"],"rightIcon":[1025,"right-icon"],"isFocused":[32],"textValue":[32]}],[1,"sula-textfield",{"value":[1025],"type":[1],"status":[1025],"label":[1],"placeholder":[1],"disabled":[1028],"readOnly":[4,"read-only"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"icon":[1],"maskPattern":[1,"mask-pattern"],"maskPatternSwitchMaxLength":[2,"mask-pattern-switch-max-length"],"inputIsOpen":[32],"textValue":[32],"showPassword":[32],"inputIsFocused":[32]},[[4,"click","handleClick"]],{"value":["watchValueHandler"],"maskPattern":["watchMaskPatternHandler"],"maskPatternSwitchMaxLength":["watchMaskPatternSwitchMaxLengthHandler"]}],[1,"sula-loader",{"size":[1],"animationInstance":[32]}],[1,"sula-menu-select-list",{"items":[1040],"fullWidth":[4,"full-width"],"maxHeight":[2,"max-height"],"selectedValue":[16,"selected-value"]}],[0,"sula-icon",{"icon":[1],"customClass":[1,"custom-class"]}]]],["sula-toast",[[1,"sula-toast",{"toastTitle":[1,"toast-title"],"message":[1],"type":[1],"icon":[1],"actionText":[1,"action-text"],"closable":[4],"duration":[2],"paused":[4],"animated":[4],"announcement":[1],"closeLabel":[1,"close-label"],"announcedText":[32]},[[4,"visibilitychange","updateTimeout"]],{"toastTitle":["handleContentChange"],"message":["handleContentChange"],"actionText":["handleContentChange"],"duration":["handleContentChange"],"announcement":["updateAnnouncement"],"paused":["updateTimeout"]}]]],["sula-toast-stack",[[1,"sula-toast-stack",{"items":[16],"hovering":[32],"focused":[32],"noHover":[32],"retainingPointerExpansion":[32],"announcements":[32]},null,{"items":["handleItemsChange"]}]]]], options);
+  return bootstrapLazy([["sula-avatar_32",[[1,"sula-icon-picker",{"label":[1025],"required":[1028],"disabled":[1028],"error":[1025],"value":[1025],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"icons":[1040],"maxVisibleIcons":[2,"max-visible-icons"],"menuMaxHeight":[2,"menu-max-height"],"selectedIcon":[32],"searchTerm":[32]},null,{"value":["handleValueChange"],"icons":["handleIconsChange"]}],[1,"sula-modal",{"opened":[1028],"blockBodyScroll":[1028,"block-body-scroll"],"closeOnClickOutside":[1028,"close-on-click-outside"],"type":[1],"headerIcon":[1,"header-icon"],"modalTitle":[1,"modal-title"],"promoImage":[1,"promo-image"],"subTitle":[1,"sub-title"],"primaryButtonText":[1,"primary-button-text"],"secondaryButtonText":[1,"secondary-button-text"],"slotOverflow":[1,"slot-overflow"],"isAnimating":[32],"shouldRender":[32]},null,{"opened":["handleOpenedChange"]}],[1,"sula-calendar",{"label":[1],"value":[1025],"placeholder":[1],"disabled":[4],"helpText":[1,"help-text"],"status":[1],"locale":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"range":[4],"allowTyping":[4,"allow-typing"],"inline":[4],"compact":[4],"firstDayOfWeek":[2,"first-day-of-week"],"closeOnSelect":[4,"close-on-select"],"showCalendar":[32],"openUpward":[32],"viewMonth":[32],"viewYear":[32],"hoverDate":[32]},[[4,"click","handleDocumentClick"],[4,"keydown","handleDocumentKeydown"]],{"value":["handleValueChange"]}],[1,"sula-chip",{"text":[1025],"appearance":[1025],"disabled":[1028],"icon":[1],"items":[1040],"itemsPlacement":[1025,"items-placement"],"selected":[1028],"isFocused":[32],"showItems":[32]},[[4,"click","handleDocumentClick"]]],[1,"sula-avatar",{"size":[1],"imageUrl":[1,"image-url"],"text":[1],"icon":[1]}],[1,"sula-badge",{"status":[1025],"size":[1025],"type":[1025],"text":[1025],"icon":[1025],"hasSlotContent":[32]}],[1,"sula-breadcrumb",{"items":[1040]}],[1,"sula-checkbox",{"type":[1025],"label":[1025],"subTitle":[1025,"sub-title"],"disabled":[1028],"checked":[1028],"isFocus":[32]}],[1,"sula-menu",{"menuTitle":[1,"menu-title"],"image":[1],"width":[1],"density":[1],"labelOverflow":[1,"label-overflow"],"items":[1040],"collapsed":[32],"previewExpanded":[32],"selectedItem":[32]},null,{"items":["syncSelectedItemFromItems"]}],[1,"sula-progress-bar",{"appearance":[1025],"state":[1025],"topLabel":[1025,"top-label"],"bottomLabel":[1025,"bottom-label"],"progress":[1026],"showProgress":[1028,"show-progress"]},null,{"progress":["validateProgress"]}],[1,"sula-segmented-control",{"items":[1040],"type":[1025],"size":[1025],"color":[1025]}],[1,"sula-tag",{"label":[1025],"icon":[1025],"iconStatus":[1025,"icon-status"],"size":[1025],"appearance":[1025],"fontWeight":[1025,"font-weight"]}],[1,"sula-tiles",{"type":[1],"size":[1],"ellipsis":[4],"icon":[1],"text":[1],"subText":[1,"sub-text"],"disabled":[4]}],[1,"sula-timeline-list",{"sulaTimelineList":[1040,"sula-timeline-list"]}],[1,"sula-toggle",{"selected":[1028],"buttonDisabled":[1028,"button-disabled"],"icon":[1]}],[1,"sula-tooltip",{"text":[1],"position":[1],"icon":[1],"iconClass":[1,"icon-class"],"focused":[4],"trigger":[1],"appendToBody":[4,"append-to-body"],"isVisible":[32]},null,{"text":["handleTextChange"]}],[1,"sula-radio-button",{"checked":[1028],"label":[1025],"disabled":[1028],"radioIsFocus":[32]}],[1,"sula-switch",{"type":[1025],"active":[1028],"disabled":[1028],"label":[1025],"subTitle":[1025,"sub-title"],"responsive":[4],"isFocus":[32]}],[4,"sula-table",{"density":[1],"equalWidth":[4,"equal-width"],"fullWidth":[4,"full-width"]}],[4,"sula-table-body"],[4,"sula-table-cell"],[4,"sula-table-head-cell"],[4,"sula-table-header"],[4,"sula-table-row"],[1,"sula-textarea",{"value":[1025],"status":[1025],"label":[1],"placeholder":[1],"disabled":[1028],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"rows":[2],"isActive":[32],"textValue":[32],"textareaIsFocused":[32],"labelPadding":[32]},[[4,"click","handleClick"]],{"value":["watchValueHandler"]}],[1,"sula-button",{"text":[1025],"icon":[1025],"leftIcon":[1025,"left-icon"],"rightIcon":[1025,"right-icon"],"appearance":[1025],"type":[1025],"size":[1025],"status":[1025],"loading":[1028],"buttonDisabled":[1028,"button-disabled"],"fullWidth":[1028,"full-width"]}],[1,"sula-dropdown",{"label":[1025],"disabled":[1028],"hasError":[1540,"has-error"],"items":[1040],"value":[1040],"searchable":[516],"menuMaxHeight":[2,"menu-max-height"],"contentMaxHeight":[2,"content-max-height"],"customContent":[516,"custom-content"],"closeOnSelect":[4,"close-on-select"],"showContent":[1540,"show-content"],"selectedItem":[32],"isFocused":[32],"searchTerm":[32],"filteredItems":[32],"openUpward":[32]},[[4,"click","handleDocumentClick"],[9,"resize","handleWindowResize"]],{"value":["handleValueChange"],"showContent":["handleShowContentChange"]}],[1,"sula-search-bar",{"value":[1025],"searchBarStyle":[1025,"search-bar-style"],"placeholder":[1025],"leftIcon":[1025,"left-icon"],"rightIcon":[1025,"right-icon"],"isFocused":[32],"textValue":[32]}],[1,"sula-textfield",{"value":[1025],"type":[1],"status":[1025],"label":[1],"placeholder":[1],"disabled":[1028],"readOnly":[4,"read-only"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"icon":[1],"maskPattern":[1,"mask-pattern"],"maskPatternSwitchMaxLength":[2,"mask-pattern-switch-max-length"],"inputIsOpen":[32],"textValue":[32],"showPassword":[32],"inputIsFocused":[32]},[[4,"click","handleClick"]],{"value":["watchValueHandler"],"maskPattern":["watchMaskPatternHandler"],"maskPatternSwitchMaxLength":["watchMaskPatternSwitchMaxLengthHandler"]}],[1,"sula-loader",{"size":[1],"animationInstance":[32]}],[1,"sula-menu-select-list",{"items":[1040],"fullWidth":[4,"full-width"],"maxHeight":[2,"max-height"],"selectedValue":[16,"selected-value"]}],[0,"sula-icon",{"icon":[1],"customClass":[1,"custom-class"]}]]],["sula-toast",[[1,"sula-toast",{"toastTitle":[1,"toast-title"],"message":[1],"type":[1],"icon":[1],"actionText":[1,"action-text"],"closable":[4],"duration":[2],"paused":[4],"animated":[4],"announcement":[1],"closeLabel":[1,"close-label"],"announcedText":[32]},[[4,"visibilitychange","updateTimeout"]],{"toastTitle":["handleContentChange"],"message":["handleContentChange"],"actionText":["handleContentChange"],"duration":["handleContentChange"],"announcement":["updateAnnouncement"],"paused":["updateTimeout"]}]]],["sula-toast-stack",[[1,"sula-toast-stack",{"items":[16],"hovering":[32],"focused":[32],"noHover":[32],"retainingPointerExpansion":[32],"announcements":[32]},null,{"items":["handleItemsChange"]}]]]], options);
 });
 //# sourceMappingURL=webcomponents.js.map
 

package/dist/types/components/sula-calendar/sula-calendar.d.ts

@@ -108,9 +108,10 @@ export declare class SulaCalendar {
     private isOutOfRange;
     private get weekStart();
     private createFormatter;
-    getMonthLabel(): string;
+    private get isDual();
+    getMonthLabel(offset?: number): string;
     getWeekdays(): SulaCalendarWeekday[];
-    getWeeks(): SulaCalendarDay[][];
+    getWeeks(offset?: number): SulaCalendarDay[][];
     calculatePanelPosition(): void;
     open(): void;
     close(): void;
@@ -119,6 +120,8 @@ export declare class SulaCalendar {
     handleCompactClick: (event: MouseEvent) => void;
     handleFieldKeydown: (event: KeyboardEvent) => void;
     handleInputChanged: (event: CustomEvent<string>) => void;
+    private getRangeTexts;
+    handleRangeInputChanged: (part: "start" | "end", event: CustomEvent<string>) => void;
     handlePreviousMonth: (event: MouseEvent) => void;
     handleNextMonth: (event: MouseEvent) => void;
     changeMonth(step: number): void;
@@ -126,8 +129,11 @@ export declare class SulaCalendar {
     selectRangeDay(date: Date): void;
     handleDayHover(day: SulaCalendarDay): void;
     handleGridLeave: () => void;
+    private get isRangeInverted();
     getTextfieldStatus(): SulaTextfieldStatus;
-    renderHeader(): any;
+    renderHeader(offset?: number, showPrevious?: boolean, showNext?: boolean): any;
+    renderMonth(offset: number, showPrevious: boolean, showNext: boolean): any;
+    renderRangeInputs(): any;
     renderDay(day: SulaCalendarDay): any;
     renderPanel(): any;
     render(): any;

package/dist/types/components/sula-calendar/sula-calendar.stories.d.ts

@@ -164,6 +164,7 @@ export declare const Range: any;
 export declare const RangeInline: any;
 export declare const Compact: any;
 export declare const CompactSingleDate: any;
+export declare const CompactWithoutTyping: any;
 export declare const WithoutTyping: any;
 export declare const WithError: any;
 export declare const Disabled: any;

package/dist/types/components/sula-chip/sula-chip.d.ts

@@ -15,6 +15,10 @@ export declare class SulaChip {
      * Chip is disabled
      */
     disabled: boolean;
+    /**
+     * Icon class displayed before the text, e.g. `ph ph-download-simple`
+     */
+    icon?: string;
     /**
      * Items for list
      */
@@ -44,5 +48,6 @@ export declare class SulaChip {
     handleClick: () => void;
     handleItemSelected: (item: SulaMenuSelectListCustomEvent<SulaMenuListItem>) => void;
     getIconClass(): "text-text-primary" | "text-text-disabled" | "text-negative-negative-2";
+    getLeadingIconClass(): "text-text-primary" | "text-text-disabled" | "text-negative-negative-1" | "text-negative-negative-2";
     render(): any;
 }

package/dist/types/components/sula-chip/sula-chip.stories.d.ts

@@ -38,6 +38,13 @@ declare const _default: {
                 required: boolean;
             };
         };
+        icon: {
+            control: string;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
         items: {
             control: string;
             defaultValue: any[];
@@ -82,3 +89,8 @@ export declare const SelectedChip: any;
 export declare const ChipWithDropdown: any;
 export declare const NegativeChipWithDropdown: any;
 export declare const DisabledChipWithItems: any;
+export declare const WithIcon: any;
+export declare const WithIconAndDropdown: any;
+export declare const SelectedWithIcon: any;
+export declare const NegativeWithIcon: any;
+export declare const DisabledWithIcon: any;

package/dist/types/components.d.ts

@@ -272,6 +272,10 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Icon class displayed before the text, e.g. `ph ph-download-simple`
+         */
+        "icon"?: string;
         /**
           * Items for list
           * @default []
@@ -1827,6 +1831,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Icon class displayed before the text, e.g. `ph ph-download-simple`
+         */
+        "icon"?: string;
         /**
           * Items for list
           * @default []

package/dist/webcomponents/{p-df271629.entry.js → p-18c84807.entry.js}

@@ -273,9 +273,9 @@ const h = class {
     const t = this.expanded;
     const o = this.visibleItems;
     return e(a, {
-      key: "f80b3b3f370e40ba87a261825af7ee9f55fe99dc"
+      key: "c02d5830981122b0267e560f911ee98cdd726bd7"
     }, e("section", {
-      key: "d5a233e0b204060a1bde1bb09eac204a5c8f5ca7",
+      key: "cbfa6dcdd964fc1d42546a43e5980dc49e84b30f",
       ref: t => this.region = t,
       role: "region",
       "aria-label": "Notificações",
@@ -296,7 +296,7 @@ const h = class {
       onFocusin: () => this.focused = true,
       onFocusout: this.handleFocusOut
     }, e("div", {
-      key: "e409f3009f2c19839304f06b05b0409d9cc6a819",
+      key: "ee70118013b6e5e3313db30c27571bf3cc3009af",
       ref: t => this.list = t,
       class: {
         "toast-list relative flex flex-col gap-12": true,
@@ -340,7 +340,7 @@ const h = class {
         onToastAction: t => this.action(t, a.id)
       }));
     })))), e("div", {
-      key: "2b2eadddfde8a784d9c2f1c7f431d82619eb57dc",
+      key: "37091de2d263942ad15dbdc52cd229b98a8f7c1c",
       class: "sr-only",
       role: "status",
       "aria-live": "polite",
@@ -349,7 +349,7 @@ const h = class {
     }, this.announcements.filter((t => t.priority === "polite")).map((t => e("p", {
       key: t.version
     }, t.text)))), e("div", {
-      key: "0207426e568669405be5a1d99c47338d72607bdf",
+      key: "a5bc35d0759a6a71cb9b7d9ad76cfd3ce9fee9b6",
       class: "sr-only",
       role: "alert",
       "aria-live": "assertive",
@@ -373,4 +373,4 @@ h.style = n;
 
 export { h as sula_toast_stack };
 //# sourceMappingURL=sula-toast-stack.entry.esm.js.map
-//# sourceMappingURL=p-df271629.entry.js.map
+//# sourceMappingURL=p-18c84807.entry.js.map