@synergy-design-system/components 2.64.1 → 2.66.0

package/dist/chunks/{chunk.63C2FVQK.js → chunk.MIJORSTH.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.EFSUQWJZ.js";
 import {
   SynNavItem
-} from "./chunk.2LGLJN2Q.js";
+} from "./chunk.UBZCK6SG.js";
 import {
   SynDivider
-} from "./chunk.GJKZLFB3.js";
+} from "./chunk.NV7OURAE.js";
 import {
   SynDrawer
-} from "./chunk.T4J7JNYQ.js";
+} from "./chunk.COSZI476.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.XXWCH7BU.js";
+} from "./chunk.T2NTDWO2.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.A6LVL6ZN.js";
+} from "./chunk.L2QPM6ND.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -349,4 +349,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.63C2FVQK.js.map
+//# sourceMappingURL=chunk.MIJORSTH.js.map

package/dist/chunks/{chunk.4MFIFEUR.js → chunk.MP3TFY3C.js}

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

package/dist/chunks/{chunk.54PQE5R3.js → chunk.MTPMIW7G.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.A6LVL6ZN.js";
+} from "./chunk.L2QPM6ND.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.54PQE5R3.js.map
+//# sourceMappingURL=chunk.MTPMIW7G.js.map

package/dist/chunks/{chunk.WWG56SLA.js → chunk.MX5RFQBO.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G4URZQCL.js";
 import {
   SynButton
-} from "./chunk.GB5NBCDB.js";
+} from "./chunk.7ILSINEN.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.XXWCH7BU.js";
+} from "./chunk.T2NTDWO2.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.A6LVL6ZN.js";
+} from "./chunk.L2QPM6ND.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -534,4 +534,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.WWG56SLA.js.map
+//# sourceMappingURL=chunk.MX5RFQBO.js.map

package/dist/chunks/{chunk.N6NACQIL.js → chunk.MZRNJOUV.js}

