@synergy-design-system/components 2.39.1 → 2.40.0

package/dist/chunks/{chunk.Q7O642EW.js → chunk.CBVQAM42.js}

@@ -6,25 +6,25 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.4WBY7LKD.js";
+} from "./chunk.ILXP2UV3.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.UJQQ35B3.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.BANJ5DAQ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass,
   __spreadValues
@@ -515,4 +515,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.Q7O642EW.js.map
+//# sourceMappingURL=chunk.CBVQAM42.js.map

package/dist/chunks/{chunk.7LNEMOPT.js → chunk.CR5OJZVY.js}

@@ -1,24 +1,24 @@
 import {
   radio_custom_styles_default
-} from "./chunk.34TP5THB.js";
+} from "./chunk.GKA5WPFF.js";
 import {
   radio_styles_default
 } from "./chunk.EHSNF4SS.js";
 import {
   SynIcon
-} from "./chunk.6TVA3W47.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.WFJVDRQR.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ SynRadio = __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.7LNEMOPT.js.map
+//# sourceMappingURL=chunk.CR5OJZVY.js.map

package/dist/chunks/{chunk.XORPVB4J.js → chunk.CYEJUEKV.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.ATR7YYM2.js";
+} from "./chunk.FCSIWF7F.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.XORPVB4J.js.map
+//# sourceMappingURL=chunk.CYEJUEKV.js.map

package/dist/chunks/{chunk.YYOO7G3C.js → chunk.DPZV7NWK.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.Z7XH5MW3.js";
+} from "./chunk.7ALJE6TM.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.YYOO7G3C.js.map
+//# sourceMappingURL=chunk.DPZV7NWK.js.map

package/dist/chunks/{chunk.C5ZT3KT6.js → chunk.EFQNVNFO.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.4ODI3ZT3.js";
+} from "./chunk.BN6FB3CA.js";
 import {
   select_custom_styles_default
 } from "./chunk.DOOJ2WJ7.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk.VECCQZP5.js";
 import {
   SynPopup
-} from "./chunk.W7UGIK2A.js";
+} from "./chunk.6CC5CH2P.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -35,27 +35,27 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.7JGKUB4A.js";
-import {
-  HasSlotController
-} from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.6TVA3W47.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.WFJVDRQR.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
+import {
+  HasSlotController
+} from "./chunk.WVVQK5TE.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.C5ZT3KT6.js.map
+//# sourceMappingURL=chunk.EFQNVNFO.js.map

package/dist/chunks/{chunk.WA573FG5.js → chunk.EHP7QJLA.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.MJ7R4QQT.js";
 import {
   SynDivider
-} from "./chunk.E2MK3B3P.js";
+} from "./chunk.P2IQYZXI.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.WA573FG5.js.map
+//# sourceMappingURL=chunk.EHP7QJLA.js.map

package/dist/chunks/{chunk.JDMIUAJT.js → chunk.ERNOW7CO.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.PNB4HK4G.js";
+} from "./chunk.Q476ENNF.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.JDMIUAJT.js.map
+//# sourceMappingURL=chunk.ERNOW7CO.js.map

package/dist/chunks/{chunk.MGUQXODX.js → chunk.EWOH3PLM.js}

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

package/dist/chunks/{chunk.3O3Z2PSK.js → chunk.FAYDWGEL.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.ZUKGJ44H.js";
+} from "./chunk.BABJ4GYZ.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.3O3Z2PSK.js.map
+//# sourceMappingURL=chunk.FAYDWGEL.js.map

package/dist/chunks/{chunk.ATR7YYM2.js → chunk.FCSIWF7F.js}

@@ -1,12 +1,12 @@
-import {
-  dialog_styles_default
-} from "./chunk.MU43DZ7W.js";
 import {
   Modal
 } from "./chunk.AYAX7BG7.js";
 import {
   dialog_custom_styles_default
 } from "./chunk.IU3SSJZE.js";
+import {
+  dialog_styles_default
+} from "./chunk.MU43DZ7W.js";
 import {
   lockBodyScrolling,
   unlockBodyScrolling
@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.UJQQ35B3.js";
+} from "./chunk.BANJ5DAQ.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -28,21 +28,21 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.7JGKUB4A.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.ATR7YYM2.js.map
+//# sourceMappingURL=chunk.FCSIWF7F.js.map

package/dist/chunks/{chunk.HJXBKRZ7.js → chunk.G4K3PDVG.js}

