@synergy-design-system/components 2.31.2 → 2.32.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/side-nav/side-nav.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --side-nav-open-width: 320px;\n    --side-nav-rail-width: 72px;\n\n    display: block;\n  }\n\n  /**\n   * Syn-drawer styling\n   */\n  .side-nav__drawer {\n    --size: var(--side-nav-open-width);\n  }\n  \n  .side-nav__drawer::part(base){\n    position: absolute;\n    z-index: var(--syn-z-index-drawer);\n  }\n\n  .side-nav__drawer::part(body),\n  .side-nav__drawer::part(footer) {\n    padding: 0;\n  }\n\n  /** \n   * Overlay \n   */\n  .side-nav__drawer::part(overlay){\n    position: absolute;\n  }\n\n\n\n\n  /****\n   *\n   * variant=\"default\"\n   *\n   ****/\n  \n  /* Side nav should have a width, so it behave correct in an e.g. display flex context */\n  .side-nav.side-nav--fix.side-nav--open {\n    width: var(--side-nav-open-width);\n  }\n\n  /* Fixed mode  */\n  .side-nav--fix .side-nav__drawer::part(overlay){\n    display: block;\n  }\n\n\n\n\n  /****\n   *\n   * variant=\"rail\"\n   *\n   ****/\n\n  /* \n   * Side nav should have a width, so it behave correct in an e.g. display flex context. \n   * in variant=\"rail\" the width is always the small rail width, because there should be no shrinking possible of the main content area.\n   */\n  .side-nav.side-nav--rail {\n    width: var(--side-nav-rail-width);\n  }\n\n  /* Adapt the width of the drawer */\n  :not(.side-nav--open).side-nav--rail .side-nav__drawer {\n    --size: var(--side-nav-rail-width);\n  }\n\n  /* Show the overlay of the drawer on touch devices */\n  .side-nav--open.side-nav--rail.side-nav--touch .side-nav__drawer::part(overlay){\n    display: block;\n  }\n\n  /* Avoid multiline flickering on open and close animation */\n  .side-nav--rail.side-nav--animation {\n    white-space: nowrap;\n  }\n\n  /* Hide the scrollbars in closed variant=\"rail\" */ \n  :not(.side-nav--open).side-nav--rail .side-nav__drawer::part(body){\n    overflow: hidden;\n  }\n\n\n\n\n  /****\n   *\n   * variant=\"sticky\"\n   *\n   ****/\n\n  /*\n   * Side nav should have a width, so it behave correct in an e.g. display flex context.\n   * In variant=\"sticky\" the width is the rail width if closed and the open width if open.\n   */\n  .side-nav.side-nav--sticky {\n    width: var(--side-nav-open-width);\n  }\n\n  .side-nav.side-nav--sticky:not(.side-nav--open) {\n    width: var(--side-nav-rail-width);\n  }\n\n  /* Adapt the width of the drawer */\n  :not(.side-nav--open).side-nav--sticky .side-nav__drawer {\n    --size: var(--side-nav-rail-width);\n  }\n\n\n  /*\n   * For touch devices the content should not shrink in a flex container\n   */ \n  .side-nav--sticky.side-nav--touch {\n    width: var(--side-nav-rail-width);\n  }\n\n  /* Avoid multiline flickering on open and close animation */\n  .side-nav--sticky.side-nav--animation {\n    white-space: nowrap;\n  }\n\n  /* Show the overlay of the drawer on touch devices */\n   .side-nav--open.side-nav--sticky.side-nav--touch .side-nav__drawer::part(overlay){\n    display: block;\n  }\n\n\n  /* Hide the scrollbars in closed variant=\"sticky\" */ \n  :not(.side-nav--open).side-nav--sticky .side-nav__drawer::part(body){\n    overflow: hidden;\n  }\n\n\n  .side-nav__toggle-icon > syn-icon {\n    font-size: var(--syn-font-size-x-large);\n    min-width: var(--syn-font-size-x-large);\n  }\n\n  /****\n   *\n   * Footer divider\n   *\n   ****/\n  .side-nav__footer-divider{\n    --spacing: 0;\n    --color: var(--syn-color-neutral-300);\n  }\n\n  :not(.side-nav--open).side-nav--rail ::slotted(syn-nav-item){\n    --display-children: none;\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,0BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.ELFHYJLZ.js → chunk.G4PY4E62.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.EHCS6X6N.js";
+} from "./chunk.XACPLHJJ.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.ELFHYJLZ.js.map
+//# sourceMappingURL=chunk.G4PY4E62.js.map