@@ -6,7 +6,6 @@ var icons = {
   "chevron-right": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="m9.705 6-1.41 1.41 4.58 4.59-4.58 4.59L9.705 18l6-6z"/></svg>`,
   "details-close": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="m7.41 15.705 4.59-4.58 4.59 4.58 1.41-1.41-6-6-6 6z"/></svg>`,
   "details-open": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M16.59 8.295 12 12.875l-4.59-4.58L6 9.705l6 6 6-6z"/></svg>`,
-  "error": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"/></svg>`,
   "eye": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"/></svg>`,
   "eye-slash": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12.005 6.5c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16c.57-.23 1.18-.36 1.83-.36m-10-2.73 2.74 2.74a11.8 11.8 0 0 0-3.74 4.99c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42 2.93 2.92 1.27-1.27L3.275 2.5zm5.53 5.53 1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"/></svg>`,
   "indeterminate": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M19 13H5v-2h14z"/></svg>`,
@@ -16,7 +15,7 @@ var icons = {
   "more-vert": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"/></svg>`,
   "placeholder": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M4 4h7V2H4c-1.1 0-2 .9-2 2v7h2zm6 9-4 5h12l-3-4-2.03 2.71zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5M20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2m0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4z"/></svg>`,
   "radio": `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill='currentColor'><path d="M6 1C3.235 1 1 3.235 1 6s2.235 5 5 5 5-2.235 5-5-2.235-5-5-5"/></svg>`,
-  "status-error": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"/></svg>`,
+  "status-error": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27zM12 17.3c-.72 0-1.3-.58-1.3-1.3s.58-1.3 1.3-1.3 1.3.58 1.3 1.3-.58 1.3-1.3 1.3m1-4.3h-2V7h2z"/></svg>`,
   "status-informative": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"/></svg>`,
   "status-neutral": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6A3.61 3.61 0 0 1 8.4 12c0-1.98 1.62-3.6 3.6-3.6s3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"/></svg>`,
   "status-success": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"/></svg>`,
@@ -32,4 +31,4 @@ var icons = {
 export {
   icons
 };
-//# sourceMappingURL=chunk.N6NACQIL.js.map
+//# sourceMappingURL=chunk.MZRNJOUV.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/icon/sick2018-system-icons.ts"],
+  "sourcesContent": ["/* eslint-disable */\nexport const icons = {\n  \"add\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z\\\"/></svg>\",\n  \"check\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m8.795 15.875-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41z\\\"/></svg>\",\n  \"chevron-down\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M16.59 8.295 12 12.875l-4.59-4.58L6 9.705l6 6 6-6z\\\"/></svg>\",\n  \"chevron-right\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m9.705 6-1.41 1.41 4.58 4.59-4.58 4.59L9.705 18l6-6z\\\"/></svg>\",\n  \"details-close\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m7.41 15.705 4.59-4.58 4.59 4.58 1.41-1.41-6-6-6 6z\\\"/></svg>\",\n  \"details-open\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M16.59 8.295 12 12.875l-4.59-4.58L6 9.705l6 6 6-6z\\\"/></svg>\",\n  \"eye\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3\\\"/></svg>\",\n  \"eye-slash\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12.005 6.5c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16c.57-.23 1.18-.36 1.83-.36m-10-2.73 2.74 2.74a11.8 11.8 0 0 0-3.74 4.99c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42 2.93 2.92 1.27-1.27L3.275 2.5zm5.53 5.53 1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z\\\"/></svg>\",\n  \"indeterminate\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M19 13H5v-2h14z\\\"/></svg>\",\n  \"logo-color\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"295\\\" height=\\\"94\\\" viewBox=\\\"0 0 295 94\\\" fill='currentColor'><g clip-path=\\\"url(#a)\\\"><path d=\\\"M166.804 0c17.635 0 32.971 9.893 40.87 24.488l-19.073 10.294c-4.267-7.863-12.513-13.106-21.797-13.106-13.541 0-24.871 11.138-24.872 25.315 0 14.178 11.331 25.317 24.872 25.317 9.475 0 17.923-5.453 22.103-13.595l19.054 10.346c-7.829 14.83-23.348 24.924-41.157 24.924-25.707 0-46.547-21.04-46.547-46.992S141.097 0 166.804 0M57.284 1.672c12.541 0 21.494 9.388 21.494 21.293H26.875c-6.976.993-7.42 11.696 0 12.906h27.64c15.162.41 27.258 12.48 27.258 27.763 0 14.081-11.947 28.233-27.187 28.233H26.082c-12.131 0-25.49-6.549-25.49-21.754.156 0 46.595 0 54.003.008 7.898-1.576 7.018-11.538 0-12.914h-27.72c-14.752 0-26.43-12.593-26.43-27.598 0-14.43 10.79-27.937 26.43-27.937zm53.794 90.195h-21.3V1.663h21.3zM237.535 1.663V37.84h8.291l22.398-36.176h26.492L264.192 47.34l30.079 44.527h-26.5L245.103 56.92h-7.568v34.948H215.99V1.663z\\\"/></g><defs><clipPath id=\\\"a\\\"><path d=\\\"M0 0h295v94H0z\\\"/></clipPath></defs></svg>\",\n  \"menu\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z\\\"/></svg>\",\n  \"more\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\\\"/></svg>\",\n  \"more-vert\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\\\"/></svg>\",\n  \"placeholder\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M4 4h7V2H4c-1.1 0-2 .9-2 2v7h2zm6 9-4 5h12l-3-4-2.03 2.71zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5M20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2m0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4z\\\"/></svg>\",\n  \"radio\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"12\\\" height=\\\"12\\\" viewBox=\\\"0 0 12 12\\\" fill='currentColor'><path d=\\\"M6 1C3.235 1 1 3.235 1 6s2.235 5 5 5 5-2.235 5-5-2.235-5-5-5\\\"/></svg>\",\n  \"status-error\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27zM12 17.3c-.72 0-1.3-.58-1.3-1.3s.58-1.3 1.3-1.3 1.3.58 1.3 1.3-.58 1.3-1.3 1.3m1-4.3h-2V7h2z\\\"/></svg>\",\n  \"status-informative\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z\\\"/></svg>\",\n  \"status-neutral\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6A3.61 3.61 0 0 1 8.4 12c0-1.98 1.62-3.6 3.6-3.6s3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6\\\"/></svg>\",\n  \"status-success\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z\\\"/></svg>\",\n  \"status-warning\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M1 21.5h22l-11-19zm12-3h-2v-2h2zm0-4h-2v-4h2z\\\"/></svg>\",\n  \"sticky_sidebar\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm5-2h9V5h-9z\\\"/></svg>\",\n  \"tabs-left\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"m17.835 3.87-1.77-1.77-9.9 9.9 9.9 9.9 1.77-1.77L9.705 12z\\\"/></svg>\",\n  \"tabs-right\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M6.115 20.23 7.885 22l10-10-10-10-1.77 1.77 8.23 8.23z\\\"/></svg>\",\n  \"upload-file\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z\\\"/></svg>\",\n  \"x-circle-fill\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z\\\"/></svg>\",\n  \"x-lg\": \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" viewBox=\\\"0 0 24 24\\\" fill='currentColor'><path d=\\\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\\\"/></svg>\"\n};\n"],
+  "mappings": ";AACO,IAAM,QAAQ;AAAA,EACnB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AACV;",
+  "names": []
+}

package/dist/chunks/{chunk.JMMSJRM5.js → chunk.NREI75V5.js}

@@ -1,8 +1,6 @@
 // src/components/tab/tab.custom.styles.ts
 import { css } from "lit";
 var tab_custom_styles_default = css`
-  /* Write custom CSS here */
-
   :host {
     --background-color: none;
     --border-width: var(--syn-border-width-none);
@@ -48,14 +46,13 @@ var tab_custom_styles_default = css`
   }
 
   .tab:hover:not(.tab--disabled) {
-    color: var(--syn-color-primary-700);
+    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-700));
   }
 
