@synergy-design-system/components 3.15.4 → 3.15.5

package/dist/chunks/{chunk.EX43UAEY.js → chunk.CAAWLFOI.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.WRPQ3635.js";
 import {
   SynIcon
-} from "./chunk.ZTHIOBJX.js";
+} from "./chunk.OPNOT3FJ.js";
 import {
   LocalizeController
 } from "./chunk.VCRQ2GII.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.EX43UAEY.js.map
+//# sourceMappingURL=chunk.CAAWLFOI.js.map

package/dist/chunks/{chunk.6S5LBERK.js → chunk.CTYKHZSD.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.LOYQRLBZ.js";
+} from "./chunk.AL3VTX67.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.6S5LBERK.js.map
+//# sourceMappingURL=chunk.CTYKHZSD.js.map

package/dist/chunks/{chunk.TO24E2BV.js → chunk.DACBQVZD.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.73Z3FWPL.js";
+} from "./chunk.PDM47D3E.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.TO24E2BV.js.map
+//# sourceMappingURL=chunk.DACBQVZD.js.map

package/dist/chunks/{chunk.M4FKK4H7.js → chunk.DH6TGTWH.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumbItem
-} from "./chunk.ULOBL642.js";
+} from "./chunk.BXCELJ2K.js";
 
 // src/components/breadcrumb-item/breadcrumb-item.ts
 var breadcrumb_item_default = SynBreadcrumbItem;
@@ -9,4 +9,4 @@ SynBreadcrumbItem.define("syn-breadcrumb-item");
 export {
   breadcrumb_item_default
 };
-//# sourceMappingURL=chunk.M4FKK4H7.js.map
+//# sourceMappingURL=chunk.DH6TGTWH.js.map

