@synergy-design-system/components 2.19.0 → 2.19.2

package/dist/chunks/{chunk.JSSHKJMN.js → chunk.L4AD5A4C.js}

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

package/dist/chunks/{chunk.2GGXVYWZ.js → chunk.LJVBQDPO.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.56EIUHKT.js";
+} from "./chunk.4GO3CKSX.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -39,7 +39,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.2GGXVYWZ.js.map
+//# sourceMappingURL=chunk.LJVBQDPO.js.map

package/dist/chunks/{chunk.7N2UBU5L.js → chunk.LYPAFIHE.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.UPKC2QQH.js";
+} from "./chunk.T554U5RP.js";
 import {
   arraysDiffer,
   getNormalizedValueFromClientX,
@@ -32,7 +32,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -710,4 +710,4 @@ __decorateClass([
 export {
   SynRange
 };
-//# sourceMappingURL=chunk.7N2UBU5L.js.map
+//# sourceMappingURL=chunk.LYPAFIHE.js.map

package/dist/chunks/{chunk.L4GABA3G.js → chunk.M2DLGA7J.js}

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

package/dist/chunks/{chunk.357KKTTU.js → chunk.MDBUQ4E3.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.357KKTTU.js.map
+//# sourceMappingURL=chunk.MDBUQ4E3.js.map

package/dist/chunks/{chunk.46DXWOMC.js → chunk.N4LCQIX6.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.HQ6QUSK7.js";
 import {
   SynIcon
-} from "./chunk.CNW3QYWN.js";
+} from "./chunk.CYLL2VNN.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -241,4 +241,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.46DXWOMC.js.map
+//# sourceMappingURL=chunk.N4LCQIX6.js.map

package/dist/chunks/{chunk.IMYS22JV.js → chunk.N7WGPTHM.js}

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

package/dist/chunks/{chunk.UC7UQUSZ.js → chunk.NOCY4662.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.ZMAEYUFQ.js";
+} from "./chunk.TRYGLZCA.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = SynProgressRing;
@@ -9,4 +9,4 @@ SynProgressRing.define("syn-progress-ring");
 export {
   progress_ring_default
 };
-//# sourceMappingURL=chunk.UC7UQUSZ.js.map
+//# sourceMappingURL=chunk.NOCY4662.js.map

package/dist/chunks/{chunk.DFFJEMZ6.js → chunk.OXQEMOQS.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.B3R4UC4Q.js";
+} from "./chunk.YCRUDIHZ.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.DFFJEMZ6.js.map
+//# sourceMappingURL=chunk.OXQEMOQS.js.map

package/dist/chunks/{chunk.VNDW2IEQ.js → chunk.P6V4BX6E.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.VNDW2IEQ.js.map
+//# sourceMappingURL=chunk.P6V4BX6E.js.map

package/dist/chunks/{chunk.S5KFXPIJ.js → chunk.PGGPSI2F.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.2GGXVYWZ.js";
+} from "./chunk.LJVBQDPO.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.S5KFXPIJ.js.map
+//# sourceMappingURL=chunk.PGGPSI2F.js.map

package/dist/chunks/{chunk.N7OTXTLS.js → chunk.PLBJHKBZ.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.NZGB2JRG.js";
+} from "./chunk.WDZPER7K.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.N7OTXTLS.js.map
+//# sourceMappingURL=chunk.PLBJHKBZ.js.map

package/dist/chunks/{chunk.IU6NVMZQ.js → chunk.QFFFOALX.js}

@@ -9,17 +9,17 @@ import {
 } from "./chunk.V4HPWQE7.js";
 import {
   SynPopup
-} from "./chunk.7TQUQLHB.js";
+} from "./chunk.EO34ZPKP.js";
 import {
   SynSpinner
-} from "./chunk.NGWCBSV5.js";
+} from "./chunk.3D5RCWDS.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.CNW3QYWN.js";
+} from "./chunk.CYLL2VNN.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.IU6NVMZQ.js.map
+//# sourceMappingURL=chunk.QFFFOALX.js.map

package/dist/chunks/{chunk.DB3QTD7S.js → chunk.R2KVUFIA.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.SHCZO4KK.js";
 import {
   SynDivider
-} from "./chunk.JEWTGBOX.js";
+} from "./chunk.UHJAGFMF.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -339,4 +339,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.DB3QTD7S.js.map
+//# sourceMappingURL=chunk.R2KVUFIA.js.map

package/dist/chunks/{chunk.IUYWOM6V.js → chunk.R4SPHKG6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.MJ7R4QQT.js";
 import {
   SynDivider
-} from "./chunk.JEWTGBOX.js";
+} from "./chunk.UHJAGFMF.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.IUYWOM6V.js.map
+//# sourceMappingURL=chunk.R4SPHKG6.js.map

package/dist/chunks/{chunk.IUWOUOI7.js → chunk.RDAG7DOB.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.2FMJ3QQF.js";
+} from "./chunk.E3X6KDQE.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.IUWOUOI7.js.map
+//# sourceMappingURL=chunk.RDAG7DOB.js.map

package/dist/chunks/{chunk.5WN43A7Y.js → chunk.SDS7TB3N.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.OTJVIROM.js";
+} from "./chunk.6KFAPM72.js";
 import {
   select_styles_default
 } from "./chunk.XTWO6ZZW.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.B6HFSIU2.js";
 import {
   SynPopup
-} from "./chunk.7TQUQLHB.js";
+} from "./chunk.EO34ZPKP.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -36,7 +36,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.CNW3QYWN.js";
+} from "./chunk.CYLL2VNN.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -48,7 +48,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -804,4 +804,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.5WN43A7Y.js.map
+//# sourceMappingURL=chunk.SDS7TB3N.js.map