-  .tab.tab--active:not(.tab--disabled) {
+  .tab.tab--active:not(:hover):not(.tab--disabled) {
     color: var(--syn-typography-color-text);
   }
 
-
   /**
    * Closable
    */
@@ -64,7 +61,7 @@ var tab_custom_styles_default = css`
   }
 
   .tab__close-button {
-    color: var(--syn-color-neutral-500);
+    color: var(--syn-input-icon-icon-clearable-color, var(--syn-color-neutral-500));
     font-size: var(--syn-font-size-x-large);
     margin-inline-start: var(--syn-spacing-2x-small);
   }
@@ -74,7 +71,7 @@ var tab_custom_styles_default = css`
   }
 
   .tab__close-button::part(base):hover {
-    color: var(--syn-color-primary-700);
+    color: var(--syn-input-icon-icon-clearable-color-hover, var(--syn-color-primary-700));
   }
 
   .tab--active {
@@ -89,9 +86,14 @@ var tab_custom_styles_default = css`
     font-size: var(--syn-font-size-x-large);
     margin-inline-end: var(--syn-spacing-x-small);
   }
+
+  /* #969: Prevent interactive color when close button is hovered */
+  .tab.tab--closable:hover:has(.tab__close-button:hover) {
+    color: var(--syn-typography-color-text);
+  }
 `;
 
 export {
   tab_custom_styles_default
 };
-//# sourceMappingURL=chunk.JMMSJRM5.js.map
+//# sourceMappingURL=chunk.NREI75V5.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tab/tab.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --background-color: none;\n    --border-width: var(--syn-border-width-none);\n    --border-color: none;\n    --border-radius: var(--syn-border-radius-none);\n  }\n\n  .tab {\n    border-color: transparent;\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-small-bold);\n    min-height: var(--syn-spacing-2x-large);\n    padding: var(--syn-spacing-small) var(--syn-spacing-large);\n\n    /* Stretch the tabs so they are aligned to each other vertically and the focus width stays the same  */\n    width: 100%;\n  }\n\n\n  /** #429: Use token for opacity */\n  .tab.tab--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Focus\n   */\n  :host(:focus-visible) {\n    outline-offset: calc(var(--syn-focus-ring-offset) * -1);\n  }\n\n  :host(:focus-visible:not(.tab--disabled)) {\n    color: var(--syn-typography-color-text);\n  }\n\n  @media (forced-colors: active) {\n    .tab.tab--active:not(.tab--disabled) {\n      outline-offset: calc(var(--syn-focus-ring-offset) * -1);\n    }\n  }\n\n  .tab:hover:not(.tab--disabled) {\n    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-700));\n  }\n\n  .tab.tab--active:not(:hover):not(.tab--disabled) {\n    color: var(--syn-typography-color-text);\n  }\n\n  /**\n   * Closable\n   */\n  .tab.tab--closable {\n    padding: var(--syn-spacing-2x-small) var(--syn-spacing-large);\n  }\n\n  .tab__close-button {\n    color: var(--syn-input-icon-icon-clearable-color, var(--syn-color-neutral-500));\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  .tab__close-button::part(base) {\n    padding: var(--syn-spacing-x-small);\n  }\n\n  .tab__close-button::part(base):hover {\n    color: var(--syn-input-icon-icon-clearable-color-hover, var(--syn-color-primary-700));\n  }\n\n  .tab--active {\n    background-color: var(--background-color);\n    border-color: var(--border-color);\n    border-style: solid;\n    border-width: var(--border-width);\n  }\n\n  /* Slotted icon style */\n  .tab ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /* #969: Prevent interactive color when close button is hovered */\n  .tab.tab--closable:hover:has(.tab__close-button:hover) {\n    color: var(--syn-typography-color-text);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,4BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.GJKZLFB3.js → chunk.NV7OURAE.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.A6LVL6ZN.js";
+} from "./chunk.L2QPM6ND.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.GJKZLFB3.js.map
+//# sourceMappingURL=chunk.NV7OURAE.js.map