package/dist/chunks/{chunk.JTSBAJHO.js → chunk.G6CLSRWS.js}

@@ -1,7 +1,7 @@
 import {
   INITIAL_DEFAULT_SETTINGS,
   defaultSettings
-} from "./chunk.OH3PPVV4.js";
+} from "./chunk.MYVDDEUN.js";
 
 // src/utilities/defaultSettings/functions.ts
 var SYNERGY_EXPERIMENTAL_SETTING_EMIT_EVENTS = false;
@@ -144,4 +144,4 @@ export {
   setGlobalDefaultSettings,
   resetGlobalDefaultSettings
 };
-//# sourceMappingURL=chunk.JTSBAJHO.js.map
+//# sourceMappingURL=chunk.G6CLSRWS.js.map

package/dist/chunks/{chunk.V2NAJIXY.js → chunk.GWVD6JWM.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.TZUQMH6X.js";
+} from "./chunk.R42AFTFA.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.V2NAJIXY.js.map
+//# sourceMappingURL=chunk.GWVD6JWM.js.map

package/dist/chunks/{chunk.EJ4C4K46.js → chunk.HCLG3RID.js}

@@ -17,18 +17,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  enableDefaultSettings
+} from "./chunk.7R4JCT5J.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.EJ4C4K46.js.map
+//# sourceMappingURL=chunk.HCLG3RID.js.map

package/dist/chunks/{chunk.MQZANITC.js → chunk.HMPLHOEC.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.KQQM2CWQ.js";
+} from "./chunk.BSMGYXJY.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.MQZANITC.js.map
+//# sourceMappingURL=chunk.HMPLHOEC.js.map

package/dist/chunks/{chunk.YKQLG6R3.js → chunk.IKAS4HSG.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -55,4 +55,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.YKQLG6R3.js.map
+//# sourceMappingURL=chunk.IKAS4HSG.js.map

package/dist/chunks/{chunk.EISTC2GP.js → chunk.IN2KZ2JM.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.XUCEJ53P.js";
+} from "./chunk.LMUAOSNG.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.EISTC2GP.js.map
+//# sourceMappingURL=chunk.IN2KZ2JM.js.map

package/dist/chunks/{chunk.GIU3H3J3.js → chunk.IPGLY3H4.js}

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "./chunk.S5N2TE2L.js";
+} from "./chunk.6DYKE5RE.js";
 
 // src/utilities/localize.ts
 import { LocalizeController as DefaultLocalizationController, registerTranslation } from "@shoelace-style/localize";
@@ -13,4 +13,4 @@ export {
   LocalizeController,
   registerTranslation2 as registerTranslation
 };
-//# sourceMappingURL=chunk.GIU3H3J3.js.map
+//# sourceMappingURL=chunk.IPGLY3H4.js.map

