@synergy-design-system/components 2.18.2 → 2.18.4

package/dist/chunks/{chunk.7VIHOWSR.js → chunk.27UV3L7Y.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.6ZA53BF2.js";
+} from "./chunk.3EIIG5FJ.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.7VIHOWSR.js.map
+//# sourceMappingURL=chunk.27UV3L7Y.js.map

package/dist/chunks/{chunk.7YBQ6AKZ.js → chunk.2HCXENAK.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.UISPSLO4.js";
+} from "./chunk.34QQBAFL.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.B37IEGRK.js";
+} from "./chunk.VO7K57S2.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass,
   __spreadValues
@@ -497,4 +497,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.7YBQ6AKZ.js.map
+//# sourceMappingURL=chunk.2HCXENAK.js.map

package/dist/chunks/{chunk.OZQ3UNSW.js → chunk.2LWI4RZ4.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.NX43SDCS.js";
+} from "./chunk.WCAJEXTY.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.OZQ3UNSW.js.map
+//# sourceMappingURL=chunk.2LWI4RZ4.js.map

package/dist/chunks/{chunk.SCIPJICQ.js → chunk.2XPEM2NX.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.QO7JPFMF.js";
+} from "./chunk.KWJ6XJ5W.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.SCIPJICQ.js.map
+//# sourceMappingURL=chunk.2XPEM2NX.js.map

