@sula-tech/webcomponents 0.17.5 → 0.17.6

package/dist/components/sula-menu.js.map

@@ -0,0 +1 @@
+{"file":"sula-menu.js","mappings":"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","names":["SulaMenu","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sula-menu/sula-menu.scss?tag=sula-menu&encapsulation=shadow","src/components/sula-menu/sula-menu.tsx"],"sourcesContent":["$menu-ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);\n$menu-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);\n\n:host {\n  display: block;\n  height: 100%;\n  width: 256px;\n  position: relative;\n  overflow: visible;\n  transition: width 360ms $menu-ease-emphasized;\n}\n\n:host(.menu-host--collapsed) {\n  width: 88px;\n}\n\n.menu-shell {\n  width: 100%;\n  min-height: 100%;\n  overflow: hidden;\n  transform-origin: left top;\n  will-change: width, transform, box-shadow, border-radius;\n  transition:\n    width 360ms $menu-ease-emphasized,\n    transform 360ms $menu-ease-emphasized,\n    box-shadow 360ms $menu-ease-emphasized,\n    border-radius 280ms $menu-ease-standard,\n    background-color 220ms $menu-ease-standard;\n}\n\n.menu-shell--expanded {\n  box-shadow:\n    0 10px 24px rgba(15, 23, 42, 0.08),\n    0 2px 8px rgba(15, 23, 42, 0.06);\n}\n\n.menu-shell--collapsed {\n  box-shadow:\n    0 8px 18px rgba(15, 23, 42, 0.06),\n    0 1px 4px rgba(15, 23, 42, 0.04);\n}\n\n.menu-shell--preview {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 256px;\n  border-radius: 0 24px 24px 0;\n  box-shadow:\n    0 28px 60px rgba(15, 23, 42, 0.18),\n    0 10px 24px rgba(15, 23, 42, 0.12);\n  transform: translateX(0);\n  z-index: 2;\n}\n\n.menu-header {\n  gap: 0;\n  transition:\n    padding 360ms $menu-ease-emphasized,\n    gap 240ms $menu-ease-standard;\n}\n\n.menu-nav,\n.menu-toggle-wrapper {\n  transition: padding 360ms $menu-ease-emphasized;\n}\n\n.menu-brand-image {\n  flex: 0 0 auto;\n  transition:\n    margin 320ms $menu-ease-emphasized,\n    transform 320ms $menu-ease-emphasized;\n}\n\n.menu-copy {\n  display: block;\n  min-width: 0;\n  max-width: 220px;\n  overflow: hidden;\n  opacity: 1;\n  white-space: nowrap;\n  transform: translateX(0);\n  transform-origin: left center;\n  will-change: opacity, transform, max-width, margin-left;\n  transition:\n    max-width 320ms $menu-ease-emphasized,\n    opacity 200ms $menu-ease-standard,\n    transform 320ms $menu-ease-emphasized,\n    margin-left 320ms $menu-ease-emphasized;\n}\n\n.menu-copy--visible {\n  max-width: 220px;\n  opacity: 1;\n  transform: translateX(0);\n  pointer-events: auto;\n}\n\n.menu-copy--hidden {\n  max-width: 0;\n  opacity: 0;\n  transform: translateX(-10px);\n  pointer-events: none;\n}\n\n.menu-title {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.menu-title.menu-copy--visible {\n  max-width: 100%;\n}\n\n.menu-item-label {\n  flex: 0 1 auto;\n}\n\n.menu-item {\n  transition:\n    background-color 200ms $menu-ease-standard,\n    color 200ms $menu-ease-standard,\n    padding 320ms $menu-ease-emphasized;\n}\n\n.menu-item-caret {\n  max-width: 16px;\n  overflow: hidden;\n  opacity: 1;\n  transition:\n    transform 280ms $menu-ease-emphasized,\n    opacity 180ms $menu-ease-standard,\n    max-width 280ms $menu-ease-emphasized,\n    margin-left 280ms $menu-ease-emphasized;\n}\n\n.menu-item-caret--visible {\n  opacity: 1;\n  max-width: 16px;\n  margin-left: 12px;\n}\n\n.menu-item-caret--hidden {\n  opacity: 0;\n  max-width: 0;\n  margin-left: 0;\n  transform: translateX(-8px);\n}\n\n.menu-item-caret--expanded {\n  transform: rotate(180deg);\n}\n\n.submenu {\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  pointer-events: none;\n  will-change: max-height, opacity, transform;\n  transform: translateY(-6px);\n  transform-origin: top left;\n  transition:\n    max-height 260ms $menu-ease-emphasized,\n    opacity 120ms $menu-ease-standard,\n    transform 180ms $menu-ease-emphasized;\n}\n\n.submenu--expanded {\n  max-height: 999px;\n  opacity: 1;\n  pointer-events: auto;\n  transform: translateY(0);\n}\n\n.submenu-item {\n  transition:\n    background-color 200ms $menu-ease-standard,\n    color 200ms $menu-ease-standard,\n    transform 240ms $menu-ease-emphasized;\n}\n\n.submenu-item--branch {\n  transition:\n    background-color 200ms $menu-ease-standard,\n    color 200ms $menu-ease-standard,\n    border-color 240ms $menu-ease-emphasized,\n    margin-left 240ms $menu-ease-emphasized;\n}\n\n.submenu-item-branch-content {\n  min-width: 0;\n}\n\n.submenu-branch {\n  transform-origin: top left;\n}\n\n.submenu-grandchild-item {\n  transition:\n    background-color 200ms $menu-ease-standard,\n    color 200ms $menu-ease-standard,\n    transform 240ms $menu-ease-emphasized;\n}\n\n.submenu-grandchild-label {\n  display: block;\n}\n\n.menu-toggle {\n  transition:\n    background-color 200ms $menu-ease-standard,\n    color 200ms $menu-ease-standard,\n    padding 320ms $menu-ease-emphasized;\n}\n\n.menu-toggle-icon {\n  flex: 0 0 auto;\n  transition:\n    transform 320ms $menu-ease-emphasized,\n    border-color 220ms $menu-ease-standard,\n    background-color 220ms $menu-ease-standard;\n}\n\n.menu-toggle-label {\n  white-space: nowrap;\n  margin-left: 0;\n}\n\n.menu-toggle-label.menu-copy--visible {\n  margin-left: 12px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host,\n  .menu-shell,\n  .menu-header,\n  .menu-nav,\n  .menu-toggle-wrapper,\n  .menu-brand-image,\n  .menu-copy,\n  .menu-item,\n  .menu-item-caret,\n  .submenu,\n  .submenu-item,\n  .menu-toggle,\n  .menu-toggle-icon {\n    transition: none;\n  }\n}\n","import { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { SelectedMenuItem, SulaMenuItem, SulaMenuMainItem, SulaMenuSubItem } from './model/sula-menu.model';\n\n@Component({\n  tag: 'sula-menu',\n  styleUrl: 'sula-menu.scss',\n  shadow: true,\n})\nexport class SulaMenu {\n  /**\n   * Menu title\n   */\n  @Prop()\n  menuTitle: string = '';\n\n  /**\n   * Menu image\n   */\n  @Prop()\n  image: string = '';\n\n  /**\n   * Menu items\n   */\n  @Prop({ mutable: true, reflect: true })\n  items: SulaMenuMainItem[] = [];\n\n  /**\n   * Emitted when a menu item is selected\n   */\n  @Event()\n  itemSelected: EventEmitter<SulaMenuMainItem | SulaMenuSubItem | SulaMenuItem>;\n\n  /**\n   * Emitted when a menu item is clicked\n   */\n  @Event()\n  itemClicked: EventEmitter<SulaMenuMainItem | SulaMenuSubItem | SulaMenuItem>;\n\n  /**\n   * Emitted when the menu is toggled between collapsed and expanded states\n   * True: Menu is expanded\n   * False: Menu is collapsed\n   */\n  @Event()\n  menuToggled: EventEmitter<boolean>;\n\n  @State()\n  collapsed: boolean = false;\n\n  @State()\n  previewExpanded: boolean = false;\n\n  @State()\n  selectedItem?: SelectedMenuItem;\n\n  componentWillLoad() {\n    this.syncSelectedItemFromItems(this.items);\n  }\n\n  @Watch('items')\n  syncSelectedItemFromItems(items: SulaMenuMainItem[]) {\n    const nextSelectedItem = this.findSelectedLeaf(items);\n\n    if (nextSelectedItem) {\n      this.selectedItem = nextSelectedItem;\n      return;\n    }\n\n    if (this.selectedItem && this.containsSelectedItem(items, this.selectedItem)) {\n      return;\n    }\n\n    this.selectedItem = undefined;\n  }\n\n  getVisibleItems<T extends SulaMenuItem>(items?: T[]) {\n    return items?.filter(item => !item.hidden) ?? [];\n  }\n\n  getVisibleSubItems(item: Pick<SulaMenuMainItem, 'children'>) {\n    return this.getVisibleItems(item.children);\n  }\n\n  getVisibleGrandchildren(item: Pick<SulaMenuSubItem, 'children'>) {\n    return this.getVisibleItems(item.children);\n  }\n\n  hasVisibleSubItems(item: Pick<SulaMenuMainItem, 'children'>) {\n    return this.getVisibleSubItems(item).length > 0;\n  }\n\n  hasVisibleGrandchildren(item: Pick<SulaMenuSubItem, 'children'>) {\n    return this.getVisibleGrandchildren(item).length > 0;\n  }\n\n  containsSelectedItem(items: SulaMenuMainItem[], selectedItem: SelectedMenuItem) {\n    const visibleItems = this.getVisibleItems(items);\n\n    if (selectedItem.parentItemId && selectedItem.parentChildId) {\n      return visibleItems.some(\n        item =>\n          item.id === selectedItem.parentItemId &&\n          this.getVisibleSubItems(item).some(\n            child => child.id === selectedItem.parentChildId && this.getVisibleGrandchildren(child).some(grandchild => grandchild.id === selectedItem.id),\n          ),\n      );\n    }\n\n    if (selectedItem.parentItemId) {\n      return visibleItems.some(\n        item => item.id === selectedItem.parentItemId && this.getVisibleSubItems(item).some(child => child.id === selectedItem.id && !this.hasVisibleGrandchildren(child)),\n      );\n    }\n\n    return visibleItems.some(item => item.id === selectedItem.id && !this.hasVisibleSubItems(item));\n  }\n\n  findSelectedLeaf(items: SulaMenuMainItem[]) {\n    for (const item of this.getVisibleItems(items)) {\n      const visibleChildren = this.getVisibleSubItems(item);\n\n      if (!visibleChildren.length && item.selected) {\n        return { id: item.id };\n      }\n\n      for (const child of visibleChildren) {\n        const selectedGrandchild = this.getVisibleGrandchildren(child).find(grandchild => grandchild.selected);\n\n        if (selectedGrandchild) {\n          return {\n            id: selectedGrandchild.id,\n            parentItemId: item.id,\n            parentChildId: child.id,\n          };\n        }\n\n        if (!this.hasVisibleGrandchildren(child) && child.selected) {\n          return {\n            id: child.id,\n            parentItemId: item.id,\n          };\n        }\n      }\n    }\n\n    return undefined;\n  }\n\n  isMainItemSelected(itemId: string) {\n    return this.selectedItem?.id === itemId && !this.selectedItem.parentItemId;\n  }\n\n  hasSelectedChild(parentItemId: string) {\n    return this.selectedItem?.parentItemId === parentItemId;\n  }\n\n  isSelectedSubItem(parentItemId: string, childId: string) {\n    return this.selectedItem?.id === childId && this.selectedItem.parentItemId === parentItemId && !this.selectedItem.parentChildId;\n  }\n\n  hasSelectedGrandchild(parentItemId: string, parentChildId: string) {\n    return this.selectedItem?.parentItemId === parentItemId && this.selectedItem.parentChildId === parentChildId;\n  }\n\n  isSelectedGrandchild(parentItemId: string, parentChildId: string, grandchildId: string) {\n    return this.selectedItem?.id === grandchildId && this.selectedItem.parentItemId === parentItemId && this.selectedItem.parentChildId === parentChildId;\n  }\n\n  isItemActive(item: Pick<SulaMenuMainItem, 'id' | 'expanded' | 'children'>) {\n    return this.isMainItemSelected(item.id) || this.hasSelectedChild(item.id) || (!!item.expanded && this.hasVisibleSubItems(item));\n  }\n\n  isSubItemActive(parentItemId: string, item: Pick<SulaMenuSubItem, 'id' | 'expanded' | 'children'>) {\n    return this.isSelectedSubItem(parentItemId, item.id) || this.hasSelectedGrandchild(parentItemId, item.id) || (!!item.expanded && this.hasVisibleGrandchildren(item));\n  }\n\n  handleItemClick(clickedItem: SulaMenuMainItem) {\n    this.itemClicked.emit(clickedItem);\n\n    if (!this.hasVisibleSubItems(clickedItem)) {\n      this.selectedItem = { id: clickedItem.id };\n      this.itemSelected.emit(clickedItem);\n      return;\n    }\n\n    this.items = this.items.map(item =>\n      item.id === clickedItem.id\n        ? {\n            ...item,\n            expanded: !item.expanded,\n          }\n        : item,\n    );\n  }\n\n  handleSubItemClick(parentItemId: string, clickedChild: SulaMenuSubItem) {\n    this.itemClicked.emit(clickedChild);\n\n    if (!this.hasVisibleGrandchildren(clickedChild)) {\n      this.selectedItem = {\n        id: clickedChild.id,\n        parentItemId,\n      };\n      this.itemSelected.emit(clickedChild);\n      return;\n    }\n\n    this.items = this.items.map(item =>\n      item.id === parentItemId\n        ? {\n            ...item,\n            children: item.children?.map(child =>\n              child.id === clickedChild.id\n                ? {\n                    ...child,\n                    expanded: !child.expanded,\n                  }\n                : child,\n            ),\n          }\n        : item,\n    );\n  }\n\n  handleGrandchildClick(parentItemId: string, parentChildId: string, clickedGrandchild: NonNullable<SulaMenuSubItem['children']>[number]) {\n    this.itemClicked.emit(clickedGrandchild);\n\n    this.selectedItem = {\n      id: clickedGrandchild.id,\n      parentItemId,\n      parentChildId,\n    };\n    this.itemSelected.emit(clickedGrandchild);\n  }\n\n  getItemIconClass(item: SulaMenuMainItem) {\n    if (this.isItemActive(item)) {\n      return 'text-negative-negative-1 text-xl';\n    } else {\n      return 'text-icon-primary text-2xl';\n    }\n  }\n\n  getSubItemIconClass(_item: SulaMenuSubItem) {\n    return 'text-icon-primary text-xl';\n  }\n\n  getSubItemCaretIconClass() {\n    return 'text-icon-primary text-base';\n  }\n\n  getCaretIconClass(item: SulaMenuMainItem) {\n    if (this.isItemActive(item)) {\n      return 'text-text-primary text-base';\n    }\n\n    return 'text-text-secondary text-base';\n  }\n\n  toggleMenu() {\n    if (this.collapsed) {\n      this.collapsed = false;\n      this.previewExpanded = false;\n      this.menuToggled.emit(true);\n      return;\n    }\n\n    this.collapsed = true;\n    this.menuToggled.emit(false);\n    this.previewExpanded = false;\n  }\n\n  handleMenuMouseEnter() {\n    if (this.collapsed) {\n      this.previewExpanded = true;\n    }\n  }\n\n  handleMenuMouseLeave() {\n    if (this.collapsed) {\n      this.previewExpanded = false;\n    }\n  }\n\n  renderSubmenuItems(parentItem: SulaMenuMainItem, expandedView: boolean) {\n    return this.getVisibleSubItems(parentItem).map(child => {\n      const childHasChildren = this.hasVisibleGrandchildren(child);\n      const childExpanded = expandedView && !!child.expanded;\n      const childActive = this.isSubItemActive(parentItem.id, child);\n\n      if (!childHasChildren) {\n        return (\n          <li class=\"list-none\" key={child.id}>\n            <a\n              class=\"submenu-item flex min-w-0 cursor-pointer items-center rounded-xs py-16 pl-24 select-none hover:bg-box-shadow-body\"\n              title={child.label}\n              onClick={() => this.handleSubItemClick(parentItem.id, child)}\n            >\n              <sula-icon icon={child.icon} customClass={this.getSubItemIconClass(child)}></sula-icon>\n              <span\n                class={{\n                  'ml-8 truncate text-xs text-text-primary': true,\n                  'font-bold': childActive,\n                }}\n              >\n                {child.label}\n              </span>\n            </a>\n          </li>\n        );\n      }\n\n      return (\n        <li class=\"list-none\" key={child.id}>\n          <a\n            class={{\n              'submenu-item submenu-item--branch flex w-full cursor-pointer items-center rounded-xs py-16 pl-24 select-none hover:bg-box-shadow-body': true,\n              'ml-[-2px] border-l-2 border-negative-negative-1 font-bold': childActive,\n            }}\n            title={child.label}\n            onClick={() => this.handleSubItemClick(parentItem.id, child)}\n          >\n            <div class=\"submenu-item-branch-content flex min-w-0 flex-1 items-center\">\n              <sula-icon icon={child.icon} customClass={this.getSubItemIconClass(child)}></sula-icon>\n              <span class={{ 'ml-8 truncate text-xs text-text-primary': true, 'font-bold': childActive }}>{child.label}</span>\n            </div>\n            <div class=\"submenu-item-branch-caret flex flex-none items-center justify-end pl-8\">\n              <sula-icon icon={`ph-bold ph-caret-${childExpanded ? 'up' : 'down'}`} customClass={this.getSubItemCaretIconClass()}></sula-icon>\n            </div>\n          </a>\n\n          <ul\n            aria-hidden={!childExpanded}\n            class={{\n              'submenu': true,\n              'submenu--expanded': childExpanded,\n              'submenu-branch ml-[-2px] pl-20 border-l-2 border-negative-negative-1': true,\n            }}\n          >\n            {this.getVisibleGrandchildren(child).map(grandchild => (\n              <li class=\"list-none\" key={grandchild.id}>\n                <a\n                  class=\"submenu-grandchild-item flex cursor-pointer items-center rounded-xs p-8 text-sm text-text-primary hover:bg-box-shadow-body\"\n                  onClick={() => this.handleGrandchildClick(parentItem.id, child.id, grandchild)}\n                >\n                  <span\n                    class={{\n                      'submenu-grandchild-label truncate pl-16 text-xs': true,\n                      'font-bold': this.isSelectedGrandchild(parentItem.id, child.id, grandchild.id),\n                    }}\n                    title={grandchild.label}\n                  >\n                    {grandchild.label}\n                  </span>\n                </a>\n              </li>\n            ))}\n          </ul>\n        </li>\n      );\n    });\n  }\n\n  render() {\n    const expandedView = !this.collapsed || this.previewExpanded;\n\n    return (\n      <Host class={{ 'menu-host--collapsed': this.collapsed }}>\n        <aside\n          onMouseEnter={() => this.handleMenuMouseEnter()}\n          onMouseLeave={() => this.handleMenuMouseLeave()}\n          class={{\n            'menu-shell flex h-full flex-col bg-surface-body py-16 pt-12 shadow-md z-50': true,\n            'menu-shell--collapsed': this.collapsed && !this.previewExpanded,\n            'menu-shell--expanded': expandedView,\n            'menu-shell--preview': this.collapsed && this.previewExpanded,\n          }}\n        >\n          <div\n            class={{\n              'menu-header flex items-center pb-12': true,\n              'mb-3 px-7': expandedView,\n              'mb-0 justify-center px-0': !expandedView,\n            }}\n          >\n            {this.image && (\n              <div class={{ 'menu-brand-image max-h-10 max-w-10 overflow-hidden': true, 'mr-6': expandedView }}>\n                <img src={this.image} alt={this.menuTitle} />\n              </div>\n            )}\n            <div\n              aria-hidden={!expandedView}\n              title={expandedView ? this.menuTitle : undefined}\n              class={{\n                'menu-title menu-copy': true,\n                'menu-copy--visible': expandedView,\n                'menu-copy--hidden': !expandedView,\n              }}\n            >\n              <h1 class=\"truncate text-xl font-semibold leading-tight text-text-primary\">{this.menuTitle}</h1>\n            </div>\n          </div>\n\n          <nav\n            class={{\n              'menu-nav flex h-full flex-col overflow-y-auto overflow-x-hidden pb-16': true,\n              'px-20': expandedView,\n              'px-12': !expandedView,\n            }}\n          >\n            {this.getVisibleItems(this.items).map(item => {\n              const itemHasChildren = this.hasVisibleSubItems(item);\n\n              return (\n              <li class=\"decoration-none list-none\" key={item.id}>\n                <div\n                  class={{\n                    'menu-item flex w-full cursor-pointer items-center rounded-xs p-8 hover:bg-box-shadow-body': true,\n                    'justify-between': expandedView,\n                    'justify-center': !expandedView,\n                  }}\n                  title={!expandedView ? item.label : undefined}\n                  onClick={() => this.handleItemClick(item)}\n                >\n                  <div\n                    class={{\n                      'flex items-center': true,\n                      'flex-1 min-w-0 space-x-8': expandedView,\n                      'justify-center': !expandedView,\n                    }}\n                  >\n                    <div class={{ 'flex flex-none items-center justify-center': true, 'h-9 w-9 rounded-full bg-brand-primary': this.isItemActive(item) }}>\n                      <sula-icon icon={item.icon} customClass={this.getItemIconClass(item)} class=\"flex items-center justify-center\"></sula-icon>\n                    </div>\n                    <span\n                      title={expandedView ? item.label : undefined}\n                      aria-hidden={!expandedView}\n                      class={{\n                        'menu-item-label menu-copy truncate': true,\n                        'menu-copy--visible': expandedView,\n                        'menu-copy--hidden': !expandedView,\n                        'font-bold text-text-primary': this.isItemActive(item),\n                        'text-text-secondary': !this.isItemActive(item),\n                      }}\n                    >\n                      {item.label}\n                    </span>\n                  </div>\n                  {itemHasChildren && (\n                    <sula-icon\n                      aria-hidden={!expandedView}\n                      class={{\n                        'menu-item-caret flex items-center justify-center': true,\n                        'menu-item-caret--expanded': !!item.expanded,\n                        'menu-item-caret--visible': expandedView,\n                        'menu-item-caret--hidden': !expandedView,\n                      }}\n                      icon=\"ph ph-caret-down\"\n                      customClass={this.getCaretIconClass(item)}\n                    ></sula-icon>\n                  )}\n                </div>\n                {itemHasChildren && (\n                  <ul\n                    aria-hidden={!expandedView || !item.expanded}\n                    class={{ 'submenu': true, 'submenu--expanded': expandedView && !!item.expanded, 'ml-[1.6rem] border-l border-line-general': true }}\n                  >\n                    {this.renderSubmenuItems(item, expandedView)}\n                  </ul>\n                )}\n              </li>\n              );\n            })}\n          </nav>\n\n          <div\n            class={{\n              'menu-toggle-wrapper pb-16': true,\n              'px-20': expandedView,\n              'px-12': !expandedView,\n            }}\n          >\n            <button\n              type=\"button\"\n              class={{\n                'menu-toggle flex w-full cursor-pointer items-center rounded-xs p-8 hover:bg-box-shadow-body': true,\n                'justify-start': expandedView,\n                'justify-center': !expandedView,\n              }}\n              title={this.collapsed ? 'Fixar menu' : 'Ocultar menu'}\n              onClick={() => this.toggleMenu()}\n            >\n              <div class=\"menu-toggle-icon flex h-10 w-10 items-center justify-center rounded-full border border-line-general bg-surface-body\">\n                <sula-icon icon={`ph ph-arrow-${this.collapsed ? 'right' : 'left'}`} customClass=\"text-text-secondary text-xl\"></sula-icon>\n              </div>\n              <span\n                aria-hidden={!expandedView}\n                class={{\n                  'menu-toggle-label menu-copy text-base text-text-secondary': true,\n                  'menu-copy--visible': expandedView,\n                  'menu-copy--hidden': !expandedView,\n                }}\n              >\n                {this.collapsed ? 'Fixar menu' : 'Ocultar menu'}\n              </span>\n            </button>\n          </div>\n        </aside>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/sula-modal.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$4, a as SulaButtonAppearance } from './p-Ds1BVj4V.js';
-import { d as defineCustomElement$3 } from './p-fgs5TBQ7.js';
+import { d as defineCustomElement$4, a as SulaButtonAppearance } from './p-BJMnU9Gv.js';
+import { d as defineCustomElement$3 } from './p-B2GnTWgR.js';
 import { d as defineCustomElement$2 } from './p-zE24jlFe.js';
 
 var SulaModalType;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-fgs5TBQ7.js';
+import { d as defineCustomElement$2 } from './p-B2GnTWgR.js';
 
 var SulaProgressBarAppearance;
 (function (SulaProgressBarAppearance) {
@@ -74,10 +74,10 @@ const SulaProgressBar$1 = /*@__PURE__*/ proxyCustomElement(class SulaProgressBar
         }
     }
     render() {
-        return (h(Host, { key: 'd584c2e2c020ec016a426650fa48fcd843f0c523' }, h("div", { key: 'f2b4e9940cde1280934377ad3db3bab063a5d28d', class: "flex flex-col w-full space-y-8" }, h("div", { key: '8b597aa608fdb404d98f2cbf8022efb539bf999d', class: "flex justify-between items-center" }, h("label", { key: '73763e3827e31b967310142c65b67a0587691711', class: "text-sm text-text-secondary leading-[14px]" }, this.topLabel), this.getProgressBarStateElement()), h("div", { key: 'd240b3850e4dfccea231fbdda5bd8366c8c0cc05', style: { width: `${this.progress}%` }, class: {
+        return (h(Host, { key: '1e587e3e42170718cf760afac9eaa7654a67d761' }, h("div", { key: 'a92b92be28b41a1e130abd4e0c6c047410a5565b', class: "flex flex-col w-full space-y-8" }, h("div", { key: '519faec52f5c42c08b950f789786389ee14a4174', class: "flex justify-between items-center" }, h("label", { key: '67a9cfbbdd6fb001631dc45dc2115bfb1fb1a43f', class: "text-sm text-text-secondary leading-[14px]" }, this.topLabel), this.getProgressBarStateElement()), h("div", { key: '62b55986b354b50aaf4c204c595ca7df99f2d6dc', style: { width: `${this.progress}%` }, class: {
                 'h-12 rounded-xxl': true,
                 [this.getProgressBarStyle()]: true,
-            } }), h("label", { key: 'ffe21db4a0c39f1272370acc780b2d3ba061cd53', class: "text-sm text-text-secondary leading-[14px]" }, this.bottomLabel))));
+            } }), h("label", { key: 'f4379cc3dd23159e4f47468ec3a4fcd142719009', class: "text-sm text-text-secondary leading-[14px]" }, this.bottomLabel))));
     }
     static get watchers() { return {
         "progress": ["validateProgress"]

package/dist/components/sula-radio-button.js

@@ -43,14 +43,14 @@ const SulaRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class SulaRadioButton
         };
     }
     render() {
-        return (h(Host, { key: '5427806e9da1752271b0b4be480ab0a2039a8ee0' }, h("div", { key: '0f6a35b1263d47bd28aa54dd895976abe8d48159', class: { 'w-fit': true, 'flex items-center': !!this.label }, onClick: this.handleClick }, h("div", { key: 'cf61f1205714408193621f4c8455adecf2798dcb', class: {
+        return (h(Host, { key: '76b654c70059ac7a5447a99b18429a36ffb38009' }, h("div", { key: '73cea738dad4e3de662e63147b8d74117207c98c', class: { 'w-fit': true, 'flex items-center': !!this.label }, onClick: this.handleClick }, h("div", { key: '9fda4d875d3762edf57196f85112c189b5c7cad8', class: {
                 'min-w-[30px] min-h-[30px] rounded-full flex justify-center items-center outline-none': true,
                 'active:bg-states-empty-bg-pressed cursor-pointer': !this.disabled,
                 'bg-brand-primary': this.checked,
                 'border border-line-input': !this.checked,
                 'container-focus': this.radioIsFocus,
                 'bg-states-bg-disabled border-2 border-states-bg-disabled cursor-not-allowed': this.disabled,
-            }, tabIndex: 0, onFocus: this.handleFocus, onBlur: this.handleFocusOut }, this.checked && h("div", { key: 'e8c87ab372235aac8ce7258d1a91081b63a519eb', class: "bg-transparent border-2 border-negative-negative-1 w-[18px] h-[18px] rounded-full" })), this.label && h("label", { key: 'b7fdb7bdf9e8aaa5e5049cac408b24e912a4399a', class: { 'ml-16 text-base text-text-primary': true, 'cursor-pointer': !this.disabled } }, this.label))));
+            }, tabIndex: 0, onFocus: this.handleFocus, onBlur: this.handleFocusOut }, this.checked && h("div", { key: '555088b218f1b5c4393291e49ee17d516ac73793', class: "bg-transparent border-2 border-negative-negative-1 w-[18px] h-[18px] rounded-full" })), this.label && h("label", { key: '79f6e85446e2ae1bb01b46026247d1e57deaf4ba', class: { 'ml-16 text-base text-text-primary': true, 'cursor-pointer': !this.disabled } }, this.label))));
     }
     static get style() { return sulaRadioButtonCss; }
 }, [1, "sula-radio-button", {

package/dist/components/sula-search-bar.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-fgs5TBQ7.js';
+import { d as defineCustomElement$2 } from './p-B2GnTWgR.js';
 
 var SulaSearchBarStyle;
 (function (SulaSearchBarStyle) {
@@ -59,11 +59,11 @@ const SulaSearchBar$1 = /*@__PURE__*/ proxyCustomElement(class SulaSearchBar ext
         return style[this.searchBarStyle];
     }
     render() {
-        return (h(Host, { key: 'e5d8f7608d743e75d2071dde601f3bbb295cc415' }, h("div", { key: '84e01e17c71129cce09372b1a76ed486ce3d168b', class: {
+        return (h(Host, { key: '603ee71ccbb796bd2ca6643dff042d5f89653b50' }, h("div", { key: '8dd4945346cbc443ef48b971ba6bb93db51f0aeb', class: {
                 'flex flex-row items-center space-x-12 px-16 rounded-xxl h-44 caret-brand-primary outline-none group': true,
                 [this.getStyleClass()]: true,
                 'search-bar-focus': this.isFocused,
-            }, tabIndex: 0, onFocus: this.handleInputFocus, onClick: this.handleInputFocus }, !this.isFocused && this.leftIcon && (h("div", { key: 'f8f61d01078eea0273ca1eabdea401f841a7931a', class: "flex justify-center items-center leading-6" }, h("sula-icon", { key: '6567a11f541d140dac9303607371c7e2f8b04f96', icon: this.leftIcon, customClass: "text-2xl text-icon-primary group-hover:text-brand-primary" }))), h("input", { key: '69dc721e94529cb2f6c22baa9fd917754d7e0dff', ref: node => (this.inputElement = node), type: "text", class: "outline-none border-none w-full bg-transparent text-text-primary", placeholder: this.placeholder, onBlur: this.handleInputBlur, value: this.value, onInput: this.handleValueChanges }), this.rightIcon && (h("div", { key: '5b3b9aca94cf85dcef78605738e05900838efcf6', class: "flex justify-center items-center leading-6 cursor-pointer", onClick: this.handleRightIconClick, onMouseDown: e => e.preventDefault() }, h("sula-icon", { key: '04a65741683ccf50852e3015c085ffc5714bb0f6', icon: this.rightIcon, customClass: "text-2xl text-icon-primary" }))))));
+            }, tabIndex: 0, onFocus: this.handleInputFocus, onClick: this.handleInputFocus }, !this.isFocused && this.leftIcon && (h("div", { key: 'b785f0a1bb7e07dd3d4a3ca847b209cb1c1dfa0c', class: "flex justify-center items-center leading-6" }, h("sula-icon", { key: 'e4e570356743fa162d194ff5e2b3d1ae00b1a552', icon: this.leftIcon, customClass: "text-2xl text-icon-primary group-hover:text-brand-primary" }))), h("input", { key: '7810ed5b2a892752511352ea6fe2bf11f27ef83d', ref: node => (this.inputElement = node), type: "text", class: "outline-none border-none w-full bg-transparent text-text-primary", placeholder: this.placeholder, onBlur: this.handleInputBlur, value: this.value, onInput: this.handleValueChanges }), this.rightIcon && (h("div", { key: 'eb52f29b7ef083d1ded95eec79e603e2cc99ab81', class: "flex justify-center items-center leading-6 cursor-pointer", onClick: this.handleRightIconClick, onMouseDown: e => e.preventDefault() }, h("sula-icon", { key: '9bbd1f1a860461dffe16e1f49ab0232741717e0a', icon: this.rightIcon, customClass: "text-2xl text-icon-primary" }))))));
     }
     static get style() { return sulaSearchBarCss; }
 }, [1, "sula-search-bar", {

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-fgs5TBQ7.js';
+import { d as defineCustomElement$2 } from './p-B2GnTWgR.js';
 
 var SulaSegmentedControlType;
 (function (SulaSegmentedControlType) {
@@ -61,7 +61,7 @@ const SulaSegmentedControl$1 = /*@__PURE__*/ proxyCustomElement(class SulaSegmen
         return item.selected ? 'text-brand-primary' : 'text-text-primary';
     }
     render() {
-        return (h(Host, { key: '047229bea44614f1b7570d405d342c1924e7f368' }, h("div", { key: '14df0e4cf5316c609a5961c7b5a9e2adf75efdda', class: {
+        return (h(Host, { key: '60e6ede4d76518a4539f4e356dcaafe851104f0a' }, h("div", { key: 'd1f18567a2a63d584dc9bc1077727231084b5438', class: {
                 'flex flex-row items-center rounded-xxl p-2 w-fit backdrop-blur-[20px]': true,
                 'bg-opacity-on-body': this.color === SulaSegmentedControlColor.Gray,
                 'bg-opacity-body': this.color === SulaSegmentedControlColor.White,

package/dist/components/sula-switch.js

@@ -54,7 +54,7 @@ const SulaSwitch$1 = /*@__PURE__*/ proxyCustomElement(class SulaSwitch extends H
         };
     }
     render() {
-        return (h(Host, { key: '63e6240141744f8747d886c4ae377ec6e75a1430' }, h("div", { key: '734068ba86c268d388e892a9601dac6c5af585a9', class: {
+        return (h(Host, { key: '8ef093d3f68af0f413f945a4dd730e5e96d7a5a1' }, h("div", { key: '3d608aad735b972fafcbd528645b75f5315550c9', class: {
                 'outline-none': true,
                 'flex items-center space-x-12': !!this.label && this.type === SulaSwitchType.Default,
                 'flex items-center justify-between bg-surface-on-body rounded-md min-h-[85px] px-24 py-16': this.type === SulaSwitchType.List,
@@ -62,17 +62,17 @@ const SulaSwitch$1 = /*@__PURE__*/ proxyCustomElement(class SulaSwitch extends H
                 'w-[280px]': this.type === SulaSwitchType.List && !this.responsive,
                 'hover:bg-states-empty-bg-hover active:bg-states-empty-bg-pressed cursor-pointer': this.type === SulaSwitchType.List && !this.disabled,
                 'container-focus': this.isFocus && this.type === SulaSwitchType.List,
-            }, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, tabIndex: 0 }, this.type === SulaSwitchType.List && (h("div", { key: 'ab024dd2bd23e5ed2aaa970eb129d3df8f957df1', class: "flex flex-col flex-1 mr-16 overflow-hidden" }, !!this.label && h("label", { key: '26f9c644700d2e2209111220381b9848fc70d8a9', class: "text-text-primary font-bold text-base cursor-pointer break-words" }, this.label), !!this.subTitle && h("span", { key: 'aa7e3aceb3ef01b6cb36f1dc787c844eff1f5c46', class: "text-text-secondary text-base break-words" }, this.subTitle))), h("div", { key: '61634f3d849823aafb178cdde05ae31b1e76bf0b', class: {
+            }, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, tabIndex: 0 }, this.type === SulaSwitchType.List && (h("div", { key: '605441ac6b207c8d58904f74f9215c652c0600ee', class: "flex flex-col flex-1 mr-16 overflow-hidden" }, !!this.label && h("label", { key: 'dc3e22543fb3b9c9ab3c51eb51a1f566d7ab5ef7', class: "text-text-primary font-bold text-base cursor-pointer break-words" }, this.label), !!this.subTitle && h("span", { key: 'b96976dbcbf641c577ca0ae2332156adf1e045b3', class: "text-text-secondary text-base break-words" }, this.subTitle))), h("div", { key: '49282abab10575fcc85d4c77766dbfd3dd2adb8b', class: {
                 'switch-container w-56 h-32 flex items-center rounded-xxl p-2 outline-none': true,
                 'switch-on bg-brand-primary justify-end': this.active,
                 'switch-off bg-neutral-neutral-3 justify-start': !this.active,
                 'cursor-not-allowed bg-states-bg-disabled': this.disabled,
                 'switch-focus': this.isFocus && this.type === SulaSwitchType.Default,
-            }, tabIndex: 0, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: '3bb4ef78190458168de783224a21620bd134d8d5', class: {
+            }, tabIndex: 0, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: 'ddb3e2bc4cb310be34db555e12952ab8e49ae326', class: {
                 'switch-thumb w-[28px] h-[28px] rounded-full flex justify-center items-center': true,
                 'bg-negative-negative-1': !this.disabled,
                 'bg-states-bg-disabled shadow-md': this.disabled,
-            } }, h("div", { key: '867441effcc9169ca9aeb24d16e919a8896b4cc2', class: {
+            } }, h("div", { key: 'bfebb2de0032b2a350f89bf36fde37d46a440c07', class: {
                 'switch-indicator rounded-full': true,
                 'switch-indicator-on w-12 h-12 bg-brand-primary': this.active,
                 'switch-indicator-off w-[10px] h-4 bg-neutral-neutral-4': !this.active,

package/dist/components/sula-table-body.js

@@ -12,7 +12,7 @@ const SulaTableBody$1 = /*@__PURE__*/ proxyCustomElement(class SulaTableBody ext
         replaceHostWithRenderedElement(this.host, 'tbody');
     }
     render() {
-        return (h(Host, { key: '255fb81b2515c7de6f3dbda43a77db8564eb345e' }, h("tbody", { key: '792001ad301eed9649dcdc61c0ae7f9823697ae2' }, h("slot", { key: '1f30c22854d060ed58bd96d60f66f74e037e1fcb' }))));
+        return (h(Host, { key: 'e06c2725a5040c7fb9df4235bf1e653d95d5d719' }, h("tbody", { key: '0155edd3b5e0f536015d45e6036221f6c72ba4b6' }, h("slot", { key: '7b8e12821c6434b62e75f61e08ae492c41ac4401' }))));
     }
     get host() { return this; }
     static get style() { return sulaTableBodyCss; }

package/dist/components/sula-table-cell.js

@@ -17,13 +17,13 @@ const SulaTableCell$1 = /*@__PURE__*/ proxyCustomElement(class SulaTableCell ext
         replaceHostWithRenderedElement(this.host, 'td');
     }
     render() {
-        return (h(Host, { key: 'b2bf27030078f512b8ff89582d49e4c1d1c91f50' }, h("td", { key: '45ec20643f36908cee9ed79520a48cf9d2377bba', class: "align-middle text-left border-b border-dashed border-line-general" }, h("div", { key: '9c5f102be6d7588b0583d9cc02ddbb07bb93eaf2', class: {
+        return (h(Host, { key: '1b644425472c68880a9be150d52029a64d75ea26' }, h("td", { key: 'ee6740c73a9b05607e9f21a332bd47afa59338c7', class: "align-middle text-left border-b border-dashed border-line-general" }, h("div", { key: 'a145fa09de084ed3b8bd9555ca853d7aacfc71c3', class: {
                 'px-16 py-4 w-full flex flex-col justify-center items-start box-border text-label-medium-regular text-text-secondary': true,
                 'min-h-56': this.tableDensity === SulaTableDensity.Compact,
                 'min-h-60': this.tableDensity === SulaTableDensity.Default,
                 'min-h-64': this.tableDensity === SulaTableDensity.Spaced,
                 'min-h-72': this.tableDensity === SulaTableDensity.Confortable,
-            } }, h("slot", { key: 'ee02175ef133a387df99e0378df6c1089947d5b7' })))));
+            } }, h("slot", { key: '99055031e7b481629d2b254451345e959ee02e5b' })))));
     }
     get host() { return this; }
     static get style() { return sulaTableCellCss; }

package/dist/components/sula-table-head-cell.js

@@ -17,13 +17,13 @@ const SulaTableHeadCell$1 = /*@__PURE__*/ proxyCustomElement(class SulaTableHead
         replaceHostWithRenderedElement(this.host, 'th');
     }
     render() {
-        return (h(Host, { key: '0009d544b5ef7e7a2894cac4c766f40975469286' }, h("th", { key: '20b704d626c2d8f17c141ecc925f06014dc814aa', scope: "col", class: "align-middle text-left border-b border-line-general" }, h("div", { key: '7cd2c2167c2172fd1a77e9fadcafffb488344081', class: {
+        return (h(Host, { key: '232edc6dc291b82f88610f09f5deb426ce81f1d3' }, h("th", { key: 'a8f04a6834b65e33a1253ee605c462bfbe72c02d', scope: "col", class: "align-middle text-left border-b border-line-general" }, h("div", { key: '0efce93d109eed9d2f777a7b89314add9d039431', class: {
                 'px-16 py-4 w-full flex justify-start items-center box-border text-label-small-bold text-text-secondary': true,
                 'min-h-40': this.tableDensity === SulaTableDensity.Compact,
                 'min-h-44': this.tableDensity === SulaTableDensity.Default,
                 'min-h-48': this.tableDensity === SulaTableDensity.Spaced,
                 'min-h-56': this.tableDensity === SulaTableDensity.Confortable,
-            } }, h("slot", { key: '0c308962f97f0013ec93db54f4f8479912e566e7' })))));
+            } }, h("slot", { key: '3530e023f76c70da396ac9eed4c34e09121180c0' })))));
     }
     get host() { return this; }
     static get style() { return sulaTableHeadCellCss; }

package/dist/components/sula-table-header.js

@@ -12,7 +12,7 @@ const SulaTableHeader$1 = /*@__PURE__*/ proxyCustomElement(class SulaTableHeader
         replaceHostWithRenderedElement(this.host, 'thead');
     }
     render() {
-        return (h(Host, { key: 'bf6dd6f339e1486b47d4a3d95ba96f788efbd6d2' }, h("thead", { key: 'd8b8ddc23f128d4376aca8e20a2f343722658353' }, h("slot", { key: '9518f745123ca7c098cd80f4ae526fbc00f551a9' }))));
+        return (h(Host, { key: 'af51d1606b951c52a09c995fc5939323da083793' }, h("thead", { key: '308ac597f7aab44327dc8f73a47acf17f26b3b43' }, h("slot", { key: '8f2271a931e060c422aa423c56e68495f6b54105' }))));
     }
     get host() { return this; }
     static get style() { return sulaTableHeaderCss; }

package/dist/components/sula-table-row.js

@@ -12,7 +12,7 @@ const SulaTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SulaTableRow exten
         replaceHostWithRenderedElement(this.host, 'tr');
     }
     render() {
-        return (h(Host, { key: '8fc81f60429198205a8b59d2be38cf5d74945aa0' }, h("tr", { key: '9d480d9bda2291528fd9a9588362405148e7d430' }, h("slot", { key: 'aaee751960359eab8fefd8dfc8f63fafd2a551ec' }))));
+        return (h(Host, { key: 'b50904b0e7a340a2c59ed70448c0a1b0a2c7095d' }, h("tr", { key: '6055f44975ae0ce19b380f9badec73a66d26b0ea' }, h("slot", { key: 'a7c8efe725c4a9b52f14be88a1f4fc86230bad63' }))));
     }
     get host() { return this; }
     static get style() { return sulaTableRowCss; }

package/dist/components/sula-table.js

@@ -21,15 +21,15 @@ const SulaTable$1 = /*@__PURE__*/ proxyCustomElement(class SulaTable extends H {
         this.fullWidth = true;
     }
     render() {
-        return (h(Host, { key: 'f89ff123aa21b03dac2851520b1f4f9a456b733e', class: {
+        return (h(Host, { key: '145ad23cf5a01a06445ce80efdf0f64b71fdbd29', class: {
                 'block max-w-full overflow-x-auto': true,
-            } }, h("table", { key: 'fadb3c57fd65dc625799c6e4d9ceec9b810ec5b6', class: {
+            } }, h("table", { key: '294dbcbf266c228fc13865dbc2d10aefd213f36a', class: {
                 'w-full': this.fullWidth && this.equalWidth,
                 'w-max': !this.equalWidth,
                 'min-w-full': this.fullWidth && !this.equalWidth,
                 'table-fixed': this.equalWidth,
                 'border-collapse border-spacing-0 box-border': true,
-            } }, h("slot", { key: 'e6de13e3cd929e6ef4dd2bddafdbc3f0a57f4b7e' }))));
+            } }, h("slot", { key: '5d2ce3b351c909ae1c67d18bd65b5fc54594b9d7' }))));
     }
     static get style() { return sulaTableCss; }
 }, [4, "sula-table", {

package/dist/components/sula-tag.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-fgs5TBQ7.js';
+import { d as defineCustomElement$2 } from './p-B2GnTWgR.js';
 
 var SulaTagSize;
 (function (SulaTagSize) {
@@ -106,14 +106,14 @@ const SulaTag$1 = /*@__PURE__*/ proxyCustomElement(class SulaTag extends H {
         return iconStatusStyles[this.iconStatus];
     }
     render() {
-        return (h(Host, { key: 'df50b3593a291cd7df8bd89a301cead2360d1efc' }, h("div", { key: 'e0821fd661100e5c2e162099f283d4d12153391f', class: {
+        return (h(Host, { key: '7fa65feb03069f4195fe0b02497f2ed1b269a302' }, h("div", { key: 'dcf9d0817a0c208bfd2e33527dbb23695528ec62', class: {
                 'flex items-center rounded-xxl w-fit': true,
                 [this.getSizeClass()]: true,
                 [this.getAppearanceClass()]: true,
-            } }, this.icon && (h("div", { key: 'a3b08bd5d4343abf0f7d1a5733855053f7242da9', class: {
+            } }, this.icon && (h("div", { key: '2c7e5bc40795acce82cebc6129859ce733419686', class: {
                 'flex justify-center items-center mr-8 rounded-full leading-4 px-2 py-1': true,
                 [this.getIconStatusClass()]: true,
-            } }, h("sula-icon", { key: 'c695e38d99044f0fbdda06b0a8334f69c14b829d', icon: this.icon, "custom-class": "text-base text-negative-negative-1 leading-4" }))), h("span", { key: '3d76ab32b97c433ca81e8fee2d00899ab4ec9acb', class: {
+            } }, h("sula-icon", { key: '916971b011cace9d210484e4465eb1927985e8bc', icon: this.icon, "custom-class": "text-base text-negative-negative-1 leading-4" }))), h("span", { key: '7587ddfdfc8bb764e2108f2b7145b2f2801c51a1', class: {
                 'text-base leading-4': true,
                 [this.getTextColorClass()]: true,
                 [this.getTextWeightClass()]: true,

package/dist/components/sula-textarea.js

@@ -138,32 +138,32 @@ const SulaTextarea$1 = /*@__PURE__*/ proxyCustomElement(class SulaTextarea exten
     }
     render() {
         const containerHeight = this.rows * 24 + 48;
-        return (h(Host, { key: '44d0dac1a81b77bcc611103a4281568bfacc90f6', ref: node => (this.node = node) }, h("div", { key: 'aa3b163921b2bcc4fbc4fe1d2bf01fb57f7f3559' }, h("div", { key: '9ddde5d026bbde9d18c9acf6ed79a59543f8cd8f', id: "textarea-container", class: {
+        return (h(Host, { key: '7656b022c7545b930dc22a20018e307d1208934b', ref: node => (this.node = node) }, h("div", { key: 'c98a79a8b8791187b161676b5616c87360ef1b5e' }, h("div", { key: '95e8581a69ac055689be4ced3b06bbc6a77c5693', id: "textarea-container", class: {
                 'relative border rounded-sm px-16 py-12 outline-none caret-brand-primary': true,
                 'textarea-focus': this.textareaIsFocused && !this.disabled && this.status === SulaTextareaStatus.Default,
                 'textarea-error': this.status === SulaTextareaStatus.Error && !this.disabled,
                 'bg-states-bg-disabled border-line-general cursor-not-allowed': this.disabled,
                 'bg-surface-body border-line-input cursor-text': !this.disabled,
-            }, style: { height: `${containerHeight}px` }, tabIndex: 0, onFocus: this.handleFocus, onClick: this.handleTextareaClick }, h("label", { key: '2defbc0428db3c7d68ed80fda1d73e0e95cbfff0', class: {
+            }, style: { height: `${containerHeight}px` }, tabIndex: 0, onFocus: this.handleFocus, onClick: this.handleTextareaClick }, h("label", { key: '795b6e54da17a34d27be93c36dadc83469a9983e', class: {
                 'text-base top-16 left-12 absolute transition-all duration-200 ease-in-out pointer-events-none z-10 w-[85%]': true,
                 'text-text-primary': !this.disabled && (this.isActive || this.status === SulaTextareaStatus.Default),
                 'text-text-disabled': this.disabled,
                 'bg-surface-body': !this.disabled && this.isActive,
-            }, ref: node => (this.labelElement = node) }, this.label), h("label", { key: '8bf3e371a1e68667262fbaddd2cfb7fac49e6265', class: {
+            }, ref: node => (this.labelElement = node) }, this.label), h("label", { key: 'e7afb52d2d41be28e79ffa3c3c33967daae252e7', class: {
                 'absolute font-bold transition-all duration-200 ease-in-out pointer-events-none z-10 active-label hidden from-down': true,
                 'text-sm top-12 left-16': this.isActive,
                 'text-text-primary': !this.disabled && (this.isActive || this.status === SulaTextareaStatus.Default),
                 'text-text-disabled': this.disabled,
                 'bg-surface-body': !this.disabled && this.isActive,
-            }, ref: node => (this.activeLabelElement = node) }, this.label), h("textarea", { key: 'a5ba9a4d84f5b9484b65f79ecd6656793a27b6ca', ref: node => (this.textareaElement = node), placeholder: this.isActive ? this.placeholder : '', rows: this.rows, maxLength: this.maxLength, disabled: this.disabled, class: {
+            }, ref: node => (this.activeLabelElement = node) }, this.label), h("textarea", { key: '064c1bd7d0f6d39b2bab31b0735707058298d00b', ref: node => (this.textareaElement = node), placeholder: this.isActive ? this.placeholder : '', rows: this.rows, maxLength: this.maxLength, disabled: this.disabled, class: {
                 'w-full h-full outline-none text-base bg-transparent border-none resize-none': true,
                 'text-text-primary': !this.disabled,
                 'text-text-disabled cursor-not-allowed overflow-hidden': this.disabled,
-            }, style: { paddingTop: this.isActive ? `${this.labelPadding}px` : '0' }, onInput: this.handleTextareaChanges, onFocus: this.handleTextareaFocus, onBlur: this.handleBlur, value: this.textValue })), (this.helpText || this.maxLength) && (h("div", { key: 'fecd5cce1867cc6408d2c9dacdf2cd336c949b7f', class: "flex justify-between items-center px-16 mt-4 text-sm" }, this.helpText && (h("div", { key: '94c221b943bab3fe523e35a80aa164c90b145252', id: "textarea-help-text", class: {
+            }, style: { paddingTop: this.isActive ? `${this.labelPadding}px` : '0' }, onInput: this.handleTextareaChanges, onFocus: this.handleTextareaFocus, onBlur: this.handleBlur, value: this.textValue })), (this.helpText || this.maxLength) && (h("div", { key: 'edff6adbd2f75bdbd9178459ff7b2dfb7ee8e0e1', class: "flex justify-between items-center px-16 mt-4 text-sm" }, this.helpText && (h("div", { key: 'ed7699069648023632444a04d30966c3e72d669a', id: "textarea-help-text", class: {
                 'text-text-primary': this.status === SulaTextareaStatus.Default && !this.disabled,
                 'text-feedback-error': this.status === SulaTextareaStatus.Error && !this.disabled,
                 'text-text-disabled': this.disabled,
-            } }, this.helpText)), this.maxLength && (h("div", { key: '408ba83bf4c5c2a31fa37c83a725a597391eace9', id: "max-length-container", class: {
+            } }, this.helpText)), this.maxLength && (h("div", { key: 'd2e69f71725c41c238282d3cf6b8e849036ec45d', id: "max-length-container", class: {
                 'text-text-primary': this.status === SulaTextareaStatus.Default && !this.disabled,
                 'text-feedback-error': this.status === SulaTextareaStatus.Error && !this.disabled,
                 'text-text-disabled': this.disabled,

package/dist/components/sula-textfield.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
 import { g as getDefaultExportFromCjs } from './p-B85MJLTf.js';
-import { d as defineCustomElement$2 } from './p-fgs5TBQ7.js';
+import { d as defineCustomElement$2 } from './p-B2GnTWgR.js';
 
 var SulaTextfieldType;
 (function (SulaTextfieldType) {
@@ -488,14 +488,14 @@ const SulaTextfield$1 = /*@__PURE__*/ proxyCustomElement(class SulaTextfield ext
         return this.icon;
     }
     render() {
-        return (h(Host, { key: '620b171b85261163d68e930f03f8d4c9687ff68f', ref: node => (this.node = node) }, h("div", { key: '2166eac80c831d5ceabca0386e52e6feae2d9e57' }, h("div", { key: '2d3524e843d704a65ea160e9d007aa3be5f7c04f', id: "button-container", class: {
+        return (h(Host, { key: '4f79598068fc26d0da85046107c7d3f86f718faa', ref: node => (this.node = node) }, h("div", { key: 'a04fd8998155e121521c9041e59b12bddefa9642' }, h("div", { key: '51d112d7433e828222e3ecd5fc4d56c79ff0d234', id: "button-container", class: {
                 'flex items-center border rounded-sm px-16 outline-none h-[72px] caret-brand-primary': true,
                 'flex-row justify-between': !!this.icon || this.type === SulaTextfieldType.Password,
                 'button-focus': this.inputIsFocused && !this.disabled && this.status === SulaTextfieldStatus.Default,
                 'button-error': this.status === SulaTextfieldStatus.Error && !this.disabled,
                 'bg-states-bg-disabled border-line-general cursor-not-allowed': this.disabled,
                 'bg-surface-body border-line-input cursor-pointer': !this.disabled,
-            }, tabIndex: 0, onFocus: this.handleFocus, onClick: this.handleInputClick }, h("div", { key: '6852fab46418d0ea83ea847281358eab2425baf9', class: { 'hidden flex-col w-full': true, 'pr-12': !!this.icon }, ref: node => (this.inputContainer = node) }, h("label", { key: '7d0ee4029cecd727b5c6c5793853ecb4a8857010', class: { 'font-bold text-sm from-down': true, 'text-text-primary': !this.disabled, 'text-text-disabled': this.disabled } }, this.label), h("input", { key: '7d7304e012410885b757cade150b7aec4521887b', type: this.type, ref: node => (this.inputElement = node), placeholder: this.placeholder, class: { 'outline-none text-base bg-transparent': true, 'text-text-primary': !this.disabled, 'text-text-disabled': this.disabled }, onInput: this.handleInputChanges, onFocus: this.handleInputFocus, value: this.textValue, disabled: this.disabled })), h("div", { key: '301e50f4ed3af4227a8e293b79c37f494f667d4c', id: "textfield-label", class: { 'text-base flex items-center': true, 'text-text-primary': !this.disabled, 'text-text-disabled': this.disabled }, ref: node => (this.labelElement = node) }, this.label), (!!this.icon || this.type === SulaTextfieldType.Password) && (h("div", { key: '353fa6606ba96c33944545988ff7d94e26b5ff4a', class: "flex items-center justify-center", onClick: this.handleIconClick }, h("sula-icon", { key: 'fbca0269f63ad0ea471d647fcf53957320f74619', icon: this.getInputIcon(), customClass: `text-2xl ${this.disabled ? 'text-icon-disabled' : 'text-icon-primary'}` })))), (this.helpText || this.maxLength) && !this.disabled && (h("div", { key: '1948638269c2f9efec5435a858ecd658eee669f7', class: "flex justify-between items-center px-16 mt-4 text-sm" }, this.helpText && (h("div", { key: '259f4c480474585f36201b0f033af5cdaac7b131', id: "textfield-help-text", class: { 'text-text-primary': this.status === SulaTextfieldStatus.Default, 'text-feedback-error': this.status === SulaTextfieldStatus.Error } }, this.helpText)), this.maxLength && (h("div", { key: 'fd8ba62718d8a8eaa7ff6946b4e0b92b224c29e3', id: "max-length-container", class: { 'text-text-primary': this.status === SulaTextfieldStatus.Default, 'text-feedback-error': this.status === SulaTextfieldStatus.Error } }, this.textValue ? this.textValue.length : 0, "/", this.maxLength)))))));
+            }, tabIndex: 0, onFocus: this.handleFocus, onClick: this.handleInputClick }, h("div", { key: '76d35e1f52b83283aa01ca00c8ca8449e4c9f769', class: { 'hidden flex-col w-full': true, 'pr-12': !!this.icon }, ref: node => (this.inputContainer = node) }, h("label", { key: '04483fdf77992f83471d83e16ddc629f08eae2d0', class: { 'font-bold text-sm from-down': true, 'text-text-primary': !this.disabled, 'text-text-disabled': this.disabled } }, this.label), h("input", { key: 'f9bf7f7af0de3dd5ba87238afd611398a2122936', type: this.type, ref: node => (this.inputElement = node), placeholder: this.placeholder, class: { 'outline-none text-base bg-transparent': true, 'text-text-primary': !this.disabled, 'text-text-disabled': this.disabled }, onInput: this.handleInputChanges, onFocus: this.handleInputFocus, value: this.textValue, disabled: this.disabled })), h("div", { key: 'e3b131e038441af0190a446552960940143f81b8', id: "textfield-label", class: { 'text-base flex items-center': true, 'text-text-primary': !this.disabled, 'text-text-disabled': this.disabled }, ref: node => (this.labelElement = node) }, this.label), (!!this.icon || this.type === SulaTextfieldType.Password) && (h("div", { key: '7b61eba4a612546572ab62be87a6e394bf0e6062', class: "flex items-center justify-center", onClick: this.handleIconClick }, h("sula-icon", { key: '02c9cace5b4553ae5b2cd8ac6e563ddabbfe68ea', icon: this.getInputIcon(), customClass: `text-2xl ${this.disabled ? 'text-icon-disabled' : 'text-icon-primary'}` })))), (this.helpText || this.maxLength) && !this.disabled && (h("div", { key: '55c5dac7fd4602a53394fb0b0bd4856893f8bf07', class: "flex justify-between items-center px-16 mt-4 text-sm" }, this.helpText && (h("div", { key: '37fa016f1e136635d2e2fead44bc7c4364b71ee0', id: "textfield-help-text", class: { 'text-text-primary': this.status === SulaTextfieldStatus.Default, 'text-feedback-error': this.status === SulaTextfieldStatus.Error } }, this.helpText)), this.maxLength && (h("div", { key: '289e59d646731611ca1f6271aad0675d78982f3d', id: "max-length-container", class: { 'text-text-primary': this.status === SulaTextfieldStatus.Default, 'text-feedback-error': this.status === SulaTextfieldStatus.Error } }, this.textValue ? this.textValue.length : 0, "/", this.maxLength)))))));
     }
     static get watchers() { return {
         "value": ["watchValueHandler"],

package/dist/components/sula-tiles.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-fgs5TBQ7.js';
+import { d as defineCustomElement$2 } from './p-B2GnTWgR.js';
 
 var SulaTilesType;
 (function (SulaTilesType) {
@@ -139,7 +139,7 @@ const SulaTiles$1 = /*@__PURE__*/ proxyCustomElement(class SulaTiles extends H {
         return (h("div", { class: this.getTextContainerClasses() }, h("span", { class: this.getTextClasses(true), title: this.ellipsis ? this.text : undefined }, this.text), this.hasSubText && (h("span", { class: this.getTextClasses(false), title: this.ellipsis ? this.subText : undefined }, this.subText))));
     }
     render() {
-        return (h(Host, { key: 'bd0f90e1295fcf3554977adc2c956335b1742e95' }, h("div", { key: '303545a230ec3a7e8fd446f6dc10ee8e57df9ccd', class: this.getContainerClasses(), tabIndex: this.getTabIndex(this.isSquare), onClick: this.handleClick }, this.renderIcon(), this.renderText())));
+        return (h(Host, { key: '2a2ec056596961f8e07ebfdc3f056fcb89b9a42b' }, h("div", { key: 'fd69113042f871fd28a8b0389cd51f8543b4fada', class: this.getContainerClasses(), tabIndex: this.getTabIndex(this.isSquare), onClick: this.handleClick }, this.renderIcon(), this.renderText())));
     }
     static get style() { return sulaTilesCss; }
 }, [1, "sula-tiles", {

package/dist/components/sula-timeline-list.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-fgs5TBQ7.js';
+import { d as defineCustomElement$2 } from './p-B2GnTWgR.js';
 
 var SulaTimelineListItemIconStatus;
 (function (SulaTimelineListItemIconStatus) {
@@ -51,7 +51,7 @@ const SulaTimelineList$1 = /*@__PURE__*/ proxyCustomElement(class SulaTimelineLi
         return iconByStatus[status];
     }
     render() {
-        return (h(Host, { key: '6ac056e92ae8af3e126256f0a80eeb0b442c84f5' }, h("div", { key: '9ce711a6af42e45d6c6b080b1e48f4df1957236b', class: "flex flex-col bg-surface-on-body px-24 py-32 w-fit rounded-md" }, this.sulaTimelineList.map((item, index) => {
+        return (h(Host, { key: '3caead2afcf62c17f2f6ac76976afde55d0834a3' }, h("div", { key: 'f9dbc541a4e9dad9bf216a1c09da4cf45be01a8e', class: "flex flex-col bg-surface-on-body px-24 py-32 w-fit rounded-md" }, this.sulaTimelineList.map((item, index) => {
             const isLastItem = index === this.sulaTimelineList.length - 1;
             return (h("div", { class: {
                     'relative timeline-item': true,

package/dist/components/sula-toggle.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-fgs5TBQ7.js';
+import { d as defineCustomElement$2 } from './p-B2GnTWgR.js';
 
 const sulaToggleCss = "*,:after,:before{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{display:block}:root{--color-green-50:#f1f9f4;--color-green-100:#e6f4ed;--color-green-200:#cae7d8;--color-green-300:#a0d4b8;--color-green-400:#68bb8e;--color-green-500:#04843f;--color-green-600:#037236;--color-green-700:#03632f;--color-green-800:#035428;--color-green-900:#024521;--color-green-950:#012b15;--color-red-50:#fef6f6;--color-red-100:#fde8e8;--color-red-200:#fad1d1;--color-red-300:#f7abab;--color-red-400:#f17474;--color-red-500:#c80505;--color-red-600:#b30404;--color-red-700:#9f0404;--color-red-800:#860303;--color-red-900:#6d0303;--color-red-950:#330d00;--color-yellow-50:#fdf4e7;--color-yellow-100:#fcedd9;--color-yellow-200:#fae0bd;--color-yellow-300:#f6c788;--color-yellow-400:#f3b159;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#d17e10;--color-yellow-800:#b46d0e;--color-yellow-900:#93590b;--color-yellow-950:#402705;--color-orange-50:#fef4f1;--color-orange-100:#fde8e2;--color-orange-200:#fbd2c6;--color-orange-300:#f8b4a0;--color-orange-400:#f58e70;--color-orange-500:#f05223;--color-orange-600:#ea4210;--color-orange-700:#d23b0e;--color-orange-800:#b5330c;--color-orange-900:#942a0a;--color-orange-950:#401204;--color-blue-50:#ecf0f9;--color-blue-100:#dde3f4;--color-blue-200:#b2c2e5;--color-blue-300:#7994d2;--color-blue-400:#4066bf;--color-blue-500:#001e64;--color-blue-600:#001c5c;--color-blue-700:#00174c;--color-blue-800:#00123d;--color-blue-900:#000f33;--color-blue-950:#000d2b;--color-ambar-50:#fff6eb;--color-ambar-100:#ffefdc;--color-ambar-200:#fedfb9;--color-ambar-300:#fdca8b;--color-ambar-400:#fdb359;--color-ambar-500:#fc9c26;--color-ambar-600:#ec8403;--color-ambar-700:#d87803;--color-ambar-800:#ba6803;--color-ambar-900:#975402;--color-ambar-950:#402301;--color-gray-50:#fff;--color-gray-100:#f3f4f4;--color-gray-200:#e5e6e6;--color-gray-300:#bfc0c0;--color-gray-400:#acaeae;--color-gray-500:#949595;--color-gray-600:#737575;--color-gray-700:#6c6e6e;--color-gray-800:#313333;--color-gray-900:#272929;--color-gray-950:#191d1d;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f1f6fe;--color-ciano-100:#dfeafc;--color-ciano-200:#c3d9f9;--color-ciano-300:#90b9f4;--color-ciano-400:#5d98ee;--color-ciano-500:#1769e0;--color-ciano-600:#155fcb;--color-ciano-700:#1355b4;--color-ciano-800:#104899;--color-ciano-900:#0d3b7d;--color-ciano-950:#071e40;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:rgba(25,29,29,.02);--color-black-opacity-100:rgba(25,29,29,.05);--color-black-opacity-200:rgba(25,29,29,.11);--color-black-opacity-300:rgba(25,29,29,.28);--color-black-opacity-400:rgba(25,29,29,.36);--color-black-opacity-500:rgba(25,29,29,.44);--color-black-opacity-600:rgba(25,29,29,.62);--color-black-opacity-700:rgba(25,29,29,.64);--color-black-opacity-800:rgba(25,29,29,.72);--color-black-opacity-900:rgba(25,29,29,.8);--color-black-opacity-950:rgba(25,29,29,.96);--color-shadow-opacity-50:rgba(0,0,0,.04);--color-shadow-opacity-100:rgba(0,0,0,.06);--color-shadow-opacity-200:rgba(0,0,0,.12);--color-shadow-opacity-300:rgba(0,0,0,.2);--color-shadow-opacity-400:rgba(0,0,0,.32);--color-shadow-opacity-500:rgba(0,0,0,.5);--color-shadow-opacity-600:rgba(0,0,0,.55);--color-shadow-opacity-700:rgba(0,0,0,.64);--color-shadow-opacity-800:rgba(0,0,0,.73);--color-shadow-opacity-900:rgba(0,0,0,.8);--color-shadow-opacity-950:rgba(0,0,0,.91);--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#1355b4;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001c5c;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#fc9c26;--color-surface-body:#fff;--color-surface-on-body:#f3f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6eb;--color-surface-on-body-feedback-success:#e6f4ed;--color-surface-on-body-feedback-error:#fde8e8;--color-surface-on-body-feedback-alert:#fdf4e7;--color-surface-on-body-feedback-info:#dfeafc;--color-text-brand:#f05223;--color-text-primary:#313333;--color-text-secondary:#6c6e6e;--color-text-disabled:#949595;--color-text-link:#1355b4;--color-states-empty-bg-hover:rgba(25,29,29,.05);--color-states-empty-bg-pressed:rgba(25,29,29,.11);--color-states-bg-disabled:rgba(25,29,29,.02);--color-states-bg-focus:#1355b4;--color-states-primary-hover:#ea4210;--color-states-primary-pressed:#d23b0e;--color-states-danger-hover:#b30404;--color-states-danger-pressed:#9f0404;--color-states-negative-hover:#e5e6e6;--color-states-negative-pressed:#bfc0c0;--color-icon-primary:#6c6e6e;--color-icon-secondary:#fff;--color-icon-tertiary:#b30404;--color-icon-disabled:#acaeae;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f3f4f4;--color-neutral-neutral-3:#acaeae;--color-neutral-neutral-4:#949595;--color-neutral-neutral-5:#737575;--color-neutral-neutral-6:#6c6e6e;--color-neutral-neutral-7:#313333;--color-neutral-neutral-8:#272929;--color-negative-negative-1:#fff;--color-negative-negative-2:#313333;--color-opacity-body:#fffc;--color-opacity-on-body:rgba(25,29,29,.02);--color-opacity-overlay:rgba(25,29,29,.62);--color-opacity-on-overlay:#ffffff1a;--color-line-input:#949595;--color-line-general-strong:#bfc0c0;--color-line-general:#e5e6e6;--color-line-hair:rgba(25,29,29,.05);--color-box-shadow-body:#fff;--color-box-shadow-shadow-color-1:rgba(0,0,0,.04);--color-box-shadow-shadow-color-2:rgba(0,0,0,.06)}.static{position:static}.flex{display:flex}.h-\\[40px\\]{height:40px}.w-\\[40px\\]{width:40px}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-xxl{border-radius:18.75rem}.border-none{border-style:none}.bg-states-bg-disabled{background-color:var(--color-states-bg-disabled)}.bg-surface-on-body{background-color:var(--color-surface-on-body)}.p-8{padding:.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.leading-6{line-height:1.5rem}.text-feedback-error{color:var(--color-feedback-error)}.text-icon-primary{color:var(--color-icon-primary)}.text-text-disabled{color:var(--color-text-disabled)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-states-empty-bg-hover:hover{background-color:var(--color-states-empty-bg-hover)}.focus\\:outline:focus{outline-style:solid}.focus\\:outline-2:focus{outline-width:2px}.focus\\:outline-offset-2:focus{outline-offset:2px}.focus\\:outline-feedback-informational:focus{outline-color:var(--color-feedback-informational)}.active\\:bg-states-empty-bg-pressed:active{background-color:var(--color-states-empty-bg-pressed)}.active\\:text-feedback-error:active{color:var(--color-feedback-error)}";
 
@@ -46,7 +46,7 @@ const SulaToggle$1 = /*@__PURE__*/ proxyCustomElement(class SulaToggle extends H
         return `${base} bg-surface-on-body hover:bg-states-empty-bg-hover active:bg-states-empty-bg-pressed`;
     }
     render() {
-        return (h(Host, { key: '30d1fe15a8095b23952353c7a5406b8be01474a0' }, h("button", { key: 'dd35f75599e716093bb59c3da13fa1b5d8183516', id: "favorite-button", class: this.getButtonClass(), disabled: this.buttonDisabled, onClick: this.handleClick, "aria-pressed": this.selected ? 'true' : 'false', "aria-label": this.selected ? 'Remover dos favoritos' : 'Adicionar aos favoritos' }, h("sula-icon", { key: '36883b0c589cf78d36825320a2a3ef896b86d5b8', icon: this.getIconName(), customClass: `text-2xl ${this.getIconColorClass()} ${!this.buttonDisabled && !this.selected ? 'active:text-feedback-error' : ''}`, class: "flex leading-6" }))));
+        return (h(Host, { key: 'c1e3feffd4ddfa93fb7df88f992cbe15dd6745ba' }, h("button", { key: '3778675d10b39c15ce3a55f0d3a32e1595b1fc1a', id: "favorite-button", class: this.getButtonClass(), disabled: this.buttonDisabled, onClick: this.handleClick, "aria-pressed": this.selected ? 'true' : 'false', "aria-label": this.selected ? 'Remover dos favoritos' : 'Adicionar aos favoritos' }, h("sula-icon", { key: 'a901c2eede34f16d1d3f86424d28f3d112c66f3a', icon: this.getIconName(), customClass: `text-2xl ${this.getIconColorClass()} ${!this.buttonDisabled && !this.selected ? 'active:text-feedback-error' : ''}`, class: "flex leading-6" }))));
     }
     static get style() { return sulaToggleCss; }
 }, [1, "sula-toggle", {

package/dist/components/sula-tooltip.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-fgs5TBQ7.js';
+import { d as defineCustomElement$2 } from './p-B2GnTWgR.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1906,7 +1906,7 @@ const SulaTooltip$1 = /*@__PURE__*/ proxyCustomElement(class SulaTooltip extends
         const hostClass = isParentMode
             ? 'absolute inset-0 pointer-events-none overflow-visible'
             : 'inline-block relative';
-        return (h(Host, { key: 'd956da097b13617092e90a00d2abb209bdcaf046', class: hostClass }, !isParentMode && (h("div", { key: '0e8265bbd03ce89dc5ab88552efc0fa2e325fb32', class: this.getIconClasses(), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, role: "button", "aria-label": "Tooltip trigger", ref: (el) => (this.triggerEl = el) }, h("sula-icon", { key: '1680ed4bdba2e29f12d4a2f2c453ce66f5278157', class: "flex items-center justify-center w-full h-full leading-[0]", icon: this.icon, customClass: "text-icon-primary text-[18px] leading-none" }))), this.displayText && (h("div", { key: '97fd111befdd2eb116d09544a03c603205f67b86', class: this.getHintClasses(), role: "tooltip", ref: (el) => (this.hintEl = el) }, this.displayText, h("div", { key: '0a12d3604b4d280d37c3c6b3b27469d93c3889d4', class: "tooltip-arrow", "data-popper-arrow": true, ref: (el) => (this.arrowEl = el) })))));
+        return (h(Host, { key: '1749f7b44ef30504ecce491b4859f9515519265e', class: hostClass }, !isParentMode && (h("div", { key: 'f76902766e86ac4835da267dc8c9d01c70062668', class: this.getIconClasses(), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, role: "button", "aria-label": "Tooltip trigger", ref: (el) => (this.triggerEl = el) }, h("sula-icon", { key: 'cbd5f793255ee1017a5335e867bd18de598b37c3', class: "flex items-center justify-center w-full h-full leading-[0]", icon: this.icon, customClass: "text-icon-primary text-[18px] leading-none" }))), this.displayText && (h("div", { key: '04a929fcd51750a4450d1104a8dee9b912a5da7a', class: this.getHintClasses(), role: "tooltip", ref: (el) => (this.hintEl = el) }, this.displayText, h("div", { key: 'a10a53512e69146284365393b72864c8c3b1a0f5', class: "tooltip-arrow", "data-popper-arrow": true, ref: (el) => (this.arrowEl = el) })))));
     }
     get el() { return this; }
     static get style() { return sulaTooltipCss; }

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-CwrCjm3e.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["sula-avatar_29",[[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-chip",{"text":[1025],"appearance":[1025],"disabled":[1028],"items":[1040],"selected":[1028],"isFocused":[32],"showItems":[32]},[[4,"click","handleDocumentClick"]]],[1,"sula-dropdown",{"label":[1025],"disabled":[1028],"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-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-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-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-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-textfield",{"value":[1025],"type":[1],"status":[1025],"label":[1],"placeholder":[1],"disabled":[1028],"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-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],"focused":[4],"trigger":[1],"isVisible":[32]}],[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-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"]}]]]], options);
+  return bootstrapLazy([["sula-avatar_30",[[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-chip",{"text":[1025],"appearance":[1025],"disabled":[1028],"items":[1040],"selected":[1028],"isFocused":[32],"showItems":[32]},[[4,"click","handleDocumentClick"]]],[1,"sula-dropdown",{"label":[1025],"disabled":[1028],"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-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],"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-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-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-textfield",{"value":[1025],"type":[1],"status":[1025],"label":[1],"placeholder":[1],"disabled":[1028],"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-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],"focused":[4],"trigger":[1],"isVisible":[32]}],[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-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"]}]]]], options);
 };
 
 export { defineCustomElements };