package/dist/chunks/{chunk.EW2OHZZF.js → chunk.ONLIY7OQ.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.JLM45YDS.js";
+} from "./chunk.W7WFMSPT.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.EW2OHZZF.js.map
+//# sourceMappingURL=chunk.ONLIY7OQ.js.map

package/dist/chunks/{chunk.RE3XYMEM.js → chunk.OWXSJ6AM.js}

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

package/dist/chunks/{chunk.KEONVAGG.js → chunk.PDJK7543.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.IO7HGVDM.js";
+} from "./chunk.3YJUB4YY.js";
 import {
   range_styles_default
 } from "./chunk.BXXVSZMC.js";
@@ -35,7 +35,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.A6LVL6ZN.js";
+} from "./chunk.L2QPM6ND.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -716,4 +716,4 @@ SynRange = __decorateClass([
 export {
   SynRange
 };
-//# sourceMappingURL=chunk.KEONVAGG.js.map
+//# sourceMappingURL=chunk.PDJK7543.js.map

package/dist/chunks/{chunk.RAMLUWQO.js → chunk.PHX2PQCZ.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.S5QEDRXS.js";
+} from "./chunk.EB5O75D6.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.RAMLUWQO.js.map
+//# sourceMappingURL=chunk.PHX2PQCZ.js.map

package/dist/chunks/{chunk.FVQDWSFK.js → chunk.PJY3DCC3.js}

@@ -1,9 +1,9 @@
-import {
-  icon_default
-} from "./chunk.5CL5XD25.js";
 import {
   header_styles_default
 } from "./chunk.EK4TK5MY.js";
+import {
+  icon_default
+} from "./chunk.DOFCWLUT.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.A6LVL6ZN.js";
+} from "./chunk.L2QPM6ND.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -206,4 +206,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.FVQDWSFK.js.map
+//# sourceMappingURL=chunk.PJY3DCC3.js.map

package/dist/chunks/{chunk.3XNTQDVL.js → chunk.QBR2GNYK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.XXWCH7BU.js";
+} from "./chunk.T2NTDWO2.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.A6LVL6ZN.js";
+} from "./chunk.L2QPM6ND.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.3XNTQDVL.js.map
+//# sourceMappingURL=chunk.QBR2GNYK.js.map

package/dist/chunks/{chunk.V7CBOZZP.js → chunk.QHJAEREG.js}

@@ -1,15 +1,15 @@
+import {
+  delimiterToWhiteSpace
+} from "./chunk.ARR23WUY.js";
 import {
   option_custom_styles_default
 } from "./chunk.G3KRSXVI.js";
 import {
   option_styles_default
 } from "./chunk.IVM3BGRH.js";
