@synergy-design-system/components 2.22.5 → 2.23.0

package/dist/chunks/{chunk.4FJXEQWE.js → chunk.UHSH4JMU.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RJMY4VVC.js";
+} from "./chunk.2KRKYZ6X.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.4FJXEQWE.js.map
+//# sourceMappingURL=chunk.UHSH4JMU.js.map

package/dist/chunks/{chunk.4IQEETHQ.js → chunk.UKMNCIRO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RJMY4VVC.js";
+} from "./chunk.2KRKYZ6X.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.4IQEETHQ.js.map
+//# sourceMappingURL=chunk.UKMNCIRO.js.map

package/dist/chunks/{chunk.7FGSNN2R.js → chunk.UUAIZTWG.js}

@@ -4,18 +4,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
+import {
+  enableDefaultSettings
+} from "./chunk.H5F2FP4S.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
-import {
-  enableDefaultSettings
-} from "./chunk.OLCT57R5.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RJMY4VVC.js";
+} from "./chunk.2KRKYZ6X.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.7FGSNN2R.js.map
+//# sourceMappingURL=chunk.UUAIZTWG.js.map

package/dist/chunks/{chunk.YIEZHEE2.js → chunk.V32K2DUN.js}

@@ -3,25 +3,25 @@ import {
   isBlurEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "./chunk.VBQEM7XW.js";
+} from "./chunk.7YH6D6RA.js";
 import {
   validate_styles_default
 } from "./chunk.MVM3NN6Y.js";
 import {
   SynAlert
-} from "./chunk.IZO7BAKE.js";
+} from "./chunk.2NHTNETT.js";
+import {
+  enableDefaultSettings
+} from "./chunk.H5F2FP4S.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
-import {
-  enableDefaultSettings
-} from "./chunk.OLCT57R5.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RJMY4VVC.js";
+} from "./chunk.2KRKYZ6X.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -330,4 +330,4 @@ SynValidate = __decorateClass([
 export {
   SynValidate
 };
-//# sourceMappingURL=chunk.YIEZHEE2.js.map
+//# sourceMappingURL=chunk.V32K2DUN.js.map

package/dist/chunks/{chunk.ADQLWY36.js → chunk.VHDNLEA4.js}

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

package/dist/chunks/{chunk.6G2IRKR3.js → chunk.VND6WP4W.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.7P35GILH.js";
+} from "./chunk.VZVDKTXO.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.6G2IRKR3.js.map
+//# sourceMappingURL=chunk.VND6WP4W.js.map

package/dist/chunks/{chunk.HWG356IW.js → chunk.VWIOLP7J.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.DOWDGDGM.js";
+} from "./chunk.NSUNYLN3.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.HWG356IW.js.map
+//# sourceMappingURL=chunk.VWIOLP7J.js.map

package/dist/chunks/{chunk.7P35GILH.js → chunk.VZVDKTXO.js}

@@ -6,25 +6,25 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.OW3VNJFW.js";
+} from "./chunk.M5Y7V3U2.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.ZG6WLVYP.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.H5MW7DPQ.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RJMY4VVC.js";
+} from "./chunk.2KRKYZ6X.js";
 import {
   __decorateClass,
   __spreadValues
@@ -526,4 +526,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.7P35GILH.js.map
+//# sourceMappingURL=chunk.VZVDKTXO.js.map

package/dist/chunks/{chunk.U3EX7BE4.js → chunk.W37QUVFI.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.M2YRZ5FO.js";
+} from "./chunk.PJVPQT5H.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.U3EX7BE4.js.map
+//# sourceMappingURL=chunk.W37QUVFI.js.map

package/dist/chunks/{chunk.4WI3DW63.js → chunk.W4K3YK6Y.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.ZG6WLVYP.js";
+} from "./chunk.H5MW7DPQ.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
 import {
   enableDefaultSettings
-} from "./chunk.OLCT57R5.js";
+} from "./chunk.H5F2FP4S.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RJMY4VVC.js";
+} from "./chunk.2KRKYZ6X.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.4WI3DW63.js.map
+//# sourceMappingURL=chunk.W4K3YK6Y.js.map