package/dist/chunks/{chunk.GIU3H3J3.js.map → chunk.IPGLY3H4.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utilities/localize.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 { LocalizeController as DefaultLocalizationController, registerTranslation } from '@shoelace-style/localize';\nimport en from '../translations/en.js'; // Register English as the default/fallback language\nimport type { Translation as DefaultTranslation } from '@shoelace-style/localize';\n\n// Extend the controller and apply our own translation interface for better typings\nexport class LocalizeController extends DefaultLocalizationController<Translation> {\n  // Technicallly '../translations/en.js' is supposed to work via side-effects. However, by some mystery sometimes the\n  // translations don't get bundled as expected resulting in `no translation found` errors.\n  // This is basically some extra assurance that our translations get registered prior to our localizer connecting in a component\n  // and we don't rely on implicit import ordering.\n  static {\n    registerTranslation(en);\n  }\n}\n\n// Export functions from the localize lib so we have one central place to import them from\nexport { registerTranslation } from '@shoelace-style/localize';\n\nexport interface Translation extends DefaultTranslation {\n  closeMenu: string;\n  danger: string;\n  fileButtonText: string;\n  fileButtonTextMultiple: string;\n  fileDragDrop: string;\n  folderButtonText: string;\n  folderDragDrop: string;\n  menu: string;\n  notification: string;\n  numFilesSelected: (num: number, dir: boolean) => string;\n  openMenu: string;\n  rangeMax: string;\n  rangeMin: string;\n  sideNav: string;\n  success: string;\n  warning: string;\n\n  $code: string; // e.g. en, en-GB\n  $name: string; // e.g. English, Espa\u00F1ol\n  $dir: 'ltr' | 'rtl';\n\n  carousel: string;\n  clearEntry: string;\n  close: string;\n  copied: string;\n  copy: string;\n  currentValue: string;\n  error: string;\n  goToSlide: (slide: number, count: number) => string;\n  hidePassword: string;\n  loading: string;\n  nextSlide: string;\n  numOptionsSelected: (num: number) => string;\n  previousSlide: string;\n  progress: string;\n  remove: string;\n  resize: string;\n  scrollToEnd: string;\n  scrollToStart: string;\n  selectAColorFromTheScreen: string;\n  showPassword: string;\n  slideNum: (slide: number) => string;\n  toggleColorFormat: string;\n}\n"],
+  "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 { LocalizeController as DefaultLocalizationController, registerTranslation } from '@shoelace-style/localize';\nimport en from '../translations/en.js'; // Register English as the default/fallback language\nimport type { Translation as DefaultTranslation } from '@shoelace-style/localize';\n\n// Extend the controller and apply our own translation interface for better typings\nexport class LocalizeController extends DefaultLocalizationController<Translation> {\n  // Technicallly '../translations/en.js' is supposed to work via side-effects. However, by some mystery sometimes the\n  // translations don't get bundled as expected resulting in `no translation found` errors.\n  // This is basically some extra assurance that our translations get registered prior to our localizer connecting in a component\n  // and we don't rely on implicit import ordering.\n  static {\n    registerTranslation(en);\n  }\n}\n\n// Export functions from the localize lib so we have one central place to import them from\nexport { registerTranslation } from '@shoelace-style/localize';\n\nexport interface Translation extends DefaultTranslation {\n  closeMenu: string;\n  danger: string;\n  fileButtonText: string;\n  fileButtonTextMultiple: string;\n  fileDragDrop: string;\n  folderButtonText: string;\n  folderDragDrop: string;\n  menu: string;\n  notification: string;\n  numFilesSelected: (num: number, dir: boolean) => string;\n  openMenu: string;\n  rangeMax: string;\n  rangeMin: string;\n  sideNav: string;\n  sideNavHide: string;\n  sideNavShow: string;\n  success: string;\n  warning: string;\n\n  $code: string; // e.g. en, en-GB\n  $name: string; // e.g. English, Espa\u00F1ol\n  $dir: 'ltr' | 'rtl';\n\n  carousel: string;\n  clearEntry: string;\n  close: string;\n  copied: string;\n  copy: string;\n  currentValue: string;\n  error: string;\n  goToSlide: (slide: number, count: number) => string;\n  hidePassword: string;\n  loading: string;\n  nextSlide: string;\n  numOptionsSelected: (num: number) => string;\n  previousSlide: string;\n  progress: string;\n  remove: string;\n  resize: string;\n  scrollToEnd: string;\n  scrollToStart: string;\n  selectAColorFromTheScreen: string;\n  showPassword: string;\n  slideNum: (slide: number) => string;\n  toggleColorFormat: string;\n}\n"],
   "mappings": ";;;;;AAQA,SAAS,sBAAsB,+BAA+B,2BAA2B;AAgBzF,SAAS,uBAAAA,4BAA2B;AAX7B,IAAM,qBAAN,cAAiC,8BAA2C;AAQnF;AAFI,oBAAoB,UAAE;",
   "names": ["registerTranslation"]
 }