package/dist/chunks/{chunk.UISPSLO4.js → chunk.34QQBAFL.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.UISPSLO4.js.map
+//# sourceMappingURL=chunk.34QQBAFL.js.map

package/dist/chunks/{chunk.MYAX3TSX.js → chunk.34UCHHN6.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.STRQRKW3.js";
+} from "./chunk.CGZXLBLU.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.MYAX3TSX.js.map
+//# sourceMappingURL=chunk.34UCHHN6.js.map

package/dist/chunks/{chunk.LRWWE7LD.js → chunk.3772JTLE.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.RJRG2A5V.js";
+} from "./chunk.WXUP4LSL.js";
 
 // src/components/side-nav/side-nav.ts
 var side_nav_default = SynSideNav;
@@ -9,4 +9,4 @@ SynSideNav.define("syn-side-nav");
 export {
   side_nav_default
 };
-//# sourceMappingURL=chunk.LRWWE7LD.js.map
+//# sourceMappingURL=chunk.3772JTLE.js.map

package/dist/chunks/{chunk.53JFU4HW.js → chunk.3CQZS3HX.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.QYDIPHZV.js";
+} from "./chunk.JE5CYHV7.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.53JFU4HW.js.map
+//# sourceMappingURL=chunk.3CQZS3HX.js.map

package/dist/chunks/{chunk.6ZA53BF2.js → chunk.3EIIG5FJ.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.6ZA53BF2.js.map
+//# sourceMappingURL=chunk.3EIIG5FJ.js.map

package/dist/chunks/{chunk.SBOUNKIO.js → chunk.3NWHTFL6.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.FK242GI5.js";
+} from "./chunk.D2HQNTMF.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.SBOUNKIO.js.map
+//# sourceMappingURL=chunk.3NWHTFL6.js.map

package/dist/chunks/{chunk.OZTWAL3N.js → chunk.3SDAHRIK.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.OZTWAL3N.js.map
+//# sourceMappingURL=chunk.3SDAHRIK.js.map

package/dist/chunks/{chunk.NXXXKGLS.js → chunk.47VCIQKD.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.B37IEGRK.js";
+} from "./chunk.VO7K57S2.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.NXXXKGLS.js.map
+//# sourceMappingURL=chunk.47VCIQKD.js.map

package/dist/chunks/{chunk.TPD3XE5Z.js → chunk.4JUKDIBS.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.JT3SKSNW.js";
+} from "./chunk.R6W7LZLP.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.TPD3XE5Z.js.map
+//# sourceMappingURL=chunk.4JUKDIBS.js.map

package/dist/chunks/{chunk.EEFEQSF4.js → chunk.4TMZRPI3.js}

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

package/dist/chunks/{chunk.QBKFXWRB.js → chunk.4XGVGLK5.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.CWFUKZZA.js";
+} from "./chunk.D3CLPZKP.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.QBKFXWRB.js.map
+//# sourceMappingURL=chunk.4XGVGLK5.js.map

package/dist/chunks/{chunk.7IJBDPPW.js → chunk.57PL5IRM.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.GQCNRRXG.js";
+} from "./chunk.Z75AMAON.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.7IJBDPPW.js.map
+//# sourceMappingURL=chunk.57PL5IRM.js.map

package/dist/chunks/{chunk.LWT4TOJB.js → chunk.5CDMCUSS.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.B37IEGRK.js";
+} from "./chunk.VO7K57S2.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -39,7 +39,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.LWT4TOJB.js.map
+//# sourceMappingURL=chunk.5CDMCUSS.js.map

package/dist/chunks/{chunk.SAVVU3GP.js → chunk.5CFWIKAP.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.M2GDCC2E.js";
+} from "./chunk.AY76ZLPJ.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.SAVVU3GP.js.map
+//# sourceMappingURL=chunk.5CFWIKAP.js.map

package/dist/chunks/{chunk.5VLRZEIV.js → chunk.5THYZB2V.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.POGMEL53.js";
 import {
   SynPopup
-} from "./chunk.K27BHZLQ.js";
+} from "./chunk.XM7B7SDE.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -374,4 +374,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.5VLRZEIV.js.map
+//# sourceMappingURL=chunk.5THYZB2V.js.map

package/dist/chunks/{chunk.C2HR7JEV.js → chunk.5XDFJXF4.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.MGICTJO5.js";
+} from "./chunk.5YX4D24G.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.C2HR7JEV.js.map
+//# sourceMappingURL=chunk.5XDFJXF4.js.map

package/dist/chunks/{chunk.MGICTJO5.js → chunk.5YX4D24G.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.66LQF6IO.js";
 import {
   icon_default
-} from "./chunk.KIJBBSV2.js";
+} from "./chunk.GBAC5ULK.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -182,4 +182,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.MGICTJO5.js.map
+//# sourceMappingURL=chunk.5YX4D24G.js.map

package/dist/chunks/{chunk.23HLI775.js → chunk.5Z4M2BFV.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.X43H3MSO.js";
+} from "./chunk.R5P7Z2D4.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.23HLI775.js.map
+//# sourceMappingURL=chunk.5Z4M2BFV.js.map

package/dist/chunks/{chunk.5HJTQ5UR.js → chunk.63VR2C4W.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -132,4 +132,4 @@ __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.5HJTQ5UR.js.map
+//# sourceMappingURL=chunk.63VR2C4W.js.map

package/dist/chunks/{chunk.Z6R7RILP.js → chunk.7CY7UURL.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumbItem
-} from "./chunk.CKMHQDLZ.js";
+} from "./chunk.NS6PL3JB.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.Z6R7RILP.js.map
+//# sourceMappingURL=chunk.7CY7UURL.js.map

package/dist/chunks/{chunk.X5FHSAX3.js → chunk.7UYZPGCY.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.GISRSGST.js";
+} from "./chunk.WJLTNAPJ.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.X5FHSAX3.js.map
+//# sourceMappingURL=chunk.7UYZPGCY.js.map

package/dist/chunks/{chunk.3KDYE2ZV.js → chunk.A5G7CEV7.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.3KDYE2ZV.js.map
+//# sourceMappingURL=chunk.A5G7CEV7.js.map

package/dist/chunks/{chunk.5Q4IT2JP.js → chunk.A6YW46N2.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.XOMUFQZK.js";
+} from "./chunk.TQQBUW3P.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.5Q4IT2JP.js.map
+//# sourceMappingURL=chunk.A6YW46N2.js.map

package/dist/chunks/{chunk.QFCKF2VD.js → chunk.A7X3LD5O.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.JCHXWRJM.js";
+} from "./chunk.ZU6EA5MN.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.QFCKF2VD.js.map
+//# sourceMappingURL=chunk.A7X3LD5O.js.map

package/dist/chunks/{chunk.L7CDQMD5.js → chunk.APZ2WII6.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.6SWEM5QP.js";
+} from "./chunk.KHJJZRDS.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.L7CDQMD5.js.map
+//# sourceMappingURL=chunk.APZ2WII6.js.map

package/dist/chunks/{chunk.4XVLKJFG.js → chunk.AUAQBIXT.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.NGWHKKOM.js";
+} from "./chunk.DJROLM7B.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SynRadioGroup;
@@ -9,4 +9,4 @@ SynRadioGroup.define("syn-radio-group");
 export {
   radio_group_default
 };
-//# sourceMappingURL=chunk.4XVLKJFG.js.map
+//# sourceMappingURL=chunk.AUAQBIXT.js.map

package/dist/chunks/{chunk.M2GDCC2E.js → chunk.AY76ZLPJ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   accordion_styles_default
 } from "./chunk.WNUZ6LH4.js";
@@ -105,4 +105,4 @@ __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.M2GDCC2E.js.map
+//# sourceMappingURL=chunk.AY76ZLPJ.js.map

package/dist/chunks/{chunk.Q5CO4F6Y.js → chunk.B6XMZI6V.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.6RBXBG7F.js";
+} from "./chunk.SKRPVBCI.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.Q5CO4F6Y.js.map
+//# sourceMappingURL=chunk.B6XMZI6V.js.map

package/dist/chunks/{chunk.QBOBRRT7.js → chunk.CCFPJFMJ.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.WCHM54H3.js";
+} from "./chunk.FEBVB2D2.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.QBOBRRT7.js.map
+//# sourceMappingURL=chunk.CCFPJFMJ.js.map

package/dist/chunks/{chunk.7F6V4EAU.js → chunk.CEHMU3XE.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.OAVSUZUX.js";
+} from "./chunk.JXJ2SRZQ.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.7F6V4EAU.js.map
+//# sourceMappingURL=chunk.CEHMU3XE.js.map

package/dist/chunks/{chunk.STRQRKW3.js → chunk.CGZXLBLU.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.HQ6QUSK7.js";
 import {
   SynIcon
-} from "./chunk.CWFUKZZA.js";
+} from "./chunk.D3CLPZKP.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -241,4 +241,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.STRQRKW3.js.map
+//# sourceMappingURL=chunk.CGZXLBLU.js.map

package/dist/chunks/{chunk.FK242GI5.js → chunk.D2HQNTMF.js}

@@ -3,13 +3,13 @@ import {
   isBlurEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "./chunk.6C6RMQWD.js";
+} from "./chunk.WFUFZLYE.js";
 import {
   validate_styles_default
 } from "./chunk.MVM3NN6Y.js";
 import {
   SynAlert
-} from "./chunk.XOMUFQZK.js";
+} from "./chunk.TQQBUW3P.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.36UA2COV.js";
+} from "./chunk.JUHXJJI2.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -193,8 +193,9 @@ var SynValidate = class extends SynergyElement {
     input.scrollIntoView({ block: "nearest" });
     input.focus();
   }
-  async firstUpdated() {
+  async firstUpdated(changedProperties) {
     var _a, _b;
+    super.firstUpdated(changedProperties);
     this.updateEvents();
     if (this.eager) {
       const input = this.getInput();
@@ -203,9 +204,40 @@ var SynValidate = class extends SynergyElement {
       input == null ? void 0 : input.reportValidity();
     }
   }
+  connectedCallback() {
+    super.connectedCallback();
+    this.observer = new MutationObserver((entries) => {
+      const input = this.getInput();
+      if (!input) {
+        return;
+      }
+      const hasDisabledOrReadonly = entries.filter(({ target }) => target === input).every((entry) => {
+        const target = entry.target;
+        return target.hasAttribute("disabled") || target.hasAttribute("readonly");
+      });
+      if (hasDisabledOrReadonly) {
+        this.isValid = true;
+        this.validationMessage = "";
+      } else {
+        const waitForPromise = input instanceof SynergyElement ? input.updateComplete : Promise.resolve();
+        waitForPromise.then(() => {
+          var _a, _b, _c;
+          this.isValid = (_b = (_a = input == null ? void 0 : input.validity) == null ? void 0 : _a.valid) != null ? _b : false;
+          this.validationMessage = (_c = input == null ? void 0 : input.validationMessage) != null ? _c : "";
+        });
+      }
+    });
+    this.observer.observe(this, {
+      attributeFilter: ["disabled", "readonly"],
+      attributes: true,
+      subtree: true
+    });
+  }
   disconnectedCallback() {
+    var _a;
     super.disconnectedCallback();
     this.controller.abort();
+    (_a = this == null ? void 0 : this.observer) == null ? void 0 : _a.disconnect();
   }
   renderInlineValidation() {
     if (this.variant !== "inline" || !this.validationMessage) {
@@ -286,4 +318,4 @@ __decorateClass([
 export {
   SynValidate
 };
-//# sourceMappingURL=chunk.FK242GI5.js.map
+//# sourceMappingURL=chunk.D2HQNTMF.js.map