package/dist/chunks/{chunk.SH5SF4M5.js → chunk.WM2EDUOT.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.GNYHPNTO.js";
+} from "./chunk.HNDQLTGC.js";
 import {
   SynPopup
-} from "./chunk.QGXQ73QT.js";
+} from "./chunk.U7F4NOVR.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -49,22 +49,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.CQHBF7SM.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.WXNILGZ4.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
 import {
   enableDefaultSettings
-} from "./chunk.OLCT57R5.js";
+} from "./chunk.H5F2FP4S.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RJMY4VVC.js";
+} from "./chunk.2KRKYZ6X.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -835,4 +835,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.SH5SF4M5.js.map
+//# sourceMappingURL=chunk.WM2EDUOT.js.map

package/dist/chunks/{chunk.CQHBF7SM.js → chunk.WXNILGZ4.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RJMY4VVC.js";
+} from "./chunk.2KRKYZ6X.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -182,4 +182,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.CQHBF7SM.js.map
+//# sourceMappingURL=chunk.WXNILGZ4.js.map

package/dist/chunks/{chunk.3B22DBSJ.js → chunk.XAQKFEHH.js}

@@ -4,6 +4,11 @@ var input_styles_default = css`
 	/* stylelint-disable */
   :host {
     display: block;
+
+    --syn-input-autofill-shadow: 0 0 0 var(--syn-input-height-large) var(--syn-input-background-color-hover) inset;
+    --syn-input-autofill-readonly-shadow: 0 0 0 var(--syn-input-height-large) var(--syn-input-readonly-background-color) inset;
+    --syn-input-autofill-text-fill-color: var(--syn-color-primary-500);
+    --syn-input-autofill-caret-color: var(--syn-input-color);
   }
 
   .input {
@@ -113,16 +118,16 @@ var input_styles_default = css`
   .input__control:-webkit-autofill:hover,
   .input__control:-webkit-autofill:focus,
   .input__control:-webkit-autofill:active {
-    box-shadow: 0 0 0 var(--syn-input-height-large) var(--syn-input-background-color-hover) inset !important;
-    -webkit-text-fill-color: var(--syn-color-primary-500);
-    caret-color: var(--syn-input-color);
+    box-shadow: var(--syn-input-autofill-shadow) !important;
+    -webkit-text-fill-color: var(--syn-input-autofill-text-fill-color);
+    caret-color: var(--syn-input-autofill-caret-color);
   }
 
   .input--readonly .input__control:-webkit-autofill,
   .input--readonly .input__control:-webkit-autofill:hover,
   .input--readonly .input__control:-webkit-autofill:focus,
   .input--readonly .input__control:-webkit-autofill:active {
-    box-shadow: 0 0 0 var(--syn-input-height-large) var(--syn-input-readonly-background-color) inset !important;
+    box-shadow: var(--syn-input-autofill-readonly-shadow) !important;
   }
 
   .input__control::placeholder {
@@ -276,4 +281,4 @@ var input_styles_default = css`
 export {
   input_styles_default
 };
-//# sourceMappingURL=chunk.3B22DBSJ.js.map
+//# sourceMappingURL=chunk.XAQKFEHH.js.map

package/dist/chunks/{chunk.3B22DBSJ.js.map → chunk.XAQKFEHH.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/input/input.styles.ts"],
-  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    display: block;\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-family: var(--syn-input-font-family);\n    font-weight: var(--syn-input-font-weight);\n    letter-spacing: var(--syn-input-letter-spacing);\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition:\n      var(--syn-transition-fast) color,\n      var(--syn-transition-fast) border,\n      var(--syn-transition-fast) box-shadow,\n      var(--syn-transition-fast) background-color;\n  }\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--syn-input-background-color);\n    border: solid var(--syn-input-border-width) var(--syn-input-border-color);\n  }\n\n  .input--standard:hover:not(.input--disabled) {\n    background-color: var(--syn-input-background-color-hover);\n    border-color: var(--syn-input-border-color-hover);\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--syn-input-background-color-focus);\n    border-color: var(--syn-input-border-color-focus);\n    box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-color);\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--syn-input-color-focus);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--syn-input-background-color-disabled);\n    border-color: var(--syn-input-border-color-disabled);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color: var(--syn-input-color-disabled);\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--syn-input-placeholder-color-disabled);\n  }\n\n  /* Readonly inputs */\n  .input--readonly {\n    border: none;\n    background-color: var(--syn-input-readonly-background-color);\n    color: var(--syn-input-color);\n  }\n\n  .input--readonly:hover:not(.input--disabled) {\n    background-color: var(--syn-input-readonly-background-color-hover);\n  }\n\n  .input--readonly.input--focused:not(.input--disabled) {\n    background-color: var(--syn-input-readonly-background-color-focus);\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .input--readonly.input--disabled {\n    background-color: var(--syn-input-readonly-background-color-disabled);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    min-width: 0;\n    height: 100%;\n    color: var(--syn-input-color);\n    border: none;\n    background: inherit;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill,\n  .input__control:-webkit-autofill:hover,\n  .input__control:-webkit-autofill:focus,\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 var(--syn-input-height-large) var(--syn-input-background-color-hover) inset !important;\n    -webkit-text-fill-color: var(--syn-color-primary-500);\n    caret-color: var(--syn-input-color);\n  }\n\n  .input--readonly .input__control:-webkit-autofill,\n  .input--readonly .input__control:-webkit-autofill:hover,\n  .input--readonly .input__control:-webkit-autofill:focus,\n  .input--readonly .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 var(--syn-input-height-large) var(--syn-input-readonly-background-color) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--syn-input-placeholder-color);\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--syn-input-color-hover);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix ::slotted(syn-icon),\n  .input__suffix ::slotted(syn-icon) {\n    color: var(--syn-input-icon-color);\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--syn-input-border-radius-small);\n    font-size: var(--syn-input-font-size-small);\n    height: var(--syn-input-height-small);\n  }\n\n  .input--small .input__control {\n    height: calc(var(--syn-input-height-small) - var(--syn-input-border-width) * 2);\n    padding: 0 var(--syn-input-spacing-small);\n  }\n\n  .input--small .input__clear,\n  .input--small .input__password-toggle {\n    width: calc(1em + var(--syn-input-spacing-small) * 2);\n  }\n\n  .input--small .input__prefix ::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-small);\n  }\n\n  .input--small .input__suffix ::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-small);\n  }\n\n  .input--medium {\n    border-radius: var(--syn-input-border-radius-medium);\n    font-size: var(--syn-input-font-size-medium);\n    height: var(--syn-input-height-medium);\n  }\n\n  .input--medium .input__control {\n    height: calc(var(--syn-input-height-medium) - var(--syn-input-border-width) * 2);\n    padding: 0 var(--syn-input-spacing-medium);\n  }\n\n  .input--medium .input__clear,\n  .input--medium .input__password-toggle {\n    width: calc(1em + var(--syn-input-spacing-medium) * 2);\n  }\n\n  .input--medium .input__prefix ::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-medium);\n  }\n\n  .input--medium .input__suffix ::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-medium);\n  }\n\n  .input--large {\n    border-radius: var(--syn-input-border-radius-large);\n    font-size: var(--syn-input-font-size-large);\n    height: var(--syn-input-height-large);\n  }\n\n  .input--large .input__control {\n    height: calc(var(--syn-input-height-large) - var(--syn-input-border-width) * 2);\n    padding: 0 var(--syn-input-spacing-large);\n  }\n\n  .input--large .input__clear,\n  .input--large .input__password-toggle {\n    width: calc(1em + var(--syn-input-spacing-large) * 2);\n  }\n\n  .input--large .input__prefix ::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-large);\n  }\n\n  .input--large .input__suffix ::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-large);\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear,\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--syn-input-icon-color);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: var(--syn-transition-fast) color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover,\n  .input__password-toggle:hover {\n    color: var(--syn-input-icon-color-hover);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  input[type='number']::-webkit-outer-spin-button,\n  input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  input[type='number'] {\n    -moz-appearance: textfield;\n  }\n`;\n"],
-  "mappings": ";AAQA,SAAS,WAAW;AAEpB,IAAO,uBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    display: block;\n\n    --syn-input-autofill-shadow: 0 0 0 var(--syn-input-height-large) var(--syn-input-background-color-hover) inset;\n    --syn-input-autofill-readonly-shadow: 0 0 0 var(--syn-input-height-large) var(--syn-input-readonly-background-color) inset;\n    --syn-input-autofill-text-fill-color: var(--syn-color-primary-500);\n    --syn-input-autofill-caret-color: var(--syn-input-color);\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-family: var(--syn-input-font-family);\n    font-weight: var(--syn-input-font-weight);\n    letter-spacing: var(--syn-input-letter-spacing);\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition:\n      var(--syn-transition-fast) color,\n      var(--syn-transition-fast) border,\n      var(--syn-transition-fast) box-shadow,\n      var(--syn-transition-fast) background-color;\n  }\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--syn-input-background-color);\n    border: solid var(--syn-input-border-width) var(--syn-input-border-color);\n  }\n\n  .input--standard:hover:not(.input--disabled) {\n    background-color: var(--syn-input-background-color-hover);\n    border-color: var(--syn-input-border-color-hover);\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--syn-input-background-color-focus);\n    border-color: var(--syn-input-border-color-focus);\n    box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-color);\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--syn-input-color-focus);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--syn-input-background-color-disabled);\n    border-color: var(--syn-input-border-color-disabled);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color: var(--syn-input-color-disabled);\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--syn-input-placeholder-color-disabled);\n  }\n\n  /* Readonly inputs */\n  .input--readonly {\n    border: none;\n    background-color: var(--syn-input-readonly-background-color);\n    color: var(--syn-input-color);\n  }\n\n  .input--readonly:hover:not(.input--disabled) {\n    background-color: var(--syn-input-readonly-background-color-hover);\n  }\n\n  .input--readonly.input--focused:not(.input--disabled) {\n    background-color: var(--syn-input-readonly-background-color-focus);\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .input--readonly.input--disabled {\n    background-color: var(--syn-input-readonly-background-color-disabled);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    min-width: 0;\n    height: 100%;\n    color: var(--syn-input-color);\n    border: none;\n    background: inherit;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill,\n  .input__control:-webkit-autofill:hover,\n  .input__control:-webkit-autofill:focus,\n  .input__control:-webkit-autofill:active {\n    box-shadow: var(--syn-input-autofill-shadow) !important;\n    -webkit-text-fill-color: var(--syn-input-autofill-text-fill-color);\n    caret-color: var(--syn-input-autofill-caret-color);\n  }\n\n  .input--readonly .input__control:-webkit-autofill,\n  .input--readonly .input__control:-webkit-autofill:hover,\n  .input--readonly .input__control:-webkit-autofill:focus,\n  .input--readonly .input__control:-webkit-autofill:active {\n    box-shadow: var(--syn-input-autofill-readonly-shadow) !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--syn-input-placeholder-color);\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--syn-input-color-hover);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix ::slotted(syn-icon),\n  .input__suffix ::slotted(syn-icon) {\n    color: var(--syn-input-icon-color);\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--syn-input-border-radius-small);\n    font-size: var(--syn-input-font-size-small);\n    height: var(--syn-input-height-small);\n  }\n\n  .input--small .input__control {\n    height: calc(var(--syn-input-height-small) - var(--syn-input-border-width) * 2);\n    padding: 0 var(--syn-input-spacing-small);\n  }\n\n  .input--small .input__clear,\n  .input--small .input__password-toggle {\n    width: calc(1em + var(--syn-input-spacing-small) * 2);\n  }\n\n  .input--small .input__prefix ::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-small);\n  }\n\n  .input--small .input__suffix ::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-small);\n  }\n\n  .input--medium {\n    border-radius: var(--syn-input-border-radius-medium);\n    font-size: var(--syn-input-font-size-medium);\n    height: var(--syn-input-height-medium);\n  }\n\n  .input--medium .input__control {\n    height: calc(var(--syn-input-height-medium) - var(--syn-input-border-width) * 2);\n    padding: 0 var(--syn-input-spacing-medium);\n  }\n\n  .input--medium .input__clear,\n  .input--medium .input__password-toggle {\n    width: calc(1em + var(--syn-input-spacing-medium) * 2);\n  }\n\n  .input--medium .input__prefix ::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-medium);\n  }\n\n  .input--medium .input__suffix ::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-medium);\n  }\n\n  .input--large {\n    border-radius: var(--syn-input-border-radius-large);\n    font-size: var(--syn-input-font-size-large);\n    height: var(--syn-input-height-large);\n  }\n\n  .input--large .input__control {\n    height: calc(var(--syn-input-height-large) - var(--syn-input-border-width) * 2);\n    padding: 0 var(--syn-input-spacing-large);\n  }\n\n  .input--large .input__clear,\n  .input--large .input__password-toggle {\n    width: calc(1em + var(--syn-input-spacing-large) * 2);\n  }\n\n  .input--large .input__prefix ::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-large);\n  }\n\n  .input--large .input__suffix ::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-large);\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear,\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--syn-input-icon-color);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: var(--syn-transition-fast) color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover,\n  .input__password-toggle:hover {\n    color: var(--syn-input-icon-color-hover);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  input[type='number']::-webkit-outer-spin-button,\n  input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  input[type='number'] {\n    -moz-appearance: textfield;\n  }\n`;\n"],
+  "mappings": ";AAQA,SAAS,WAAW;AAEpB,IAAO,uBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.T73H6PTC.js → chunk.XH64TA7E.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.4MPNBETF.js";
+} from "./chunk.7LBCQNNE.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.T73H6PTC.js.map
+//# sourceMappingURL=chunk.XH64TA7E.js.map

