@synergy-design-system/components 3.5.0 → 3.6.0

package/dist/components/spinner/spinner.js

@@ -1,13 +1,13 @@
 import {
   spinner_default
-} from "../../chunks/chunk.SN2VEGTZ.js";
-import "../../chunks/chunk.XUAUB2UI.js";
-import "../../chunks/chunk.WQMTAEYE.js";
+} from "../../chunks/chunk.A7YINQHA.js";
+import "../../chunks/chunk.YFETCWLT.js";
 import "../../chunks/chunk.7V7XEBE2.js";
+import "../../chunks/chunk.WQMTAEYE.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   spinner_default as default

package/dist/components/switch/switch.component.js

@@ -1,19 +1,19 @@
 import {
   SynSwitch
-} from "../../chunks/chunk.EX4R7WUE.js";
+} from "../../chunks/chunk.ZZAW2A7F.js";
 import "../../chunks/chunk.32WNHWXJ.js";
 import "../../chunks/chunk.3JDUKQRN.js";
 import "../../chunks/chunk.34WYIU4C.js";
 import "../../chunks/chunk.J3GDDM6Q.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
+import "../../chunks/chunk.4BEGBAQD.js";
+import "../../chunks/chunk.FQ6KKYNN.js";
 import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynSwitch as default

package/dist/components/switch/switch.js

@@ -1,20 +1,20 @@
 import {
   switch_default
-} from "../../chunks/chunk.KGECDG22.js";
-import "../../chunks/chunk.EX4R7WUE.js";
+} from "../../chunks/chunk.PMRBUT43.js";
+import "../../chunks/chunk.ZZAW2A7F.js";
 import "../../chunks/chunk.32WNHWXJ.js";
 import "../../chunks/chunk.3JDUKQRN.js";
 import "../../chunks/chunk.34WYIU4C.js";
 import "../../chunks/chunk.J3GDDM6Q.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
+import "../../chunks/chunk.4BEGBAQD.js";
+import "../../chunks/chunk.FQ6KKYNN.js";
 import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   switch_default as default

package/dist/components/tab/tab.component.js

@@ -1,30 +1,30 @@
 import {
   SynTab
-} from "../../chunks/chunk.FOH4KP4A.js";
+} from "../../chunks/chunk.44VIEEDD.js";
 import "../../chunks/chunk.XC4GHHH2.js";
 import "../../chunks/chunk.JDYQ7EFG.js";
-import "../../chunks/chunk.FKDUVEOP.js";
+import "../../chunks/chunk.LGSQ6DML.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
-import "../../chunks/chunk.TBZAI6T6.js";
+import "../../chunks/chunk.6GMIINJO.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
-import "../../chunks/chunk.2BATB6NO.js";
+import "../../chunks/chunk.NMWM3BP7.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
+import "../../chunks/chunk.4BEGBAQD.js";
+import "../../chunks/chunk.FQ6KKYNN.js";
 import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynTab as default

package/dist/components/tab/tab.js

@@ -1,31 +1,31 @@
 import {
   tab_default
-} from "../../chunks/chunk.BZMKXI2L.js";
-import "../../chunks/chunk.FOH4KP4A.js";
+} from "../../chunks/chunk.5WQAKFFK.js";
+import "../../chunks/chunk.44VIEEDD.js";
 import "../../chunks/chunk.XC4GHHH2.js";
 import "../../chunks/chunk.JDYQ7EFG.js";
-import "../../chunks/chunk.FKDUVEOP.js";
+import "../../chunks/chunk.LGSQ6DML.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
-import "../../chunks/chunk.TBZAI6T6.js";
+import "../../chunks/chunk.6GMIINJO.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
-import "../../chunks/chunk.2BATB6NO.js";
+import "../../chunks/chunk.NMWM3BP7.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
+import "../../chunks/chunk.4BEGBAQD.js";
+import "../../chunks/chunk.FQ6KKYNN.js";
 import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   tab_default as default

package/dist/components/tab-group/tab-group.component.js

@@ -1,33 +1,33 @@
 import {
   SynTabGroup
-} from "../../chunks/chunk.CPC3JTDA.js";
+} from "../../chunks/chunk.SSFAGBRV.js";
 import "../../chunks/chunk.FHTQSNCX.js";
 import "../../chunks/chunk.Q5EKPQBR.js";
-import "../../chunks/chunk.QGLCODBD.js";
+import "../../chunks/chunk.Q2K7NQCB.js";
 import "../../chunks/chunk.5KL2GWNQ.js";
 import "../../chunks/chunk.2DT3C6WE.js";