package/dist/chunks/{chunk.OU4PLFYW.js → chunk.IQ23XRJD.js}

@@ -9,19 +9,19 @@ import {
 } from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.B5BVIZ3W.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.3UCVZ2N3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.IPGLY3H4.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -165,4 +165,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.OU4PLFYW.js.map
+//# sourceMappingURL=chunk.IQ23XRJD.js.map

package/dist/chunks/{chunk.WTKBRIY4.js → chunk.IZUV4XRR.js}

@@ -4,18 +4,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  enableDefaultSettings
+} from "./chunk.7R4JCT5J.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.WTKBRIY4.js.map
+//# sourceMappingURL=chunk.IZUV4XRR.js.map

package/dist/chunks/{chunk.ZTFYI6ZI.js → chunk.JGPSIBNQ.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.EHCS6X6N.js";
+} from "./chunk.XACPLHJJ.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
+} from "./chunk.7R4JCT5J.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.ZTFYI6ZI.js.map
+//# sourceMappingURL=chunk.JGPSIBNQ.js.map

package/dist/chunks/{chunk.BMHMFPD4.js → chunk.JJWV4MPY.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.BMHMFPD4.js.map
+//# sourceMappingURL=chunk.JJWV4MPY.js.map

package/dist/chunks/{chunk.BC6YFGMY.js → chunk.JORU53XU.js}

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

package/dist/chunks/{chunk.TW3XHMG6.js → chunk.KR4ZPT4X.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.ZTFYI6ZI.js";
+} from "./chunk.JGPSIBNQ.js";
 import {
   select_custom_styles_default
 } from "./chunk.4DW7CR6A.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk.VECCQZP5.js";
 import {
   SynPopup
-} from "./chunk.LLNE7YOD.js";
+} from "./chunk.N634EXYZ.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -40,22 +40,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.B5BVIZ3W.js";
+} from "./chunk.3UCVZ2N3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.7R4JCT5J.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.TW3XHMG6.js.map
+//# sourceMappingURL=chunk.KR4ZPT4X.js.map

package/dist/chunks/{chunk.QWSLKG3U.js → chunk.KRG4ASUB.js}

@@ -18,22 +18,22 @@ import {
 } from "./chunk.HQ6QUSK7.js";
 import {
   SynIcon
-} from "./chunk.B5BVIZ3W.js";
+} from "./chunk.3UCVZ2N3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.7R4JCT5J.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -247,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.QWSLKG3U.js.map
+//# sourceMappingURL=chunk.KRG4ASUB.js.map

package/dist/chunks/{chunk.HFRXN2DK.js → chunk.KY7HUUUM.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.WTKBRIY4.js";
+} from "./chunk.IZUV4XRR.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.HFRXN2DK.js.map
+//# sourceMappingURL=chunk.KY7HUUUM.js.map