package/dist/chunks/{chunk.ZZNZHOUF.js → chunk.YP2Z63MI.js}

@@ -17,18 +17,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
+import {
+  enableDefaultSettings
+} from "./chunk.H5F2FP4S.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
-import {
-  enableDefaultSettings
-} from "./chunk.OLCT57R5.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RJMY4VVC.js";
+} from "./chunk.2KRKYZ6X.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.ZZNZHOUF.js.map
+//# sourceMappingURL=chunk.YP2Z63MI.js.map

package/dist/chunks/{chunk.4EMJYWBJ.js → chunk.YR722W3R.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.J7MORGZX.js";
+} from "./chunk.ZYTP6II2.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.4EMJYWBJ.js.map
+//# sourceMappingURL=chunk.YR722W3R.js.map

package/dist/chunks/{chunk.2AYOWUNB.js → chunk.YS3NCTUX.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.YFIQ45CN.js";
+} from "./chunk.ODXE3NLR.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.2AYOWUNB.js.map
+//# sourceMappingURL=chunk.YS3NCTUX.js.map

package/dist/chunks/{chunk.VGC6BAHT.js → chunk.ZUZP74WM.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.Q7U6WIKF.js";
+} from "./chunk.IJMUWBJW.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.VGC6BAHT.js.map
+//# sourceMappingURL=chunk.ZUZP74WM.js.map