-import "../../chunks/chunk.FKDUVEOP.js";
+import "../../chunks/chunk.LGSQ6DML.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
-import "../../chunks/chunk.TBZAI6T6.js";
+import "../../chunks/chunk.6GMIINJO.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
-import "../../chunks/chunk.2BATB6NO.js";
+import "../../chunks/chunk.NMWM3BP7.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
+import "../../chunks/chunk.4BEGBAQD.js";
+import "../../chunks/chunk.FQ6KKYNN.js";
 import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynTabGroup as default

package/dist/components/tab-group/tab-group.js

@@ -1,34 +1,34 @@
 import {
   tab_group_default
-} from "../../chunks/chunk.DYE6F2Y6.js";
-import "../../chunks/chunk.CPC3JTDA.js";
+} from "../../chunks/chunk.BIGAPOOQ.js";
+import "../../chunks/chunk.SSFAGBRV.js";
 import "../../chunks/chunk.FHTQSNCX.js";
 import "../../chunks/chunk.Q5EKPQBR.js";
-import "../../chunks/chunk.QGLCODBD.js";
+import "../../chunks/chunk.Q2K7NQCB.js";
 import "../../chunks/chunk.5KL2GWNQ.js";
 import "../../chunks/chunk.2DT3C6WE.js";
-import "../../chunks/chunk.FKDUVEOP.js";
+import "../../chunks/chunk.LGSQ6DML.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
-import "../../chunks/chunk.TBZAI6T6.js";
+import "../../chunks/chunk.6GMIINJO.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
-import "../../chunks/chunk.2BATB6NO.js";
+import "../../chunks/chunk.NMWM3BP7.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
+import "../../chunks/chunk.4BEGBAQD.js";
+import "../../chunks/chunk.FQ6KKYNN.js";
 import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   tab_group_default as default

package/dist/components/tab-panel/tab-panel.component.js

@@ -1,11 +1,11 @@
 import {
   SynTabPanel
-} from "../../chunks/chunk.6A2AHHWZ.js";
+} from "../../chunks/chunk.DQIPVU4J.js";
 import "../../chunks/chunk.XHWYGYMQ.js";
 import "../../chunks/chunk.6KIX3PER.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynTabPanel as default

package/dist/components/tab-panel/tab-panel.js

@@ -1,12 +1,12 @@
 import {
   tab_panel_default
-} from "../../chunks/chunk.BJUQE5YL.js";
-import "../../chunks/chunk.6A2AHHWZ.js";
+} from "../../chunks/chunk.WAFGHUVD.js";
+import "../../chunks/chunk.DQIPVU4J.js";
 import "../../chunks/chunk.XHWYGYMQ.js";
 import "../../chunks/chunk.6KIX3PER.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   tab_panel_default as default

package/dist/components/tag/tag.component.js

@@ -1,30 +1,30 @@
 import {
   SynTag
-} from "../../chunks/chunk.G7UFPFQ2.js";
+} from "../../chunks/chunk.GKWU7STM.js";
 import "../../chunks/chunk.HU237XM2.js";
 import "../../chunks/chunk.X5NFOV5A.js";
-import "../../chunks/chunk.FKDUVEOP.js";
+import "../../chunks/chunk.LGSQ6DML.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
-import "../../chunks/chunk.TBZAI6T6.js";
+import "../../chunks/chunk.6GMIINJO.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
-import "../../chunks/chunk.2BATB6NO.js";
+import "../../chunks/chunk.NMWM3BP7.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
+import "../../chunks/chunk.4BEGBAQD.js";
+import "../../chunks/chunk.FQ6KKYNN.js";
 import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynTag as default

package/dist/components/tag/tag.js

@@ -1,31 +1,31 @@
 import {
   tag_default
-} from "../../chunks/chunk.XQZR2X4X.js";
-import "../../chunks/chunk.G7UFPFQ2.js";
+} from "../../chunks/chunk.7GX46BNP.js";
+import "../../chunks/chunk.GKWU7STM.js";
 import "../../chunks/chunk.HU237XM2.js";
 import "../../chunks/chunk.X5NFOV5A.js";
-import "../../chunks/chunk.FKDUVEOP.js";
+import "../../chunks/chunk.LGSQ6DML.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
-import "../../chunks/chunk.TBZAI6T6.js";
+import "../../chunks/chunk.6GMIINJO.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
-import "../../chunks/chunk.2BATB6NO.js";
+import "../../chunks/chunk.NMWM3BP7.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
+import "../../chunks/chunk.4BEGBAQD.js";
+import "../../chunks/chunk.FQ6KKYNN.js";
 import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   tag_default as default