package/dist/chunks/{chunk.XUCEJ53P.js → chunk.LMUAOSNG.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.RMIDAEF5.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.XUCEJ53P.js.map
+//# sourceMappingURL=chunk.LMUAOSNG.js.map

package/dist/chunks/{chunk.AAPLCFRS.js → chunk.LZHDDLQQ.js}

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

package/dist/chunks/{chunk.QPAYAMLZ.js → chunk.MTRKAUI5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.EHCS6X6N.js";
+} from "./chunk.XACPLHJJ.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -19,26 +19,26 @@ import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+  alert_custom_styles_default
+} from "./chunk.QBHZAR4C.js";
 import {
-  enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
+  alert_styles_default
+} from "./chunk.BXY667C7.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.IPGLY3H4.js";
+import {
+  enableDefaultSettings
+} from "./chunk.7R4JCT5J.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
-import {
-  alert_custom_styles_default
-} from "./chunk.QBHZAR4C.js";
-import {
-  alert_styles_default
-} from "./chunk.BXY667C7.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.QPAYAMLZ.js.map
+//# sourceMappingURL=chunk.MTRKAUI5.js.map

package/dist/chunks/{chunk.OH3PPVV4.js → chunk.MYVDDEUN.js}

@@ -25,6 +25,7 @@ var defaultSettings = {
     SynAlert: "primary",
     SynBadge: "primary",
     SynButton: "outline",
+    SynSideNav: "default",
     SynValidate: "native"
   }
 };
@@ -54,6 +55,7 @@ var INITIAL_DEFAULT_SETTINGS = {
     SynAlert: "primary",
     SynBadge: "primary",
     SynButton: "outline",
+    SynSideNav: "default",
     SynValidate: "native"
   }
 };
@@ -62,4 +64,4 @@ export {
   defaultSettings,
   INITIAL_DEFAULT_SETTINGS
 };