package/dist/chunks/{chunk.VU63IGV3.js → chunk.SKHIPO4W.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.H3HTSQKK.js";
 import {
   SynDivider
-} from "./chunk.JEWTGBOX.js";
+} from "./chunk.UHJAGFMF.js";
 import {
   SynDrawer
-} from "./chunk.KXSRT3XT.js";
+} from "./chunk.G5CMX6IN.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -315,4 +315,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.VU63IGV3.js.map
+//# sourceMappingURL=chunk.SKHIPO4W.js.map

package/dist/chunks/{chunk.UPKC2QQH.js → chunk.T554U5RP.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.O644HRW3.js";
 import {
   SynPopup
-} from "./chunk.7TQUQLHB.js";
+} from "./chunk.EO34ZPKP.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -275,4 +275,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.UPKC2QQH.js.map
+//# sourceMappingURL=chunk.T554U5RP.js.map

package/dist/chunks/{chunk.VJ4L65KO.js → chunk.T6VDAQ7G.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.3JXHFLH6.js";
+} from "./chunk.5FHF6YUU.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.VJ4L65KO.js.map
+//# sourceMappingURL=chunk.T6VDAQ7G.js.map

package/dist/chunks/{chunk.ODAUETVM.js → chunk.THUW5NBM.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.IU6NVMZQ.js";
+} from "./chunk.QFFFOALX.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.ODAUETVM.js.map
+//# sourceMappingURL=chunk.THUW5NBM.js.map

package/dist/chunks/{chunk.Q6764ZVH.js → chunk.TNZTUW3T.js}

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