@@ -1,3 +1,9 @@
+import {
+  badge_custom_styles_default
+} from "./chunk.J6CGTLVH.js";
+import {
+  badge_styles_default
+} from "./chunk.Y5TMYX2L.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -9,13 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
-import {
-  badge_custom_styles_default
-} from "./chunk.J6CGTLVH.js";
-import {
-  badge_styles_default
-} from "./chunk.Y5TMYX2L.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.HJXBKRZ7.js.map
+//# sourceMappingURL=chunk.G4K3PDVG.js.map

package/dist/chunks/{chunk.34TP5THB.js → chunk.GKA5WPFF.js}

@@ -43,6 +43,15 @@ var radio_custom_styles_default = css`
     top: -2px;
   }
 
+  /**
+   * #920: The new icons are instances in figma.
+   * The width of the system icon is 12px x 12px, so there is no inner padding.
+   * To accommodate for this, we need to set the width and height of the icon to 50% to get the same result as before.
+   */
+  .radio__checked-icon {
+    scale: 0.5;
+  }
+
   /* /Fix#456 */
 
   /* Size modifiers */
@@ -66,4 +75,4 @@ var radio_custom_styles_default = css`
 export {
   radio_custom_styles_default
 };
-//# sourceMappingURL=chunk.34TP5THB.js.map
+//# sourceMappingURL=chunk.GKA5WPFF.js.map

package/dist/chunks/{chunk.34TP5THB.js.map → chunk.GKA5WPFF.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/radio/radio.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host(:focus-visible) .radio__control {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-width);\n  }\n\n  /** #429: Use token for opacity */\n  .radio--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled):hover  .radio__control {\n    background-color: var(--syn-color-primary-950);\n    border-color: var(--syn-color-primary-950);\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled):hover .radio__control {\n    border-color: var(--syn-color-primary-900);\n  }\n\n  /* Fix#456: Multi line radio fixes */\n  .radio__label {\n    margin-inline-start: var(--syn-spacing-x-small);\n    position: relative;\n  }\n\n  .radio--small .radio__label {\n    font: var(--syn-body-small-regular);\n    top: -3px;\n  }\n\n  .radio--medium .radio__label {\n    font: var(--syn-body-medium-regular);\n    top: -3px;\n  }\n\n  .radio--large .radio__label {\n    font: var(--syn-body-large-regular);\n    top: -2px;\n  }\n\n  /* /Fix#456 */\n\n  /* Size modifiers */\n  .radio--small {\n    --toggle-size: var(--syn-input-font-size-small);\n  }\n\n  .radio--medium {\n    --toggle-size: var(--syn-font-size-medium);\n  }\n\n  .radio--large {\n    --toggle-size: var(--syn-spacing-large);\n  }\n\n  .radio--small .radio__label, .radio--large .radio__label  {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,8BAAQ;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;",
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host(:focus-visible) .radio__control {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-width);\n  }\n\n  /** #429: Use token for opacity */\n  .radio--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled):hover  .radio__control {\n    background-color: var(--syn-color-primary-950);\n    border-color: var(--syn-color-primary-950);\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled):hover .radio__control {\n    border-color: var(--syn-color-primary-900);\n  }\n\n  /* Fix#456: Multi line radio fixes */\n  .radio__label {\n    margin-inline-start: var(--syn-spacing-x-small);\n    position: relative;\n  }\n\n  .radio--small .radio__label {\n    font: var(--syn-body-small-regular);\n    top: -3px;\n  }\n\n  .radio--medium .radio__label {\n    font: var(--syn-body-medium-regular);\n    top: -3px;\n  }\n\n  .radio--large .radio__label {\n    font: var(--syn-body-large-regular);\n    top: -2px;\n  }\n\n  /**\n   * #920: The new icons are instances in figma.\n   * The width of the system icon is 12px x 12px, so there is no inner padding.\n   * To accommodate for this, we need to set the width and height of the icon to 50% to get the same result as before.\n   */\n  .radio__checked-icon {\n    scale: 0.5;\n  }\n\n  /* /Fix#456 */\n\n  /* Size modifiers */\n  .radio--small {\n    --toggle-size: var(--syn-input-font-size-small);\n  }\n\n  .radio--medium {\n    --toggle-size: var(--syn-font-size-medium);\n  }\n\n  .radio--large {\n    --toggle-size: var(--syn-spacing-large);\n  }\n\n  .radio--small .radio__label, .radio--large .radio__label  {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,8BAAQ;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.AM3PSWK5.js → chunk.GNARCUSW.js}

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