-//# sourceMappingURL=chunk.OH3PPVV4.js.map
+//# sourceMappingURL=chunk.MYVDDEUN.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utilities/defaultSettings/base.ts"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/quotes */\n// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED file for @synergy-design-system/components\n// Please do not edit this file directly!\n// It will get recreated when running pnpm build.\n// ---------------------------------------------------------------------\n\n// Type imports\nimport type SynAccordion from \"../../components/accordion/accordion.js\";\nimport type SynAlert from \"../../components/alert/alert.js\";\nimport type SynBadge from \"../../components/badge/badge.js\";\nimport type SynButton from \"../../components/button/button.js\";\nimport type SynCheckbox from \"../../components/checkbox/checkbox.js\";\nimport type SynCombobox from \"../../components/combobox/combobox.js\";\nimport type SynDetails from \"../../components/details/details.js\";\nimport type SynFile from \"../../components/file/file.js\";\nimport type SynIconButton from \"../../components/icon-button/icon-button.js\";\nimport type SynInput from \"../../components/input/input.js\";\nimport type SynRadioButton from \"../../components/radio-button/radio-button.js\";\nimport type SynRadioGroup from \"../../components/radio-group/radio-group.js\";\nimport type SynRadio from \"../../components/radio/radio.js\";\nimport type SynRange from \"../../components/range/range.js\";\nimport type SynSelect from \"../../components/select/select.js\";\nimport type SynSideNav from \"../../components/side-nav/side-nav.js\";\nimport type SynSwitch from \"../../components/switch/switch.js\";\nimport type SynTag from \"../../components/tag/tag.js\";\nimport type SynTextarea from \"../../components/textarea/textarea.js\";\nimport type SynValidate from \"../../components/validate/validate.js\";\nimport type SynergyElement from \"../../internal/synergy-element.js\";\nimport type { SynDefaultChangedAttribute } from \"../../events/events.js\";\n\n// Core types\n\n/**\n * Custom helper type that adds decorated properties from\n * the globalSettings helper.\n */\nexport type GlobalSettingsEnabledElement = SynergyElement & {\n  __originalDecoratedClassName: string;\n  overrideGlobalSettings: (\n    changedProperties: SynDefaultChangedAttribute[],\n  ) => void;\n};\n\n/**\n * Allows for partial recursive types\n */\nexport type RecursivePartial<T> = {\n  [P in keyof T]?: T[P] extends object ? RecursivePartial<T[P]> : T[P];\n};\n\n/**\n * Allowed value for a default setting\n * Gets the value of a given attribute for a given component\n */\nexport type AllowedValueForDefaultSetting<\n  Elm extends SynergyElement,\n  Attr extends keyof Elm,\n> = Elm[Attr];\n\n/**\n * List of all components that have default values\n */\nexport type ComponentNamesWithDefaultValues =\n  | \"SynAccordion\"\n  | \"SynAlert\"\n  | \"SynBadge\"\n  | \"SynButton\"\n  | \"SynCheckbox\"\n  | \"SynCombobox\"\n  | \"SynDetails\"\n  | \"SynFile\"\n  | \"SynIconButton\"\n  | \"SynInput\"\n  | \"SynRadio\"\n  | \"SynRadioButton\"\n  | \"SynRadioGroup\"\n  | \"SynRange\"\n  | \"SynSelect\"\n  | \"SynSideNav\"\n  | \"SynSwitch\"\n  | \"SynTag\"\n  | \"SynTextarea\"\n  | \"SynValidate\";\n\n/**\n * Extracts all available default settings for a given component\n */\nexport type ExtractSettingsForElement<C extends SynergyElement> = {\n  [key in keyof SynDefaultSettings]?: key extends keyof C\n    ? AllowedValueForDefaultSetting<C, key>\n    : never;\n};\n\n/**\n * Default settings map for all component values that have defaults set\n */\nexport type SynDefaultSettings = {\n  delimiter: {\n    SynSelect?: AllowedValueForDefaultSetting<SynSelect, \"delimiter\">;\n  };\n  size: {\n    SynAccordion?: AllowedValueForDefaultSetting<SynAccordion, \"size\">;\n    SynButton?: AllowedValueForDefaultSetting<SynButton, \"size\">;\n    SynCheckbox?: AllowedValueForDefaultSetting<SynCheckbox, \"size\">;\n    SynCombobox?: AllowedValueForDefaultSetting<SynCombobox, \"size\">;\n    SynDetails?: AllowedValueForDefaultSetting<SynDetails, \"size\">;\n    SynFile?: AllowedValueForDefaultSetting<SynFile, \"size\">;\n    SynIconButton?: AllowedValueForDefaultSetting<SynIconButton, \"size\">;\n    SynInput?: AllowedValueForDefaultSetting<SynInput, \"size\">;\n    SynRadio?: AllowedValueForDefaultSetting<SynRadio, \"size\">;\n    SynRadioButton?: AllowedValueForDefaultSetting<SynRadioButton, \"size\">;\n    SynRadioGroup?: AllowedValueForDefaultSetting<SynRadioGroup, \"size\">;\n    SynRange?: AllowedValueForDefaultSetting<SynRange, \"size\">;\n    SynSelect?: AllowedValueForDefaultSetting<SynSelect, \"size\">;\n    SynSwitch?: AllowedValueForDefaultSetting<SynSwitch, \"size\">;\n    SynTag?: AllowedValueForDefaultSetting<SynTag, \"size\">;\n    SynTextarea?: AllowedValueForDefaultSetting<SynTextarea, \"size\">;\n  };\n  variant: {\n    SynAlert?: AllowedValueForDefaultSetting<SynAlert, \"variant\">;\n    SynBadge?: AllowedValueForDefaultSetting<SynBadge, \"variant\">;\n    SynButton?: AllowedValueForDefaultSetting<SynButton, \"variant\">;\n    SynSideNav?: AllowedValueForDefaultSetting<SynSideNav, \"variant\">;\n    SynValidate?: AllowedValueForDefaultSetting<SynValidate, \"variant\">;\n  };\n};\n\n// Exports\n\n/**\n * Default settings for all components\n */\nexport const defaultSettings: SynDefaultSettings = {\n  delimiter: {\n    SynSelect: \" \",\n  },\n  size: {\n    SynAccordion: \"medium\",\n    SynButton: \"medium\",\n    SynCheckbox: \"medium\",\n    SynCombobox: \"medium\",\n    SynDetails: \"medium\",\n    SynFile: \"medium\",\n    SynIconButton: \"inherit\",\n    SynInput: \"medium\",\n    SynRadio: \"medium\",\n    SynRadioButton: \"medium\",\n    SynRadioGroup: \"medium\",\n    SynRange: \"medium\",\n    SynSelect: \"medium\",\n    SynSwitch: \"medium\",\n    SynTag: \"medium\",\n    SynTextarea: \"medium\",\n  },\n  variant: {\n    SynAlert: \"primary\",\n    SynBadge: \"primary\",\n    SynButton: \"outline\",\n    SynSideNav: \"default\",\n    SynValidate: \"native\",\n  },\n};\n\n/**\n * Initial default settings for all components\n */\nexport const INITIAL_DEFAULT_SETTINGS: SynDefaultSettings = {\n  delimiter: {\n    SynSelect: \" \",\n  },\n  size: {\n    SynAccordion: \"medium\",\n    SynButton: \"medium\",\n    SynCheckbox: \"medium\",\n    SynCombobox: \"medium\",\n    SynDetails: \"medium\",\n    SynFile: \"medium\",\n    SynIconButton: \"inherit\",\n    SynInput: \"medium\",\n    SynRadio: \"medium\",\n    SynRadioButton: \"medium\",\n    SynRadioGroup: \"medium\",\n    SynRange: \"medium\",\n    SynSelect: \"medium\",\n    SynSwitch: \"medium\",\n    SynTag: \"medium\",\n    SynTextarea: \"medium\",\n  },\n  variant: {\n    SynAlert: \"primary\",\n    SynBadge: \"primary\",\n    SynButton: \"outline\",\n    SynSideNav: \"default\",\n    SynValidate: \"native\",\n  },\n};\n"],
+  "mappings": ";AAqIO,IAAM,kBAAsC;AAAA,EACjD,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF;AAKO,IAAM,2BAA+C;AAAA,EAC1D,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF;",
+  "names": []
+}