package/dist/components/textarea/textarea.component.js

@@ -1,19 +1,19 @@
 import {
   SynTextarea
-} from "../../chunks/chunk.BQ7JABKS.js";
+} from "../../chunks/chunk.OK2D4PQ6.js";
 import "../../chunks/chunk.NDJJVGQL.js";
 import "../../chunks/chunk.3JDUKQRN.js";
 import "../../chunks/chunk.34WYIU4C.js";
 import "../../chunks/chunk.J3GDDM6Q.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
+import "../../chunks/chunk.4BEGBAQD.js";
+import "../../chunks/chunk.FQ6KKYNN.js";
 import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynTextarea as default

package/dist/components/textarea/textarea.js

@@ -1,20 +1,20 @@
 import {
   textarea_default
-} from "../../chunks/chunk.3XQ5VLXY.js";
-import "../../chunks/chunk.BQ7JABKS.js";
+} from "../../chunks/chunk.TSRZZOKK.js";
+import "../../chunks/chunk.OK2D4PQ6.js";
 import "../../chunks/chunk.NDJJVGQL.js";
 import "../../chunks/chunk.3JDUKQRN.js";
 import "../../chunks/chunk.34WYIU4C.js";
 import "../../chunks/chunk.J3GDDM6Q.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
+import "../../chunks/chunk.4BEGBAQD.js";
+import "../../chunks/chunk.FQ6KKYNN.js";
 import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   textarea_default as default

package/dist/components/tooltip/tooltip.component.d.ts

@@ -40,6 +40,12 @@ export default class SynTooltip extends SynergyElement {
     defaultSlot: HTMLSlotElement;
     body: HTMLElement;
     popup: SynPopup;
+    /**
+     * The element the tooltip will be anchored to. If the anchor lives outside of the tooltip, you can provide the anchor
+     * element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the tooltip, use the
+     * `anchor` slot instead.
+     */
+    private anchor;
     /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */
     content: string;
     /**

package/dist/components/tooltip/tooltip.component.js

@@ -1,11 +1,9 @@
 import {
   SynTooltip
-} from "../../chunks/chunk.KT6MHQM6.js";
-import "../../chunks/chunk.E7LBPRDC.js";
-import "../../chunks/chunk.YOFWLXEH.js";
-import "../../chunks/chunk.GIEAMHSU.js";
-import "../../chunks/chunk.36EHOOOO.js";
-import "../../chunks/chunk.DEJAPNIZ.js";
+} from "../../chunks/chunk.MTRKCZX4.js";
+import "../../chunks/chunk.EQUDFX74.js";
+import "../../chunks/chunk.JBNR3EZZ.js";
+import "../../chunks/chunk.3334XOIY.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
 import "../../chunks/chunk.Q6HZ4JXR.js";
 import "../../chunks/chunk.RJUVM6NO.js";
@@ -13,7 +11,7 @@ import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynTooltip as default

package/dist/components/tooltip/tooltip.js

@@ -1,12 +1,10 @@
 import {
   tooltip_default
-} from "../../chunks/chunk.3DCW4HDA.js";
-import "../../chunks/chunk.KT6MHQM6.js";
-import "../../chunks/chunk.E7LBPRDC.js";
-import "../../chunks/chunk.YOFWLXEH.js";
-import "../../chunks/chunk.GIEAMHSU.js";
-import "../../chunks/chunk.36EHOOOO.js";
-import "../../chunks/chunk.DEJAPNIZ.js";
+} from "../../chunks/chunk.XJSWRSR5.js";
+import "../../chunks/chunk.MTRKCZX4.js";
+import "../../chunks/chunk.EQUDFX74.js";
+import "../../chunks/chunk.JBNR3EZZ.js";
+import "../../chunks/chunk.3334XOIY.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
 import "../../chunks/chunk.Q6HZ4JXR.js";
 import "../../chunks/chunk.RJUVM6NO.js";
@@ -14,7 +12,7 @@ import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   tooltip_default as default

package/dist/components/tooltip/tooltip.styles.js

@@ -1,6 +1,6 @@
 import {
   tooltip_styles_default
-} from "../../chunks/chunk.YOFWLXEH.js";
+} from "../../chunks/chunk.EQUDFX74.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   tooltip_styles_default as default

package/dist/components/validate/utility.d.ts

@@ -1,4 +1,8 @@
 import SynergyElement from '../../internal/synergy-element.js';
+/**
+ * An actual element can be any HTMLElement (including SynergyElement subclasses) or undefined if no element is provided.
+ */
+type ActualElement = HTMLElement | undefined;
 /**
  * Check if the provided event name is a blur event
  * @param eventName The event name to check
@@ -38,3 +42,10 @@ export declare const getEventNameForElement: (element: HTMLElement, eventName: s
  * @returns The size that the alert should use
  */
 export declare const alertSizeForInput: (element?: HTMLElement) => "small" | "medium" | "large" | undefined;
+/**
+ * Retrieve the actual input element from the provided element, if it exists.
+ * @param element The element to get the actual input for
+ * @returns The html input element
+ */
+export declare const getActualInputElement: (element: ActualElement) => ActualElement;
+export {};

package/dist/components/validate/utility.js

@@ -1,16 +1,18 @@
 import {
   alertSizeForInput,
+  getActualInputElement,
   getEventNameForElement,
   isBlurEvent,
   isChangeEvent,
   isInvalidEvent,
   isSynergyElement,
   normalizeEventAttribute
-} from "../../chunks/chunk.WEOHOC3C.js";
-import "../../chunks/chunk.V4GFOKBI.js";
+} from "../../chunks/chunk.ZNEQLWGZ.js";
+import "../../chunks/chunk.FUWJV6FF.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   alertSizeForInput,
+  getActualInputElement,
   getEventNameForElement,
   isBlurEvent,
   isChangeEvent,