package/dist/chunks/{chunk.ZMAEYUFQ.js → chunk.TRYGLZCA.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.ZMAEYUFQ.js.map
+//# sourceMappingURL=chunk.TRYGLZCA.js.map

package/dist/chunks/{chunk.TXTRVYPQ.js → chunk.U2LQ5THB.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.4RGMXBAJ.js";
+} from "./chunk.ZJD5LI5N.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.TXTRVYPQ.js.map
+//# sourceMappingURL=chunk.U2LQ5THB.js.map

package/dist/chunks/{chunk.JEWTGBOX.js → chunk.UHJAGFMF.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.JEWTGBOX.js.map
+//# sourceMappingURL=chunk.UHJAGFMF.js.map

package/dist/chunks/{chunk.CBPV7DL6.js → chunk.VIJSD5A4.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -55,4 +55,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.CBPV7DL6.js.map
+//# sourceMappingURL=chunk.VIJSD5A4.js.map

package/dist/chunks/{chunk.VKRMYKYH.js → chunk.VKR4ZN4R.js}

@@ -6,15 +6,15 @@ var input_custom_styles_default = css`
   * Min-width size adjusted for each size so 2 full digits are shown for type number
   */ 
  
-  :host([size="small"]) {
+  :host([size="small"][type="number"]:not([no-spin-buttons])) {
     min-width: calc(var(--syn-input-font-size-small)*8.3);
   }
 
-  :host([size="medium"]) {
+  :host([size="medium"][type="number"]:not([no-spin-buttons])) {
     min-width: calc(var(--syn-input-font-size-medium)*9.4);
   }
 
-  :host([size="large"]) {
+  :host([size="large"][type="number"]:not([no-spin-buttons])) {
     min-width: calc(var(--syn-input-font-size-large)*10);
   }
 
@@ -258,4 +258,4 @@ var input_custom_styles_default = css`
 export {
   input_custom_styles_default
 };
-//# sourceMappingURL=chunk.VKRMYKYH.js.map
+//# sourceMappingURL=chunk.VKR4ZN4R.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input/input.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n\n  /**\n  * Min-width size adjusted for each size so 2 full digits are shown for type number\n  */ \n \n  :host([size=\"small\"][type=\"number\"]:not([no-spin-buttons])) {\n    min-width: calc(var(--syn-input-font-size-small)*8.3);\n  }\n\n  :host([size=\"medium\"][type=\"number\"]:not([no-spin-buttons])) {\n    min-width: calc(var(--syn-input-font-size-medium)*9.4);\n  }\n\n  :host([size=\"large\"][type=\"number\"]:not([no-spin-buttons])) {\n    min-width: calc(var(--syn-input-font-size-large)*10);\n  }\n\n   /**\n   * Clearable + Password Toggle\n   */\n   .input__clear {\n    color: var(--syn-input-icon-icon-clearable-color);\n  }\n\n  .input--small .input__clear,\n  .input--small .input__password-toggle {\n    font-size: var(--syn-font-size-medium);\n    padding-left: var(--syn-spacing-x-small);\n    padding-right: var(--syn-spacing-small);\n    width: auto;\n  }\n\n  .input--medium .input__clear,\n  .input--medium .input__password-toggle {\n    font-size: var(--syn-font-size-x-large);\n    padding-left: var(--syn-spacing-small);\n    padding-right: var(--syn-spacing-medium);\n    width: auto;\n  }\n\n  .input--large .input__clear,\n  .input--large .input__password-toggle {\n    font-size: var(--syn-font-size-2x-large);\n    padding-left: var(--syn-spacing-medium);\n    padding-right: var(--syn-spacing-large);\n    width: auto;\n  }\n\n  /* Prefix / Suffix color */\n  .input__prefix ::slotted(*),\n  .input__suffix ::slotted(*) {\n    color: var(--syn-input-icon-color);\n  }\n\n\n  /* PADDINGS */\n  .input--small .input__control {\n    padding: var(--syn-spacing-3x-small) var(--syn-input-spacing-small);\n  }\n\n  .input--medium .input__control {\n    padding: var(--syn-spacing-x-small) var(--syn-input-spacing-medium);\n  }\n\n  .input--large .input__control {\n    padding: var(--syn-input-spacing-small) var(--syn-input-spacing-large);\n  }\n\n  .input--small .input__prefix ::slotted(*) {\n    margin-inline: var(--syn-input-spacing-small) var(--syn-spacing-x-small);\n  }\n\n  .input--medium .input__prefix ::slotted(*) {\n    margin-inline: var(--syn-input-spacing-medium) var(--syn-input-spacing-small);\n  }\n\n  .input--large .input__prefix ::slotted(*) {\n    margin-inline: var(--syn-input-spacing-large) var(--syn-input-spacing-medium);\n  }\n\n  .input--small .input__suffix ::slotted(*) {\n    margin-inline: var(--syn-spacing-x-small) var(--syn-input-spacing-small);\n  }\n\n  .input--medium .input__suffix ::slotted(*) {\n    margin-inline: var(--syn-input-spacing-small) var(--syn-input-spacing-medium);\n  }\n\n  .input--large .input__suffix ::slotted(*) {\n    margin-inline: var(--syn-input-spacing-medium) var(--syn-input-spacing-large);\n  }\n\n  .input__clear + .input__suffix ::slotted(*),\n  .input__password-toggle + .input__suffix ::slotted(*) {\n    margin-inline-start: 0;  \n  }\n\n  .input--small .input__clear + .input__password-toggle {\n    padding-left: var(--syn-spacing-2x-small);\n  }\n\n  .input--medium .input__clear + .input__password-toggle {\n    padding-left: calc(var(--syn-spacing-2x-small) + var(--syn-spacing-3x-small));\n  }\n\n  .input--large .input__clear + .input__password-toggle {\n    padding-left: var(--syn-spacing-x-small);\n  }\n\n  .input--small .input__clear:has(+ .input__password-toggle) {\n    padding-right: var(--syn-spacing-2x-small);\n  }\n\n  .input--medium .input__clear:has(+ .input__password-toggle) {\n    padding-right: calc(var(--syn-spacing-2x-small) + var(--syn-spacing-3x-small));\n  }\n\n  .input--large .input__clear:has(+ .input__password-toggle) {\n    padding-right: var(--syn-spacing-x-small);\n  }\n\n  .form-control--has-suffix .input--large .input__clear:has(+ .input__suffix),\n  .form-control--has-suffix .input--large .input__password-toggle:has(+ .input__suffix) {\n    padding-right: var(--syn-spacing-medium);\n  }\n\n  .form-control--has-suffix .input--small .input__clear:has(+ .input__suffix),\n  .form-control--has-suffix .input--small .input__password-toggle:has(+ .input__suffix) {\n    padding-right: var(--syn-spacing-x-small);\n  }\n\n  .form-control--has-suffix .input--medium .input__clear:has(+ .input__suffix),\n  .form-control--has-suffix .input--medium .input__password-toggle:has(+ .input__suffix) {\n    padding-right: var(--syn-spacing-small);\n  }\n\n  :host([type='number']) .input--large:not(.input--no-spin-buttons) .input__clear,\n  :host([type='number']) .input--large:not(.input--no-spin-buttons) .input__password-toggle {\n    padding-right: var(--syn-spacing-medium);\n  }\n\n  /* ICONS SIZE */\n   .input--small .input__prefix ::slotted(syn-icon),\n   .input--small .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-medium);\n   }\n\n  .input--medium .input__prefix ::slotted(syn-icon),\n  .input--medium .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n   }\n\n  .input--large .input__prefix ::slotted(syn-icon),\n  .input--large .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-2x-large);\n   }\n\n  :host([data-user-invalid]) .input--standard {\n    border-color: var(--syn-input-border-color-focus-error);\n  }\n\n  :host([data-user-invalid]) .input--standard.input--focused:not(.input--disabled) {\n    border-color: var(--syn-input-border-color-focus-error);\n    box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);\n  }\n\n  .input--standard.input--disabled .input__suffix, \n  .input--standard.input--disabled .input__prefix {\n    cursor: not-allowed;\n  } \n\n\n  /**\n  * Number stepper\n  */\n  .input__number-stepper {\n    align-items: center;\n    display: flex;\n  }\n\n  .input--small .input__number-stepper {\n    margin-left: var(--syn-spacing-2x-small);\n  }\n\n  .input--medium .input__number-stepper {\n    margin-right: var(--syn-spacing-2x-small);\n  }\n\n  .input--large .input__number-stepper {\n    margin-right: var(--syn-spacing-x-small);\n  }\n\n\n  /**\n  * Number stepper buttons\n  */\n  .input__number-stepper-button {\n    align-items: center;\n    background: none;\n    border: none;\n    color: var(--syn-color-primary-600);\n    cursor: pointer;\n    display: flex;\n    padding: var(--syn-spacing-x-small);\n    transition: var(--syn-transition-x-fast) color;\n  }\n\n  .input--small .input__number-stepper-button {\n    font-size: var(--syn-font-size-medium);\n  }\n\n  .input--medium .input__number-stepper-button {\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  .input--large .input__number-stepper-button {\n    font-size: var(--syn-font-size-2x-large);\n  }\n\n  .input__number-stepper-button:hover:not([disabled]) {\n    color: var(--syn-color-primary-900)\n  }\n\n  .input__number-stepper-button:active:not([disabled]) {\n    color: var(--syn-color-primary-950)\n  }\n\n  .input__number-stepper-button[disabled] {\n    color: var(--syn-color-neutral-400);\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n\n\n  /**\n  * Number stepper divider\n  */\n  .input--small .input__number-divider {\n    height: var(--syn-font-size-medium);\n    margin: 0;\n  }\n\n  .input--medium .input__number-divider {\n    height: var(--syn-font-size-x-large);\n    margin: 0 var(--syn-spacing-2x-small);\n  }\n\n  .input--large .input__number-divider {\n    height: var(--syn-font-size-2x-large);\n    margin: 0 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;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;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;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.P4H7CMEN.js → chunk.VKRIF7NX.js}

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "./chunk.F2G6RHY3.js";
+} from "./chunk.ZM743PSM.js";
 
 // src/components/file/file.ts
 var file_default = SynFile;
@@ -9,4 +9,4 @@ SynFile.define("syn-file");
 export {
   file_default
 };
-//# sourceMappingURL=chunk.P4H7CMEN.js.map
+//# sourceMappingURL=chunk.VKRIF7NX.js.map

package/dist/chunks/{chunk.BUBHWNJF.js → chunk.VMZ262R4.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.7UDSMOY2.js";
+} from "./chunk.7X3KN2T4.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = SynTabGroup;
@@ -9,4 +9,4 @@ SynTabGroup.define("syn-tab-group");
 export {
   tab_group_default
 };
-//# sourceMappingURL=chunk.BUBHWNJF.js.map
+//# sourceMappingURL=chunk.VMZ262R4.js.map

package/dist/chunks/{chunk.ZEB7ZXZB.js → chunk.VUSZ5XCI.js}

@@ -25,7 +25,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -369,4 +369,4 @@ __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.ZEB7ZXZB.js.map
+//# sourceMappingURL=chunk.VUSZ5XCI.js.map

package/dist/chunks/{chunk.EHQFZXGG.js → chunk.WD6VJJO7.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.5WN43A7Y.js";
+} from "./chunk.SDS7TB3N.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.EHQFZXGG.js.map
+//# sourceMappingURL=chunk.WD6VJJO7.js.map

package/dist/chunks/{chunk.NZGB2JRG.js → chunk.WDZPER7K.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.PXMNXCT3.js";
+} from "./chunk.F5WZD5MH.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -105,4 +105,4 @@ __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.NZGB2JRG.js.map
+//# sourceMappingURL=chunk.WDZPER7K.js.map

package/dist/chunks/{chunk.2E73PDL6.js → chunk.WQADR5LA.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.H633AGI6.js";
+} from "./chunk.DU6DOKUS.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.2E73PDL6.js.map
+//# sourceMappingURL=chunk.WQADR5LA.js.map

package/dist/chunks/{chunk.VU5CKLTZ.js → chunk.X4OJX53W.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.NGWCBSV5.js";
+} from "./chunk.3D5RCWDS.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.VU5CKLTZ.js.map
+//# sourceMappingURL=chunk.X4OJX53W.js.map