package/dist/chunks/{chunk.IY34DPIJ.js → chunk.N5CECNHU.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.OU4PLFYW.js";
+} from "./chunk.IQ23XRJD.js";
 import {
   SynPopup
-} from "./chunk.LLNE7YOD.js";
+} from "./chunk.N634EXYZ.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -49,22 +49,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.B5BVIZ3W.js";
+} from "./chunk.3UCVZ2N3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.7R4JCT5J.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -859,4 +859,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.IY34DPIJ.js.map
+//# sourceMappingURL=chunk.N5CECNHU.js.map

package/dist/chunks/{chunk.LLNE7YOD.js → chunk.N634EXYZ.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.AZ3N5IOO.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -415,4 +415,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.LLNE7YOD.js.map
+//# sourceMappingURL=chunk.N634EXYZ.js.map

package/dist/chunks/{chunk.XPTYP3S2.js → chunk.NGCFEEST.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.WHKWCNJR.js";
+} from "./chunk.4EGE74LM.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.XPTYP3S2.js.map
+//# sourceMappingURL=chunk.NGCFEEST.js.map

package/dist/chunks/{chunk.RYNKWTQ6.js → chunk.NISA5CE2.js}

@@ -1,21 +1,21 @@
+import {
+  SynIcon
+} from "./chunk.3UCVZ2N3.js";
 import {
   breadcrumb_custom_styles_default
 } from "./chunk.32CYREEV.js";
 import {
   breadcrumb_styles_default
 } from "./chunk.S22BO5SF.js";
-import {
-  SynIcon
-} from "./chunk.B5BVIZ3W.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.62JHOU5H.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.RYNKWTQ6.js.map
+//# sourceMappingURL=chunk.NISA5CE2.js.map