package/dist/chunks/{chunk.327MCHUH.js → chunk.GQ77BF6G.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.327MCHUH.js.map
+//# sourceMappingURL=chunk.GQ77BF6G.js.map

package/dist/chunks/{chunk.GJ6RRIHU.js → chunk.H44OLU6E.js}

@@ -9,19 +9,19 @@ import {
 } from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.6TVA3W47.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.WFJVDRQR.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -165,4 +165,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.GJ6RRIHU.js.map
+//# sourceMappingURL=chunk.H44OLU6E.js.map

package/dist/chunks/{chunk.ELMS2CDY.js → chunk.HDUJYDWI.js}

@@ -17,18 +17,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -375,4 +375,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.ELMS2CDY.js.map
+//# sourceMappingURL=chunk.HDUJYDWI.js.map

package/dist/chunks/{chunk.AQDHOVZ7.js → chunk.HF2LNFVP.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.4DIFKO2U.js";
+} from "./chunk.XPN4WSF6.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.AQDHOVZ7.js.map
+//# sourceMappingURL=chunk.HF2LNFVP.js.map

package/dist/chunks/{chunk.LTTM2XEY.js → chunk.ILHPLWJP.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.A4TSILZP.js";
+} from "./chunk.6GZZW3DM.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.LTTM2XEY.js.map
+//# sourceMappingURL=chunk.ILHPLWJP.js.map

package/dist/chunks/{chunk.4WBY7LKD.js → chunk.ILXP2UV3.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.4WBY7LKD.js.map
+//# sourceMappingURL=chunk.ILXP2UV3.js.map

package/dist/chunks/{chunk.S6MAPJII.js → chunk.ITEXZXUT.js}

@@ -1,4 +1,4 @@
-// src/components/icon/library.system.ts
+// src/components/icon/sick2018-system-icons.ts
 var icons = {
   "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>`,
   "caret": `<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>`,
@@ -13,24 +13,14 @@ var icons = {
   "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>`,
   "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>`,
   "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>`,
-  "radio": `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill='currentColor'><path d="M17 12a5 5 0 1 1-10 0 5 5 0 0 1 10 0"/></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>`,
   "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>`,
   "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>`,
   "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>`,
   "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>`
 };
-var systemLibrary = {
-  name: "system",
-  resolver: (name) => {
-    if (name in icons) {
-      return icons[name];
-    }
-    return "";
-  }
-};
-var library_system_default = systemLibrary;
 
 export {
-  library_system_default
+  icons
 };
-//# sourceMappingURL=chunk.S6MAPJII.js.map
+//# sourceMappingURL=chunk.ITEXZXUT.js.map

package/dist/chunks/chunk.ITEXZXUT.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  \"caret\": \"<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  \"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  \"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>\",\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 fill-rule=\\\"evenodd\\\" d=\\\"M207.961 69.06c-7.829 14.83-23.348 24.923-41.157 24.923-25.708 0-46.547-21.04-46.547-46.991C120.257 21.04 141.096 0 166.804 0c17.635 0 32.971 9.893 40.87 24.489l-19.072 10.293c-4.267-7.864-12.514-13.106-21.798-13.106-13.542 0-24.872 11.138-24.872 25.316s11.33 25.315 24.872 25.315c9.475 0 17.922-5.451 22.103-13.594zM111.078 1.662H89.777v90.204h21.301zM26.082 91.867c-12.13 0-25.49-6.549-25.49-21.754 0 0 46.582 0 54.002.008 7.899-1.576 7.02-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.937h30.411c12.54 0 21.493 9.388 21.493 21.293H26.875c-6.976.992-7.42 11.695 0 12.906h27.64c15.162.409 27.258 12.48 27.258 27.763 0 14.081-11.948 28.233-27.188 28.233zm189.908 0V1.663h21.545V37.84h8.291l22.398-36.176h26.492L264.192 47.34l30.08 44.527h-26.501l-22.668-34.948h-7.568v34.948z\\\" clip-rule=\\\"evenodd\\\"/></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  \"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  \"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  \"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,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AACV;",
+  "names": []
+}

package/dist/chunks/{chunk.X27B475F.js → chunk.J4D7YIBL.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6U2NV7JW.js";
+} from "./chunk.3AZFEB6D.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.X27B475F.js.map
+//# sourceMappingURL=chunk.J4D7YIBL.js.map

package/dist/chunks/{chunk.3FUL5ELY.js → chunk.K2TBE7X4.js}

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

package/dist/chunks/{chunk.J2S2W2NM.js → chunk.KLGGS6VW.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.5V3EAJDO.js";
+} from "./chunk.2JOI3AFS.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.J2S2W2NM.js.map
+//# sourceMappingURL=chunk.KLGGS6VW.js.map