package/dist/chunks/{chunk.J7MORGZX.js → chunk.ZYTP6II2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.MJ7R4QQT.js";
 import {
   SynDivider
-} from "./chunk.34DJ5V2P.js";
+} from "./chunk.MRGLPUME.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement
-} from "./chunk.RJMY4VVC.js";
+} from "./chunk.2KRKYZ6X.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.J7MORGZX.js.map
+//# sourceMappingURL=chunk.ZYTP6II2.js.map

package/dist/components/accordion/accordion.component.js

@@ -1,13 +1,13 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.F7FZJL2R.js";
-import "../../chunks/chunk.74IOULXM.js";
+} from "../../chunks/chunk.4HDBI2SR.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
-import "../../chunks/chunk.OLCT57R5.js";
+import "../../chunks/chunk.H5F2FP4S.js";
 import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
+import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.RJMY4VVC.js";
+import "../../chunks/chunk.2KRKYZ6X.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynAccordion as default

package/dist/components/accordion/accordion.js

@@ -1,14 +1,14 @@
 import {
   accordion_default
-} from "../../chunks/chunk.NWS3WLD4.js";
-import "../../chunks/chunk.F7FZJL2R.js";
-import "../../chunks/chunk.74IOULXM.js";
+} from "../../chunks/chunk.BZYYMMUY.js";
+import "../../chunks/chunk.4HDBI2SR.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
-import "../../chunks/chunk.OLCT57R5.js";
+import "../../chunks/chunk.H5F2FP4S.js";
 import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