-import {
-  delimiterToWhiteSpace
-} from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.XXWCH7BU.js";
+} from "./chunk.T2NTDWO2.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.A6LVL6ZN.js";
+} from "./chunk.L2QPM6ND.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -186,4 +186,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.V7CBOZZP.js.map
+//# sourceMappingURL=chunk.QHJAEREG.js.map

package/dist/chunks/{chunk.KBBW7LAA.js → chunk.QUHPCPQ3.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.2WSTW4B6.js";
+} from "./chunk.5NCD5G4E.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = SynButtonGroup;
@@ -9,4 +9,4 @@ SynButtonGroup.define("syn-button-group");
 export {
   button_group_default
 };
-//# sourceMappingURL=chunk.KBBW7LAA.js.map
+//# sourceMappingURL=chunk.QUHPCPQ3.js.map

package/dist/chunks/{chunk.NKHRSUZN.js → chunk.R3O3NJ3O.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.UPMCT5ZH.js";
+} from "./chunk.ZJIGAIDL.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.NKHRSUZN.js.map
+//# sourceMappingURL=chunk.R3O3NJ3O.js.map

package/dist/chunks/{chunk.2TJTDQ25.js → chunk.R3WQIYNT.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.XQVTOS2E.js";
+} from "./chunk.FNQLHQHX.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.2TJTDQ25.js.map
+//# sourceMappingURL=chunk.R3WQIYNT.js.map

package/dist/chunks/{chunk.54GG4GGT.js → chunk.RH2BINVL.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.L35BG3C2.js";
+} from "./chunk.HNKSK5CG.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.54GG4GGT.js.map
+//# sourceMappingURL=chunk.RH2BINVL.js.map

package/dist/chunks/{chunk.RU6AG3ZT.js → chunk.RZ5SXENN.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.V7CBOZZP.js";
+} from "./chunk.QHJAEREG.js";
 import {
   SynPopup
-} from "./chunk.XQVTOS2E.js";
+} from "./chunk.FNQLHQHX.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.XXWCH7BU.js";
+} from "./chunk.T2NTDWO2.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -66,7 +66,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.A6LVL6ZN.js";
+} from "./chunk.L2QPM6ND.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -935,4 +935,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.RU6AG3ZT.js.map
+//# sourceMappingURL=chunk.RZ5SXENN.js.map

package/dist/chunks/{chunk.6WEPOTHD.js → chunk.SJ2ZZ2N6.js}

@@ -1,18 +1,18 @@
 import {
   tab_group_custom_styles_default
-} from "./chunk.XOXVVU5C.js";
+} from "./chunk.LBUMVFCE.js";
 import {
   tab_group_styles_default
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.J6DRJPDH.js";
+} from "./chunk.WRCGD5EJ.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.BSWTYIMG.js";
+} from "./chunk.Z4IDAOYF.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.A6LVL6ZN.js";
+} from "./chunk.L2QPM6ND.js";
 import {
   __decorateClass,
   __spreadValues
@@ -385,6 +385,7 @@ var SynTabGroup = class extends SynergyElement {
     e.preventDefault();
   }
   render() {
+    const isRtl = this.localize.dir() === "rtl";
     return html`
       <div
         part="base"
@@ -411,7 +412,7 @@ var SynTabGroup = class extends SynergyElement {
       "tab-group__scroll-button--start": true,
       "tab-group__scroll-button--start--hidden": this.shouldHideScrollStartButton
     })}
-                  name="chevron-right"
+                  name=${isRtl ? "tabs-right" : "tabs-left"}
                   library="system"
                   tabindex="-1"
                   aria-hidden="true"
@@ -439,7 +440,7 @@ var SynTabGroup = class extends SynergyElement {
       "tab-group__scroll-button--end": true,
       "tab-group__scroll-button--end--hidden": this.shouldHideScrollEndButton
     })}
-                  name="chevron-right"
+                  name=${isRtl ? "tabs-left" : "tabs-right"}
                   library="system"
                   tabindex="-1"
                   aria-hidden="true"
@@ -515,4 +516,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.6WEPOTHD.js.map
+//# sourceMappingURL=chunk.SJ2ZZ2N6.js.map