package/dist/components/validate/validate.component.d.ts

@@ -2,45 +2,58 @@ import type { CSSResultGroup, PropertyValues } from 'lit';
 import SynergyElement from '../../internal/synergy-element.js';
 import type SynInput from '../input/input.component.js';
 import SynAlert from '../alert/alert.component.js';
+import SynTooltip from '../tooltip/tooltip.component.js';
 /**
  * @summary Validate provides form field validation messages in a unified way.
  * It does this by using [the native browser validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)
  * and showing the validation message in a consistent, user defined way.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-validate--docs
  * @dependency syn-alert
+ * @dependency syn-tooltip
  *
  * @slot - The form field that should be validated.
  * Avoid slotting in more than one element, as subsequent ones will be ignored.
  *
  * @csspart base - The component's base wrapper.
  * @csspart input-wrapper - The container that wraps the form field.
+ *
  * @csspart alert - The syn-alert that is shown when the variant is set to "inline".
  * @csspart alert__base - The container that wraps the alert.
  * @csspart alert__message - The container that wraps the alert message.
  * @csspart alert__icon - The container that wraps the alert icon.
- */
+ *
+ * @csspart tooltip - The syn-tooltip that is shown when the variant is set to "tooltip".
+ * @csspart tooltip__base - The container that wraps the tooltip.
+ * @csspart tooltip__popup - The container that wraps the tooltip popup.
+ * @csspart tooltip__arrow - The container that wraps the tooltip arrow.
+ * @csspart tooltip__body - The container that wraps the tooltip body.
+*/
 export default class SynValidate extends SynergyElement {
     static styles: CSSResultGroup;
     static dependencies: {
         'syn-alert': typeof SynAlert;
+        'syn-tooltip': typeof SynTooltip;
     };
     controller: AbortController;
     observer: MutationObserver;
     sizeObserver: MutationObserver;
     private slottedChildren;
+    private tooltipElement?;
     validationMessage: string;
     eagerFirstMount: boolean;
     isInternalTriggeredInvalid: boolean;
     isValid: boolean;
     alertSize?: SynInput['size'];
+    hasFocus: boolean;
     /**
      * The variant that should be used to show validation alerts.
      *
      * The following variants are supported:
      * - **native** (default): Uses the native browser validation, usually a browser tooltip.
+     * - **tooltip**: Show the validation message as a tooltip using a `<syn-tooltip>`.
      * - **inline**: Show the validation message underneath the element, using a `<syn-alert>`
      */
-    variant: 'native' | 'inline';
+    variant: 'native' | 'tooltip' | 'inline';
     /** Do not show the error icon when using the inline variant validation */
     hideIcon: boolean;
     /**
@@ -116,6 +129,11 @@ export default class SynValidate extends SynergyElement {
      * @param e The event that was received
      */
     private internalRevalidate;
+    /**
+     * Handle focus/blur events for tooltip variant
+     */
+    private handleInputFocus;
+    private handleInputBlur;
     /**
      * Handle the blur event during validation
      */
@@ -127,6 +145,7 @@ export default class SynValidate extends SynergyElement {
     firstUpdated(changedProperties: PropertyValues): Promise<void>;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    updated(changedProperties: PropertyValues): void;
     private renderInlineValidation;
     render(): import("lit").TemplateResult<1>;
 }