package/dist/chunks/{chunk.3DR4P2UN.js → chunk.E5OZHV4L.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.3DR4P2UN.js.map
+//# sourceMappingURL=chunk.E5OZHV4L.js.map

package/dist/chunks/{chunk.I2RODYKO.js → chunk.EKQXPOD5.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.JDYQ7EFG.js";
 import {
   SynIconButton
-} from "./chunk.DRENFZZA.js";
+} from "./chunk.UHKHACWY.js";
 import {
   LocalizeController
 } from "./chunk.VCRQ2GII.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.I2RODYKO.js.map
+//# sourceMappingURL=chunk.EKQXPOD5.js.map

package/dist/chunks/{chunk.QVTWOSMA.js → chunk.ETOJ7IQT.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.QU6TBEV5.js";
+} from "./chunk.2XGX4ZAN.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = SynTabGroup;
@@ -9,4 +9,4 @@ SynTabGroup.define("syn-tab-group");
 export {
   tab_group_default
 };
-//# sourceMappingURL=chunk.QVTWOSMA.js.map
+//# sourceMappingURL=chunk.ETOJ7IQT.js.map

package/dist/chunks/{chunk.Y46MLFHY.js → chunk.EYNAVYVE.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -98,4 +98,4 @@ SynTagGroup = __decorateClass([
 export {
   SynTagGroup
 };
-//# sourceMappingURL=chunk.Y46MLFHY.js.map
+//# sourceMappingURL=chunk.EYNAVYVE.js.map

package/dist/chunks/{chunk.SGMHHYFF.js → chunk.F6XN4ZU6.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.OD4GJZWM.js";
+} from "./chunk.6SUEU4BY.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.SGMHHYFF.js.map
+//# sourceMappingURL=chunk.F6XN4ZU6.js.map

package/dist/chunks/{chunk.KDGRKMPC.js → chunk.FEBYYZSA.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.MVGHT5N5.js";
+} from "./chunk.HEVQE7BN.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.KDGRKMPC.js.map
+//# sourceMappingURL=chunk.FEBYYZSA.js.map

package/dist/chunks/{chunk.QZBZKP3E.js → chunk.GQFIUMR6.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.AF4B7YYE.js";
+} from "./chunk.3HVRPXZW.js";
 import {
   calculatePageItemIndices,
   calculateTotalPages,
@@ -15,19 +15,19 @@ import {
 } from "./chunk.GXWM6IF5.js";
 import {
   SynOption
-} from "./chunk.27OB5Z7J.js";
+} from "./chunk.X6TZ7RBB.js";
 import {
   pagination_styles_default
 } from "./chunk.DG2TSAVZ.js";
 import {
   SynSelect
-} from "./chunk.OOEOZE2L.js";
+} from "./chunk.RODPN45B.js";
 import {
   SynDivider
-} from "./chunk.CQ46LXUP.js";
+} from "./chunk.2MBHEIB7.js";
 import {
   SynIconButton
-} from "./chunk.DRENFZZA.js";
+} from "./chunk.UHKHACWY.js";
 import {
   enableDefaultSettings
 } from "./chunk.4MG3QDNW.js";
@@ -39,7 +39,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -377,4 +377,4 @@ SynPagination = __decorateClass([
 export {
   SynPagination
 };
-//# sourceMappingURL=chunk.QZBZKP3E.js.map
+//# sourceMappingURL=chunk.GQFIUMR6.js.map

package/dist/chunks/{chunk.TVMK25Y5.js → chunk.GT2QBDJH.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.OTUE6RD7.js";
+} from "./chunk.BCUI54KW.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.TVMK25Y5.js.map
+//# sourceMappingURL=chunk.GT2QBDJH.js.map

package/dist/chunks/{chunk.6QXHWMR4.js → chunk.GTYWN65E.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.3PJ3OMJ3.js";
+} from "./chunk.72MLLXP3.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.6QXHWMR4.js.map
+//# sourceMappingURL=chunk.GTYWN65E.js.map

package/dist/chunks/{chunk.267EOHJM.js → chunk.HCTCOWRG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.VDBD6G4Q.js";
 import {
   Modal
-} from "./chunk.P4JFVVSO.js";
+} from "./chunk.KR45AFAB.js";
 import {
   lockBodyScrolling,
   unlockBodyScrolling
@@ -16,7 +16,7 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIconButton
-} from "./chunk.DRENFZZA.js";
+} from "./chunk.UHKHACWY.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -39,7 +39,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -298,4 +298,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.267EOHJM.js.map
+//# sourceMappingURL=chunk.HCTCOWRG.js.map

package/dist/chunks/{chunk.MVGHT5N5.js → chunk.HEVQE7BN.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.MVGHT5N5.js.map
+//# sourceMappingURL=chunk.HEVQE7BN.js.map

package/dist/chunks/{chunk.VK35CL2X.js → chunk.HYZOLI5D.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.VK35CL2X.js.map
+//# sourceMappingURL=chunk.HYZOLI5D.js.map

package/dist/chunks/{chunk.6CIB6PSW.js → chunk.IHVWTEAM.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.JWAE5WKX.js";
+} from "./chunk.S5ORKZMN.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.6CIB6PSW.js.map
+//# sourceMappingURL=chunk.IHVWTEAM.js.map

package/dist/chunks/{chunk.OY7AUQPS.js → chunk.IOI2FAEU.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.VK35CL2X.js";
+} from "./chunk.HYZOLI5D.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.OY7AUQPS.js.map
+//# sourceMappingURL=chunk.IOI2FAEU.js.map

package/dist/chunks/{chunk.LA67OWZY.js → chunk.IQSMQI7F.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.TVS4L3HC.js";
+} from "./chunk.63QRQEXP.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.LA67OWZY.js.map
+//# sourceMappingURL=chunk.IQSMQI7F.js.map

package/dist/chunks/{chunk.D4QV2RCS.js → chunk.ITHX2W35.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.I2RODYKO.js";
+} from "./chunk.EKQXPOD5.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.D4QV2RCS.js.map
+//# sourceMappingURL=chunk.ITHX2W35.js.map

package/dist/chunks/{chunk.HH5E6L7D.js → chunk.JBNLMSEF.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -264,4 +264,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.HH5E6L7D.js.map
+//# sourceMappingURL=chunk.JBNLMSEF.js.map

package/dist/chunks/{chunk.RQZY3CBD.js → chunk.JNSAPOKD.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.JCMXLHX4.js";
+} from "./chunk.L2ECN5EY.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.RQZY3CBD.js.map
+//# sourceMappingURL=chunk.JNSAPOKD.js.map

package/dist/chunks/{chunk.QSBGVJAV.js → chunk.JZSHV4DZ.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.6BA6OE7I.js";
+} from "./chunk.THGPZ53P.js";
 
 // src/components/range-tick/range-tick.ts
 var range_tick_default = SynRangeTick;
@@ -9,4 +9,4 @@ SynRangeTick.define("syn-range-tick");
 export {
   range_tick_default
 };
-//# sourceMappingURL=chunk.QSBGVJAV.js.map
+//# sourceMappingURL=chunk.JZSHV4DZ.js.map

package/dist/chunks/{chunk.D5J3W5DU.js → chunk.KEETLYL2.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -35,4 +35,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.D5J3W5DU.js.map
+//# sourceMappingURL=chunk.KEETLYL2.js.map

package/dist/chunks/{chunk.P4JFVVSO.js → chunk.KR45AFAB.js}

@@ -98,7 +98,16 @@ var Modal = class {
   checkFocus() {
     if (this.isActive() && !this.isExternalActivated) {
       const tabbableElements = getTabbableElements(this.element);
-      if (!this.element.matches(":focus-within")) {
+      const isFocusWithin = (() => {
+        let node = document.activeElement;
+        while (node) {
+          if (this.element.contains(node)) return true;
+          const root = node.shadowRoot;
+          node = root ? root.activeElement : null;
+        }
+        return false;
+      })();
+      if (!isFocusWithin) {
         const start = tabbableElements[0];
         const end = tabbableElements[tabbableElements.length - 1];
         const target = this.tabDirection === "forward" ? start : end;
@@ -117,4 +126,4 @@ var Modal = class {
 export {
   Modal
 };
-//# sourceMappingURL=chunk.P4JFVVSO.js.map
+//# sourceMappingURL=chunk.KR45AFAB.js.map

package/dist/chunks/chunk.KR45AFAB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/modal.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport { activeElements, getDeepestActiveElement } from './active-elements.js';\nimport { getTabbableElements } from './tabbable.js';\n\nlet activeModals: HTMLElement[] = [];\n\nexport default class Modal {\n  element: HTMLElement;\n  isExternalActivated: boolean;\n  tabDirection: 'forward' | 'backward' = 'forward';\n  currentFocus: HTMLElement | null;\n  previousFocus: HTMLElement | null;\n  elementsWithTabbableControls: string[];\n\n  constructor(element: HTMLElement) {\n    this.element = element;\n\n    this.elementsWithTabbableControls = ['iframe'];\n  }\n\n  /** Activates focus trapping. */\n  activate() {\n    activeModals.push(this.element);\n    document.addEventListener('focusin', this.handleFocusIn);\n    document.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('keyup', this.handleKeyUp);\n  }\n\n  /** Deactivates focus trapping. */\n  deactivate() {\n    activeModals = activeModals.filter(modal => modal !== this.element);\n    this.currentFocus = null;\n    document.removeEventListener('focusin', this.handleFocusIn);\n    document.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('keyup', this.handleKeyUp);\n  }\n\n  /** Determines if this modal element is currently active or not. */\n  isActive() {\n    // The \"active\" modal is always the most recent one shown\n    return activeModals[activeModals.length - 1] === this.element;\n  }\n\n  /** Activates external modal behavior and temporarily disables focus trapping. */\n  activateExternal() {\n    this.isExternalActivated = true;\n  }\n\n  /** Deactivates external modal behavior and re-enables focus trapping. */\n  deactivateExternal() {\n    this.isExternalActivated = false;\n  }\n\n  private checkFocus() {\n    if (this.isActive() && !this.isExternalActivated) {\n      const tabbableElements = getTabbableElements(this.element);\n\n      // Chrome 149+ (Chromium issue #407769114) changed the `:focus-within`\n      // pseudo-class so that it no longer propagates through top-layer elements\n      // (e.g. popovers opened via the Popover API).  When a syn-select or\n      // syn-dropdown inside this dialog opens its popup (which is promoted to\n      // the top-layer), `:focus-within` on the dialog returns `false` even\n      // though focus is logically still within the dialog's content tree.\n      // This caused the modal to immediately yank focus back, closing the popup.\n      //\n      // Fix: walk the composed active-element chain and check whether any\n      // element in that chain is a descendant of this modal.  This is immune to\n      // the top-layer boundary because we query actual DOM containment rather\n      // than relying on the CSS pseudo-class.\n      const isFocusWithin = (() => {\n        // Traverse shadow-root boundaries to find the deepest focused element\n        let node: Element | null = document.activeElement;\n        while (node) {\n          if (this.element.contains(node)) return true;\n          const root = node.shadowRoot;\n          node = root ? root.activeElement : null;\n        }\n        return false;\n      })();\n\n      if (!isFocusWithin) {\n        const start = tabbableElements[0];\n        const end = tabbableElements[tabbableElements.length - 1];\n        const target = this.tabDirection === 'forward' ? start : end;\n\n        if (typeof target?.focus === 'function') {\n          this.currentFocus = target;\n          target.focus({ preventScroll: false });\n        }\n      }\n    }\n  }\n\n  private handleFocusIn = () => {\n    if (!this.isActive()) return;\n    this.checkFocus();\n  };\n\n  private possiblyHasTabbableChildren(element: HTMLElement) {\n    return (\n      this.elementsWithTabbableControls.includes(element.tagName.toLowerCase()) || element.hasAttribute('controls')\n      // Should we add a data-attribute for people to set just in case they have an element where we don't know if it has possibly tabbable elements?\n    );\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== 'Tab' || this.isExternalActivated) return;\n    if (!this.isActive()) return;\n\n    // Because sometimes focus can actually be taken over from outside sources,\n    // we don't want to rely on `this.currentFocus`. Instead we check the actual `activeElement` and\n    // recurse through shadowRoots.\n    const currentActiveElement = getDeepestActiveElement();\n    this.previousFocus = currentActiveElement as HTMLElement | null;\n\n    if (this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus)) {\n      return;\n    }\n\n    if (event.shiftKey) {\n      this.tabDirection = 'backward';\n    } else {\n      this.tabDirection = 'forward';\n    }\n\n    const tabbableElements = getTabbableElements(this.element);\n\n    let currentFocusIndex = tabbableElements.findIndex(el => el === currentActiveElement);\n\n    this.previousFocus = this.currentFocus;\n\n    const addition = this.tabDirection === 'forward' ? 1 : -1;\n\n    // eslint-disable-next-line\n    while (true) {\n      if (currentFocusIndex + addition >= tabbableElements.length) {\n        currentFocusIndex = 0;\n      } else if (currentFocusIndex + addition < 0) {\n        currentFocusIndex = tabbableElements.length - 1;\n      } else {\n        currentFocusIndex += addition;\n      }\n\n      this.previousFocus = this.currentFocus;\n      const nextFocus = /** @type {HTMLElement} */ tabbableElements[currentFocusIndex];\n\n      // This is a special case. We need to make sure we're not calling .focus() if we're already focused on an element\n      // that possibly has \"controls\"\n      if (this.tabDirection === 'backward') {\n        if (this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus)) {\n          return;\n        }\n      }\n\n      if (nextFocus && this.possiblyHasTabbableChildren(nextFocus)) {\n        return;\n      }\n\n      event.preventDefault();\n      this.currentFocus = nextFocus;\n      this.currentFocus?.focus({ preventScroll: false });\n\n      // Check to make sure focus actually changed. It may not always be the next focus, we just don't want it to be the previousFocus.\n      const allActiveElements = [...activeElements()];\n      if (allActiveElements.includes(this.currentFocus) || !allActiveElements.includes(this.previousFocus!)) {\n        break;\n      }\n    }\n\n    setTimeout(() => this.checkFocus());\n  };\n\n  private handleKeyUp = () => {\n    this.tabDirection = 'forward';\n  };\n}\n"],
+  "mappings": ";;;;;;;AAIA,IAAI,eAA8B,CAAC;AAEnC,IAAqB,QAArB,MAA2B;AAAA,EAQzB,YAAY,SAAsB;AALlC,wBAAuC;AAoFvC,SAAQ,gBAAgB,MAAM;AAC5B,UAAI,CAAC,KAAK,SAAS,EAAG;AACtB,WAAK,WAAW;AAAA,IAClB;AASA,SAAQ,gBAAgB,CAAC,UAAyB;AAzGpD;AA0GI,UAAI,MAAM,QAAQ,SAAS,KAAK,oBAAqB;AACrD,UAAI,CAAC,KAAK,SAAS,EAAG;AAKtB,YAAM,uBAAuB,wBAAwB;AACrD,WAAK,gBAAgB;AAErB,UAAI,KAAK,iBAAiB,KAAK,4BAA4B,KAAK,aAAa,GAAG;AAC9E;AAAA,MACF;AAEA,UAAI,MAAM,UAAU;AAClB,aAAK,eAAe;AAAA,MACtB,OAAO;AACL,aAAK,eAAe;AAAA,MACtB;AAEA,YAAM,mBAAmB,oBAAoB,KAAK,OAAO;AAEzD,UAAI,oBAAoB,iBAAiB,UAAU,QAAM,OAAO,oBAAoB;AAEpF,WAAK,gBAAgB,KAAK;AAE1B,YAAM,WAAW,KAAK,iBAAiB,YAAY,IAAI;AAGvD,aAAO,MAAM;AACX,YAAI,oBAAoB,YAAY,iBAAiB,QAAQ;AAC3D,8BAAoB;AAAA,QACtB,WAAW,oBAAoB,WAAW,GAAG;AAC3C,8BAAoB,iBAAiB,SAAS;AAAA,QAChD,OAAO;AACL,+BAAqB;AAAA,QACvB;AAEA,aAAK,gBAAgB,KAAK;AAC1B,cAAM;AAAA;AAAA,UAAuC,iBAAiB,iBAAiB;AAAA;AAI/E,YAAI,KAAK,iBAAiB,YAAY;AACpC,cAAI,KAAK,iBAAiB,KAAK,4BAA4B,KAAK,aAAa,GAAG;AAC9E;AAAA,UACF;AAAA,QACF;AAEA,YAAI,aAAa,KAAK,4BAA4B,SAAS,GAAG;AAC5D;AAAA,QACF;AAEA,cAAM,eAAe;AACrB,aAAK,eAAe;AACpB,mBAAK,iBAAL,mBAAmB,MAAM,EAAE,eAAe,MAAM;AAGhD,cAAM,oBAAoB,CAAC,GAAG,eAAe,CAAC;AAC9C,YAAI,kBAAkB,SAAS,KAAK,YAAY,KAAK,CAAC,kBAAkB,SAAS,KAAK,aAAc,GAAG;AACrG;AAAA,QACF;AAAA,MACF;AAEA,iBAAW,MAAM,KAAK,WAAW,CAAC;AAAA,IACpC;AAEA,SAAQ,cAAc,MAAM;AAC1B,WAAK,eAAe;AAAA,IACtB;AA/JE,SAAK,UAAU;AAEf,SAAK,+BAA+B,CAAC,QAAQ;AAAA,EAC/C;AAAA;AAAA,EAGA,WAAW;AACT,iBAAa,KAAK,KAAK,OAAO;AAC9B,aAAS,iBAAiB,WAAW,KAAK,aAAa;AACvD,aAAS,iBAAiB,WAAW,KAAK,aAAa;AACvD,aAAS,iBAAiB,SAAS,KAAK,WAAW;AAAA,EACrD;AAAA;AAAA,EAGA,aAAa;AACX,mBAAe,aAAa,OAAO,WAAS,UAAU,KAAK,OAAO;AAClE,SAAK,eAAe;AACpB,aAAS,oBAAoB,WAAW,KAAK,aAAa;AAC1D,aAAS,oBAAoB,WAAW,KAAK,aAAa;AAC1D,aAAS,oBAAoB,SAAS,KAAK,WAAW;AAAA,EACxD;AAAA;AAAA,EAGA,WAAW;AAET,WAAO,aAAa,aAAa,SAAS,CAAC,MAAM,KAAK;AAAA,EACxD;AAAA;AAAA,EAGA,mBAAmB;AACjB,SAAK,sBAAsB;AAAA,EAC7B;AAAA;AAAA,EAGA,qBAAqB;AACnB,SAAK,sBAAsB;AAAA,EAC7B;AAAA,EAEQ,aAAa;AACnB,QAAI,KAAK,SAAS,KAAK,CAAC,KAAK,qBAAqB;AAChD,YAAM,mBAAmB,oBAAoB,KAAK,OAAO;AAczD,YAAM,iBAAiB,MAAM;AAE3B,YAAI,OAAuB,SAAS;AACpC,eAAO,MAAM;AACX,cAAI,KAAK,QAAQ,SAAS,IAAI,EAAG,QAAO;AACxC,gBAAM,OAAO,KAAK;AAClB,iBAAO,OAAO,KAAK,gBAAgB;AAAA,QACrC;AACA,eAAO;AAAA,MACT,GAAG;AAEH,UAAI,CAAC,eAAe;AAClB,cAAM,QAAQ,iBAAiB,CAAC;AAChC,cAAM,MAAM,iBAAiB,iBAAiB,SAAS,CAAC;AACxD,cAAM,SAAS,KAAK,iBAAiB,YAAY,QAAQ;AAEzD,YAAI,QAAO,iCAAQ,WAAU,YAAY;AACvC,eAAK,eAAe;AACpB,iBAAO,MAAM,EAAE,eAAe,MAAM,CAAC;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAOQ,4BAA4B,SAAsB;AACxD,WACE,KAAK,6BAA6B,SAAS,QAAQ,QAAQ,YAAY,CAAC,KAAK,QAAQ,aAAa,UAAU;AAAA,EAGhH;AAwEF;",
+  "names": []
+}

package/dist/chunks/{chunk.JCMXLHX4.js → chunk.L2ECN5EY.js}

@@ -1,6 +1,6 @@
 import {
   Modal
-} from "./chunk.P4JFVVSO.js";
+} from "./chunk.KR45AFAB.js";
 import {
   drawer_custom_styles_default
 } from "./chunk.I4FIU7FA.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIconButton
-} from "./chunk.DRENFZZA.js";
+} from "./chunk.UHKHACWY.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -407,4 +407,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.JCMXLHX4.js.map
+//# sourceMappingURL=chunk.L2ECN5EY.js.map

package/dist/chunks/{chunk.PD5ZCLS3.js → chunk.LDKOZ775.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.ZTHIOBJX.js";
+} from "./chunk.OPNOT3FJ.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.PD5ZCLS3.js.map
+//# sourceMappingURL=chunk.LDKOZ775.js.map

package/dist/chunks/{chunk.XOYRT5AB.js → chunk.LTNJC72I.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.7WU4T3CK.js";
+} from "./chunk.NANMA2T6.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.XOYRT5AB.js.map
+//# sourceMappingURL=chunk.LTNJC72I.js.map

package/dist/chunks/{chunk.UQCGZEKS.js → chunk.M6IU3AX7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.432DTUIX.js";
 import {
   SynIcon
-} from "./chunk.ZTHIOBJX.js";
+} from "./chunk.OPNOT3FJ.js";
 import {
   enableDefaultSettings
 } from "./chunk.4MG3QDNW.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -126,4 +126,4 @@ SynRadio = __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.UQCGZEKS.js.map
+//# sourceMappingURL=chunk.M6IU3AX7.js.map

package/dist/chunks/{chunk.TVOWBITV.js → chunk.M75K6TTN.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -148,4 +148,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.TVOWBITV.js.map
+//# sourceMappingURL=chunk.M75K6TTN.js.map

package/dist/chunks/{chunk.YUI2CVNB.js → chunk.MTZWYIYR.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.JERRHSUK.js";
+} from "./chunk.C5LT4KVH.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SynProgressBar;
@@ -9,4 +9,4 @@ SynProgressBar.define("syn-progress-bar");
 export {
   progress_bar_default
 };
-//# sourceMappingURL=chunk.YUI2CVNB.js.map
+//# sourceMappingURL=chunk.MTZWYIYR.js.map

package/dist/chunks/{chunk.7WU4T3CK.js → chunk.NANMA2T6.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.7WU4T3CK.js.map
+//# sourceMappingURL=chunk.NANMA2T6.js.map

package/dist/chunks/{chunk.B6GODDET.js → chunk.NGKOOT4J.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.ZTHIOBJX.js";
+} from "./chunk.OPNOT3FJ.js";
 import {
   enableDefaultSettings
 } from "./chunk.4MG3QDNW.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WL3IXJNI.js";
+} from "./chunk.QLMD2SFN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -266,4 +266,4 @@ SynCheckbox = __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.B6GODDET.js.map
+//# sourceMappingURL=chunk.NGKOOT4J.js.map

package/dist/chunks/{chunk.JBEKP3MA.js → chunk.NRBGQ64L.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.OOEOZE2L.js";
+} from "./chunk.RODPN45B.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.JBEKP3MA.js.map
+//# sourceMappingURL=chunk.NRBGQ64L.js.map