+import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.RJMY4VVC.js";
+import "../../chunks/chunk.2KRKYZ6X.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   accordion_default as default

package/dist/components/alert/alert.component.js

@@ -1,31 +1,31 @@
 import {
   SynAlert
-} from "../../chunks/chunk.IZO7BAKE.js";
+} from "../../chunks/chunk.2NHTNETT.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.ZG6WLVYP.js";
+import "../../chunks/chunk.H5MW7DPQ.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.BUZOBR2J.js";
-import "../../chunks/chunk.IFXKIEOU.js";
-import "../../chunks/chunk.CQHBF7SM.js";
+import "../../chunks/chunk.WXNILGZ4.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
-import "../../chunks/chunk.OLCT57R5.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.H5F2FP4S.js";
 import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
+import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.RJMY4VVC.js";
+import "../../chunks/chunk.2KRKYZ6X.js";
+import "../../chunks/chunk.BUZOBR2J.js";
+import "../../chunks/chunk.IFXKIEOU.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynAlert as default

package/dist/components/alert/alert.js

@@ -1,32 +1,32 @@
 import {
   alert_default
-} from "../../chunks/chunk.PD34TFUE.js";
-import "../../chunks/chunk.IZO7BAKE.js";
+} from "../../chunks/chunk.OQPNGXMA.js";
+import "../../chunks/chunk.2NHTNETT.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.ZG6WLVYP.js";
+import "../../chunks/chunk.H5MW7DPQ.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.BUZOBR2J.js";
-import "../../chunks/chunk.IFXKIEOU.js";
-import "../../chunks/chunk.CQHBF7SM.js";
+import "../../chunks/chunk.WXNILGZ4.js";
 import "../../chunks/chunk.HA5UYBEI.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.LUXDS4EY.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
-import "../../chunks/chunk.OLCT57R5.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.H5F2FP4S.js";
 import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
+import "../../chunks/chunk.74IOULXM.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.RJMY4VVC.js";
+import "../../chunks/chunk.2KRKYZ6X.js";
+import "../../chunks/chunk.BUZOBR2J.js";
+import "../../chunks/chunk.IFXKIEOU.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   alert_default as default

package/dist/components/badge/badge.component.js

@@ -1,15 +1,15 @@
 import {
   SynBadge
-} from "../../chunks/chunk.52PTCBP7.js";
+} from "../../chunks/chunk.A2NGOD7T.js";
+import "../../chunks/chunk.J6CGTLVH.js";
+import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.GIU3H3J3.js";
 import "../../chunks/chunk.S5N2TE2L.js";
-import "../../chunks/chunk.OLCT57R5.js";
+import "../../chunks/chunk.H5F2FP4S.js";
 import "../../chunks/chunk.JSEL4YPW.js";
 import "../../chunks/chunk.UPDPVGHT.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.RJMY4VVC.js";
-import "../../chunks/chunk.J6CGTLVH.js";
-import "../../chunks/chunk.Y5TMYX2L.js";
+import "../../chunks/chunk.2KRKYZ6X.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynBadge as default