@synergy-design-system/components 2.31.2 → 2.33.0

package/code-quality/html-validate/scripts/deprecation.js

@@ -26,3 +26,4 @@ Further information can be found at https://github.com/synergy-design-system/syn
 // Also note that you have to return a function that calls
 // deprecateIn, otherwise the message will not be displayed.
 export const deprecatedForV2 = (reason = '') => () => deprecatedForRelease('2.0', reason);
+export const deprecatedForV3 = (reason = '') => () => deprecatedForRelease('3.0', reason);

package/code-quality/html-validate/scripts/synergy-element-rules.js

@@ -1,4 +1,4 @@
-import { deprecatedForV2 } from './deprecation.js';
+import { deprecatedForV2, willDeprecateInRelease } from './deprecation.js';
 
 // Shared settings for form associated elements
 const formAssociated = {
@@ -337,6 +337,12 @@ const SynSelect = {
  * @type {import('html-validate').MetaElement}
  */
 const SynSideNav = {
+  attributes: {
+    rail: {
+      boolean: true,
+      deprecated: willDeprecateInRelease('3.0', 'Please use the `variant` attribute with `rail` instead'),
+    },
+  },
   flow: true,
   focusable: true,
   sectioning: true,

package/dist/chunks/{chunk.JDN6CDYL.js → chunk.25GVUTU4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.MU43DZ7W.js";
 import {
   Modal
-} from "./chunk.2LYOMDFO.js";
+} from "./chunk.AYAX7BG7.js";
 import {
   dialog_custom_styles_default
 } from "./chunk.IU3SSJZE.js";
@@ -16,36 +16,36 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.EHCS6X6N.js";
+} from "./chunk.VICINZOP.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
 import {
   animateTo,
   stopAnimations
-} from "./chunk.A3OYJILJ.js";
+} from "./chunk.G6ITZTTW.js";
 import {
   getAnimation,
   setDefaultAnimation
-} from "./chunk.HQ6QUSK7.js";
+} from "./chunk.7JGKUB4A.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.DZJHHVOD.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/dialog/dialog.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.JDN6CDYL.js.map
+//# sourceMappingURL=chunk.25GVUTU4.js.map

package/dist/chunks/{chunk.2G7DZ3GJ.js → chunk.27L65BCF.js}

@@ -1,6 +1,6 @@
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.DZJHHVOD.js";
 
 // src/components/validate/utility.ts
 var WhitelistedSynergyFormEventNames = [
@@ -33,4 +33,4 @@ export {
   normalizeEventAttribute,
   getEventNameForElement
 };
-//# sourceMappingURL=chunk.2G7DZ3GJ.js.map
+//# sourceMappingURL=chunk.27L65BCF.js.map

package/dist/chunks/{chunk.MQZANITC.js → chunk.2DU5WR27.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.KQQM2CWQ.js";
+} from "./chunk.77CM4WNK.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.2DU5WR27.js.map

package/dist/chunks/{chunk.6IWBHFOD.js → chunk.2S2HN2DG.js}

@@ -10,41 +10,41 @@ import {
 } from "./chunk.AERTEAG5.js";
 import {
   SynButton
-} from "./chunk.TZUQMH6X.js";
+} from "./chunk.J5JGYGWR.js";
 import {
   FormControlController
-} from "./chunk.OLRA37R5.js";
+} from "./chunk.HP2LEQRU.js";
 import {
   animateTo
-} from "./chunk.A3OYJILJ.js";
+} from "./chunk.G6ITZTTW.js";
 import {
   getAnimation,
   setDefaultAnimation
-} from "./chunk.HQ6QUSK7.js";
+} from "./chunk.7JGKUB4A.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.B5BVIZ3W.js";
+} from "./chunk.OKJFZ7T2.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
+} from "./chunk.E5UUNP6E.js";
 import {
   watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.DZJHHVOD.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/file/file.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -534,4 +534,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.6IWBHFOD.js.map
+//# sourceMappingURL=chunk.2S2HN2DG.js.map

package/dist/chunks/{chunk.SMAOMVFZ.js → chunk.3KSZ45DK.js}

@@ -6,29 +6,29 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.XDWFPRPE.js";
+} from "./chunk.L7A52E3B.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.EHCS6X6N.js";
+} from "./chunk.VICINZOP.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.DZJHHVOD.js";
 import {
   __decorateClass,
   __spreadValues
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/internal/scrollend-polyfill.ts
 var debounce = (fn, delay) => {
@@ -515,4 +515,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.SMAOMVFZ.js.map
+//# sourceMappingURL=chunk.3KSZ45DK.js.map

package/dist/chunks/{chunk.RYNKWTQ6.js → chunk.3RF5SFKE.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.B5BVIZ3W.js";
+} from "./chunk.OKJFZ7T2.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.DZJHHVOD.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/breadcrumb/breadcrumb.component.ts
 import { html } from "lit";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.RYNKWTQ6.js.map
+//# sourceMappingURL=chunk.3RF5SFKE.js.map

package/dist/chunks/{chunk.NH4JQFOM.js → chunk.57DU3E3Z.js}

@@ -28,6 +28,8 @@ var icons = {
 		<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill='currentColor'><path d="M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z"/></svg>`,
   "radio": `
 		<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill='currentColor'><path d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"/></svg>`,
+  "sticky_sidebar": `
+		<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill='currentColor'><path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM10 19H19V5H10V19Z"/></svg>`,
   "upload-file": `
 		<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill='currentColor'><path d="M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8L14 2ZM18 20H6V4H13V9H18V20ZM8 15.01L9.41 16.42L11 14.84V19H13V14.84L14.59 16.43L16 15.01L12.01 11L8 15.01Z"/></svg>`,
   "x-circle-fill": `
@@ -49,4 +51,4 @@ var library_system_default = systemLibrary;
 export {
   library_system_default
 };
-//# sourceMappingURL=chunk.NH4JQFOM.js.map
+//# sourceMappingURL=chunk.57DU3E3Z.js.map

package/dist/chunks/{chunk.NH4JQFOM.js.map → chunk.57DU3E3Z.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/icon/library.system.ts"],
-  "sourcesContent": ["/* eslint-disable */\nimport type { IconLibrary } from './library.js';\n\n//\n// System icons are a separate library to ensure they're always available, regardless of how the default icon library is\n// configured or if its icons resolve properly.\n//\n// All Synergy components must use the system library instead of the default library. For visual consistency, system\n// icons are a subset of Bootstrap Icons.\n//\n// **Start system icons**\nconst icons = {\n\t'add': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z\"/></svg>`,\n\t'caret': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M16.59 8.29501L12 12.875L7.41 8.29501L6 9.70501L12 15.705L18 9.70501L16.59 8.29501Z\"/></svg>`,\n\t'check': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M8.79496 15.875L4.62496 11.705L3.20496 13.115L8.79496 18.705L20.795 6.70501L19.385 5.29501L8.79496 15.875Z\"/></svg>`,\n\t'chevron-down': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M16.59 8.29501L12 12.875L7.41 8.29501L6 9.70501L12 15.705L18 9.70501L16.59 8.29501Z\"/></svg>`,\n\t'chevron-right': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M9.70504 6L8.29504 7.41L12.875 12L8.29504 16.59L9.70504 18L15.705 12L9.70504 6Z\"/></svg>`,\n\t'error': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z\"/></svg>`,\n\t'eye-slash': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12.005 6.5C14.765 6.5 17.005 8.74 17.005 11.5C17.005 12.15 16.875 12.76 16.645 13.33L19.565 16.25C21.075 14.99 22.265 13.36 22.995 11.5C21.265 7.11 16.995 4 11.995 4C10.595 4 9.255 4.25 8.01501 4.7L10.175 6.86C10.745 6.63 11.355 6.5 12.005 6.5ZM2.005 3.77L4.745 6.51C3.085 7.8 1.785 9.52 1.005 11.5C2.735 15.89 7.005 19 12.005 19C13.555 19 15.035 18.7 16.385 18.16L16.805 18.58L19.735 21.5L21.005 20.23L3.275 2.5L2.005 3.77ZM7.53501 9.3L9.085 10.85C9.035 11.06 9.005 11.28 9.005 11.5C9.005 13.16 10.345 14.5 12.005 14.5C12.225 14.5 12.445 14.47 12.655 14.42L14.205 15.97C13.535 16.3 12.795 16.5 12.005 16.5C9.245 16.5 7.005 14.26 7.005 11.5C7.005 10.71 7.20501 9.97 7.53501 9.3ZM11.845 8.52L14.995 11.67L15.015 11.51C15.015 9.85 13.675 8.51 12.015 8.51L11.845 8.52Z\"/></svg>`,\n\t'eye': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z\"/></svg>`,\n\t'indeterminate': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M19 13H5V11H19V13Z\"/></svg>`,\n\t'logo-color': `\n\t\t<svg width=\"295\" height=\"94\" viewBox=\"0 0 295 94\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><g clip-path=\"url(#clip0_9951_9907)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M207.961 69.0591C200.132 83.8898 184.613 93.983 166.804 93.983C141.096 93.983 120.257 72.9431 120.257 46.9915C120.257 21.0399 141.096 0 166.804 0C184.439 0 199.775 9.89295 207.674 24.4885L188.602 34.7821C184.335 26.9182 176.088 21.6757 166.804 21.6757C153.262 21.6757 141.932 32.8139 141.932 46.9915C141.932 61.1691 153.262 72.3074 166.804 72.3074C176.279 72.3074 184.726 66.8558 188.907 58.7133L207.961 69.0591ZM111.078 1.66335H89.7768V91.8668H111.078V1.66335ZM26.0822 91.8669C13.9511 91.8669 0.592136 85.318 0.592136 70.1128C0.592136 70.1128 47.1743 70.1128 54.5941 70.1215C62.4927 68.5453 61.6132 58.5826 54.5941 57.2067H26.8746C12.1223 57.2067 0.444092 44.6141 0.444092 29.6092C0.444092 15.1791 11.234 1.67206 26.8746 1.67206H57.285C69.8254 1.67206 78.7778 11.0599 78.7778 22.9645H26.8746C19.8991 23.9573 19.4549 34.6602 26.8746 35.8707H54.5157C69.6773 36.28 81.7735 48.3501 81.7735 63.6336C81.7735 77.7154 69.8254 91.8669 54.5853 91.8669H26.0822ZM215.99 91.8668V1.66335H237.535V37.8388H245.826L268.224 1.66335H294.716L264.192 47.3399L294.272 91.8668H267.771L245.103 56.9193H237.535V91.8668H215.99Z\"/></g><defs><clipPath id=\"clip0_9951_9907\"><rect width=\"295\" height=\"94\"/></clipPath></defs></svg>`,\n\t'menu': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z\"/></svg>`,\n\t'more-vert': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z\"/></svg>`,\n\t'more': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"/></svg>`,\n\t'radio': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z\"/></svg>`,\n\t'upload-file': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8L14 2ZM18 20H6V4H13V9H18V20ZM8 15.01L9.41 16.42L11 14.84V19H13V14.84L14.59 16.43L16 15.01L12.01 11L8 15.01Z\"/></svg>`,\n\t'x-circle-fill': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM17 15.59L15.59 17L12 13.41L8.41 17L7 15.59L10.59 12L7 8.41L8.41 7L12 10.59L15.59 7L17 8.41L13.41 12L17 15.59Z\"/></svg>`,\n\t'x-lg': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"/></svg>`\n};\n// **End system icons**\n\nconst systemLibrary: IconLibrary = {\n  name: 'system',\n  resolver: (name: keyof typeof icons) => {\n    if (name in icons) {\n      return icons[name];\n    }\n    return '';\n  }\n};\n\nexport default systemLibrary;\n"],
-  "mappings": ";AAWA,IAAM,QAAQ;AAAA,EACb,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,gBAAgB;AAAA;AAAA,EAEhB,iBAAiB;AAAA;AAAA,EAEjB,SAAS;AAAA;AAAA,EAET,aAAa;AAAA;AAAA,EAEb,OAAO;AAAA;AAAA,EAEP,iBAAiB;AAAA;AAAA,EAEjB,cAAc;AAAA;AAAA,EAEd,QAAQ;AAAA;AAAA,EAER,aAAa;AAAA;AAAA,EAEb,QAAQ;AAAA;AAAA,EAER,SAAS;AAAA;AAAA,EAET,eAAe;AAAA;AAAA,EAEf,iBAAiB;AAAA;AAAA,EAEjB,QAAQ;AAAA;AAET;AAGA,IAAM,gBAA6B;AAAA,EACjC,MAAM;AAAA,EACN,UAAU,CAAC,SAA6B;AACtC,QAAI,QAAQ,OAAO;AACjB,aAAO,MAAM,IAAI;AAAA,IACnB;AACA,WAAO;AAAA,EACT;AACF;AAEA,IAAO,yBAAQ;",
+  "sourcesContent": ["/* eslint-disable */\nimport type { IconLibrary } from './library.js';\n\n//\n// System icons are a separate library to ensure they're always available, regardless of how the default icon library is\n// configured or if its icons resolve properly.\n//\n// All Synergy components must use the system library instead of the default library. For visual consistency, system\n// icons are a subset of Bootstrap Icons.\n//\n// **Start system icons**\nconst icons = {\n\t'add': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z\"/></svg>`,\n\t'caret': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M16.59 8.29501L12 12.875L7.41 8.29501L6 9.70501L12 15.705L18 9.70501L16.59 8.29501Z\"/></svg>`,\n\t'check': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M8.79496 15.875L4.62496 11.705L3.20496 13.115L8.79496 18.705L20.795 6.70501L19.385 5.29501L8.79496 15.875Z\"/></svg>`,\n\t'chevron-down': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M16.59 8.29501L12 12.875L7.41 8.29501L6 9.70501L12 15.705L18 9.70501L16.59 8.29501Z\"/></svg>`,\n\t'chevron-right': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M9.70504 6L8.29504 7.41L12.875 12L8.29504 16.59L9.70504 18L15.705 12L9.70504 6Z\"/></svg>`,\n\t'error': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z\"/></svg>`,\n\t'eye-slash': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12.005 6.5C14.765 6.5 17.005 8.74 17.005 11.5C17.005 12.15 16.875 12.76 16.645 13.33L19.565 16.25C21.075 14.99 22.265 13.36 22.995 11.5C21.265 7.11 16.995 4 11.995 4C10.595 4 9.255 4.25 8.01501 4.7L10.175 6.86C10.745 6.63 11.355 6.5 12.005 6.5ZM2.005 3.77L4.745 6.51C3.085 7.8 1.785 9.52 1.005 11.5C2.735 15.89 7.005 19 12.005 19C13.555 19 15.035 18.7 16.385 18.16L16.805 18.58L19.735 21.5L21.005 20.23L3.275 2.5L2.005 3.77ZM7.53501 9.3L9.085 10.85C9.035 11.06 9.005 11.28 9.005 11.5C9.005 13.16 10.345 14.5 12.005 14.5C12.225 14.5 12.445 14.47 12.655 14.42L14.205 15.97C13.535 16.3 12.795 16.5 12.005 16.5C9.245 16.5 7.005 14.26 7.005 11.5C7.005 10.71 7.20501 9.97 7.53501 9.3ZM11.845 8.52L14.995 11.67L15.015 11.51C15.015 9.85 13.675 8.51 12.015 8.51L11.845 8.52Z\"/></svg>`,\n\t'eye': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z\"/></svg>`,\n\t'indeterminate': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M19 13H5V11H19V13Z\"/></svg>`,\n\t'logo-color': `\n\t\t<svg width=\"295\" height=\"94\" viewBox=\"0 0 295 94\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><g clip-path=\"url(#clip0_9951_9907)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M207.961 69.0591C200.132 83.8898 184.613 93.983 166.804 93.983C141.096 93.983 120.257 72.9431 120.257 46.9915C120.257 21.0399 141.096 0 166.804 0C184.439 0 199.775 9.89295 207.674 24.4885L188.602 34.7821C184.335 26.9182 176.088 21.6757 166.804 21.6757C153.262 21.6757 141.932 32.8139 141.932 46.9915C141.932 61.1691 153.262 72.3074 166.804 72.3074C176.279 72.3074 184.726 66.8558 188.907 58.7133L207.961 69.0591ZM111.078 1.66335H89.7768V91.8668H111.078V1.66335ZM26.0822 91.8669C13.9511 91.8669 0.592136 85.318 0.592136 70.1128C0.592136 70.1128 47.1743 70.1128 54.5941 70.1215C62.4927 68.5453 61.6132 58.5826 54.5941 57.2067H26.8746C12.1223 57.2067 0.444092 44.6141 0.444092 29.6092C0.444092 15.1791 11.234 1.67206 26.8746 1.67206H57.285C69.8254 1.67206 78.7778 11.0599 78.7778 22.9645H26.8746C19.8991 23.9573 19.4549 34.6602 26.8746 35.8707H54.5157C69.6773 36.28 81.7735 48.3501 81.7735 63.6336C81.7735 77.7154 69.8254 91.8669 54.5853 91.8669H26.0822ZM215.99 91.8668V1.66335H237.535V37.8388H245.826L268.224 1.66335H294.716L264.192 47.3399L294.272 91.8668H267.771L245.103 56.9193H237.535V91.8668H215.99Z\"/></g><defs><clipPath id=\"clip0_9951_9907\"><rect width=\"295\" height=\"94\"/></clipPath></defs></svg>`,\n\t'menu': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z\"/></svg>`,\n\t'more-vert': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z\"/></svg>`,\n\t'more': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\"/></svg>`,\n\t'radio': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z\"/></svg>`,\n\t'sticky_sidebar': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM10 19H19V5H10V19Z\"/></svg>`,\n\t'upload-file': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8L14 2ZM18 20H6V4H13V9H18V20ZM8 15.01L9.41 16.42L11 14.84V19H13V14.84L14.59 16.43L16 15.01L12.01 11L8 15.01Z\"/></svg>`,\n\t'x-circle-fill': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM17 15.59L15.59 17L12 13.41L8.41 17L7 15.59L10.59 12L7 8.41L8.41 7L12 10.59L15.59 7L17 8.41L13.41 12L17 15.59Z\"/></svg>`,\n\t'x-lg': `\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentColor'><path d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"/></svg>`\n};\n// **End system icons**\n\nconst systemLibrary: IconLibrary = {\n  name: 'system',\n  resolver: (name: keyof typeof icons) => {\n    if (name in icons) {\n      return icons[name];\n    }\n    return '';\n  }\n};\n\nexport default systemLibrary;\n"],
+  "mappings": ";AAWA,IAAM,QAAQ;AAAA,EACb,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,gBAAgB;AAAA;AAAA,EAEhB,iBAAiB;AAAA;AAAA,EAEjB,SAAS;AAAA;AAAA,EAET,aAAa;AAAA;AAAA,EAEb,OAAO;AAAA;AAAA,EAEP,iBAAiB;AAAA;AAAA,EAEjB,cAAc;AAAA;AAAA,EAEd,QAAQ;AAAA;AAAA,EAER,aAAa;AAAA;AAAA,EAEb,QAAQ;AAAA;AAAA,EAER,SAAS;AAAA;AAAA,EAET,kBAAkB;AAAA;AAAA,EAElB,eAAe;AAAA;AAAA,EAEf,iBAAiB;AAAA;AAAA,EAEjB,QAAQ;AAAA;AAET;AAGA,IAAM,gBAA6B;AAAA,EACjC,MAAM;AAAA,EACN,UAAU,CAAC,SAA6B;AACtC,QAAI,QAAQ,OAAO;AACjB,aAAO,MAAM,IAAI;AAAA,IACnB;AACA,WAAO;AAAA,EACT;AACF;AAEA,IAAO,yBAAQ;",
   "names": []
 }

package/dist/chunks/{chunk.2EJ6TB2U.js → chunk.5RDKSWHY.js}

@@ -6,22 +6,22 @@ import {
 } from "./chunk.43YNZAWL.js";
 import {
   SynIconButton
-} from "./chunk.EHCS6X6N.js";
+} from "./chunk.VICINZOP.js";
 import {
   LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.IPGLY3H4.js";
 import {
   watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.DZJHHVOD.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/tab/tab.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.2EJ6TB2U.js.map
+//# sourceMappingURL=chunk.5RDKSWHY.js.map

package/dist/chunks/{chunk.S5N2TE2L.js → chunk.6DYKE5RE.js}

@@ -49,6 +49,8 @@ var translation = {
   rangeMax: "Maximum",
   rangeMin: "Minimum",
   sideNav: "Side navigation",
+  sideNavHide: "Hide navigation",
+  sideNavShow: "Show navigation",
   success: "Success",
   warning: "Warning"
 };
@@ -58,4 +60,4 @@ var en_default = translation;
 export {
   en_default
 };
-//# sourceMappingURL=chunk.S5N2TE2L.js.map
+//# sourceMappingURL=chunk.6DYKE5RE.js.map

package/dist/chunks/{chunk.S5N2TE2L.js.map → chunk.6DYKE5RE.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/translations/en.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 { registerTranslation } from '@shoelace-style/localize';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'en',\n  $name: 'English',\n  $dir: 'ltr',\n\n  carousel: 'Carousel',\n  clearEntry: 'Clear entry',\n  close: 'Close',\n  copied: 'Copied',\n  copy: 'Copy',\n  currentValue: 'Current value',\n  error: 'Error',\n  goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,\n  hidePassword: 'Hide password',\n  loading: 'Loading',\n  nextSlide: 'Next slide',\n  numOptionsSelected: num => {\n    if (num === 0) return 'No options selected';\n    if (num === 1) return '1 option selected';\n    return `${num} options selected`;\n  },\n  previousSlide: 'Previous slide',\n  progress: 'Progress',\n  remove: 'Remove',\n  resize: 'Resize',\n  scrollToEnd: 'Scroll to end',\n  scrollToStart: 'Scroll to start',\n  selectAColorFromTheScreen: 'Select a color from the screen',\n  showPassword: 'Show password',\n  slideNum: slide => `Slide ${slide}`,\n  toggleColorFormat: 'Toggle color format',\n\n  // Automatically generated custom translations.\n  // @see scripts/vendorism/translations.vendorism.js\n  closeMenu: 'Close menu',\n  danger: 'Danger',\n  fileButtonText: 'Choose file',\n  fileButtonTextMultiple: 'Choose files',\n  folderButtonText: 'Choose folder',\n  fileDragDrop: 'Drop or choose file',\n  folderDragDrop: 'Drop or choose folder',\n  menu: 'Menu',\n  notification: 'Notification',\n  numFilesSelected: (num, dir) => {\n      if (num === 0) return `No ${dir ? 'folder' : 'files'} chosen`;\n      return `${num} files`;\n    },\n  openMenu: 'Open menu',\n  rangeMax: 'Maximum',\n  rangeMin: 'Minimum',\n  sideNav: 'Side navigation',\n  success: 'Success',\n  warning: 'Warning',\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
-  "mappings": ";AAQA,SAAS,2BAA2B;AAGpC,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,eAAe,KAAK,OAAO,KAAK;AAAA,EAC7D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ,EAAG,QAAO;AACtB,QAAI,QAAQ,EAAG,QAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AAAA;AAAA;AAAA,EAInB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,kBAAkB,CAAC,KAAK,QAAQ;AAC5B,QAAI,QAAQ,EAAG,QAAO,MAAM,MAAM,WAAW,OAAO;AACpD,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACF,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
+  "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 { registerTranslation } from '@shoelace-style/localize';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'en',\n  $name: 'English',\n  $dir: 'ltr',\n\n  carousel: 'Carousel',\n  clearEntry: 'Clear entry',\n  close: 'Close',\n  copied: 'Copied',\n  copy: 'Copy',\n  currentValue: 'Current value',\n  error: 'Error',\n  goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,\n  hidePassword: 'Hide password',\n  loading: 'Loading',\n  nextSlide: 'Next slide',\n  numOptionsSelected: num => {\n    if (num === 0) return 'No options selected';\n    if (num === 1) return '1 option selected';\n    return `${num} options selected`;\n  },\n  previousSlide: 'Previous slide',\n  progress: 'Progress',\n  remove: 'Remove',\n  resize: 'Resize',\n  scrollToEnd: 'Scroll to end',\n  scrollToStart: 'Scroll to start',\n  selectAColorFromTheScreen: 'Select a color from the screen',\n  showPassword: 'Show password',\n  slideNum: slide => `Slide ${slide}`,\n  toggleColorFormat: 'Toggle color format',\n\n  // Automatically generated custom translations.\n  // @see scripts/vendorism/translations.vendorism.js\n  closeMenu: 'Close menu',\n  danger: 'Danger',\n  fileButtonText: 'Choose file',\n  fileButtonTextMultiple: 'Choose files',\n  folderButtonText: 'Choose folder',\n  fileDragDrop: 'Drop or choose file',\n  folderDragDrop: 'Drop or choose folder',\n  menu: 'Menu',\n  notification: 'Notification',\n  numFilesSelected: (num, dir) => {\n      if (num === 0) return `No ${dir ? 'folder' : 'files'} chosen`;\n      return `${num} files`;\n    },\n  openMenu: 'Open menu',\n  rangeMax: 'Maximum',\n  rangeMin: 'Minimum',\n  sideNav: 'Side navigation',\n  sideNavHide: 'Hide navigation',\n  sideNavShow: 'Show navigation',\n  success: 'Success',\n  warning: 'Warning',\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
+  "mappings": ";AAQA,SAAS,2BAA2B;AAGpC,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,eAAe,KAAK,OAAO,KAAK;AAAA,EAC7D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ,EAAG,QAAO;AACtB,QAAI,QAAQ,EAAG,QAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AAAA;AAAA;AAAA,EAInB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,kBAAkB,CAAC,KAAK,QAAQ;AAC5B,QAAI,QAAQ,EAAG,QAAO,MAAM,MAAM,WAAW,OAAO;AACpD,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACF,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AACX;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
   "names": []
 }

package/dist/chunks/{chunk.JMBUWWA2.js → chunk.6IW6UFS5.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.KJ5DXPFW.js";
+} from "./chunk.MVYXUHVS.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.JMBUWWA2.js.map
+//# sourceMappingURL=chunk.6IW6UFS5.js.map

package/dist/chunks/{chunk.OH3PPVV4.js → chunk.6QJYD7WX.js}

@@ -1,8 +1,15 @@
+import {
+  nativeNumericStrategy
+} from "./chunk.RB2JR2ND.js";
+
 // src/utilities/defaultSettings/base.ts
 var defaultSettings = {
   delimiter: {
     SynSelect: " "
   },
+  numericStrategy: {
+    SynInput: nativeNumericStrategy
+  },
   size: {
     SynAccordion: "medium",
     SynButton: "medium",
@@ -25,6 +32,7 @@ var defaultSettings = {
     SynAlert: "primary",
     SynBadge: "primary",
     SynButton: "outline",
+    SynSideNav: "default",
     SynValidate: "native"
   }
 };
@@ -32,6 +40,9 @@ var INITIAL_DEFAULT_SETTINGS = {
   delimiter: {
     SynSelect: " "
   },
+  numericStrategy: {
+    SynInput: nativeNumericStrategy
+  },
   size: {
     SynAccordion: "medium",
     SynButton: "medium",
@@ -54,6 +65,7 @@ var INITIAL_DEFAULT_SETTINGS = {
     SynAlert: "primary",
     SynBadge: "primary",
     SynButton: "outline",
+    SynSideNav: "default",
     SynValidate: "native"
   }
 };
@@ -62,4 +74,4 @@ export {
   defaultSettings,
   INITIAL_DEFAULT_SETTINGS
 };
-//# sourceMappingURL=chunk.OH3PPVV4.js.map
+//# sourceMappingURL=chunk.6QJYD7WX.js.map

package/dist/chunks/chunk.6QJYD7WX.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// Global imports\nimport { nativeNumericStrategy } from \"../../components/input/strategies.js\";\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  numericStrategy: {\n    SynInput?: AllowedValueForDefaultSetting<SynInput, \"numericStrategy\">;\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  numericStrategy: {\n    SynInput: nativeNumericStrategy,\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  numericStrategy: {\n    SynInput: nativeNumericStrategy,\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": ";;;;;AA2IO,IAAM,kBAAsC;AAAA,EACjD,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;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,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;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.KQQM2CWQ.js → chunk.77CM4WNK.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.DZJHHVOD.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/range-tick/range-tick.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.KQQM2CWQ.js.map
+//# sourceMappingURL=chunk.77CM4WNK.js.map

package/dist/chunks/{chunk.HQ6QUSK7.js → chunk.7JGKUB4A.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/utilities/animation-registry.ts
 var defaultAnimationRegistry = /* @__PURE__ */ new Map();
@@ -44,4 +44,4 @@ export {
   setAnimation,
   getAnimation
 };
-//# sourceMappingURL=chunk.HQ6QUSK7.js.map
+//# sourceMappingURL=chunk.7JGKUB4A.js.map

package/dist/chunks/{chunk.OBWURI5H.js → chunk.7TDMIG4V.js}

@@ -1,30 +1,30 @@
-import {
-  validate_styles_default
-} from "./chunk.MVM3NN6Y.js";
 import {
   getEventNameForElement,
   isBlurEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "./chunk.2G7DZ3GJ.js";
+} from "./chunk.27L65BCF.js";
+import {
+  validate_styles_default
+} from "./chunk.MVM3NN6Y.js";
 import {
   SynAlert
-} from "./chunk.QPAYAMLZ.js";
+} from "./chunk.INRGTLJX.js";
 import {
   enableDefaultSettings
-} from "./chunk.NUIJATJY.js";
+} from "./chunk.E5UUNP6E.js";
 import {
   watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WROPOFUG.js";
+} from "./chunk.DZJHHVOD.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/validate/validate.component.ts
 import { html } from "lit";
@@ -330,4 +330,4 @@ SynValidate = __decorateClass([
 export {
   SynValidate
 };
-//# sourceMappingURL=chunk.OBWURI5H.js.map
+//# sourceMappingURL=chunk.7TDMIG4V.js.map

package/dist/chunks/{chunk.HE2VZIBP.js → chunk.AB3VZ5EQ.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.YKQLG6R3.js";
+} from "./chunk.OBK7WMW2.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.HE2VZIBP.js.map
+//# sourceMappingURL=chunk.AB3VZ5EQ.js.map

package/dist/chunks/{chunk.3DUL2OP4.js → chunk.ACUIKTEY.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.NY2GAPA3.js";
+} from "./chunk.PYNYGKKB.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.3DUL2OP4.js.map
+//# sourceMappingURL=chunk.ACUIKTEY.js.map

package/dist/chunks/{chunk.ELFHYJLZ.js → chunk.AGK4R4ZV.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.EHCS6X6N.js";
+} from "./chunk.VICINZOP.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.AGK4R4ZV.js.map

package/dist/chunks/{chunk.2LYOMDFO.js → chunk.AYAX7BG7.js}

@@ -2,7 +2,7 @@ import {
   activeElements,
   getDeepestActiveElement,
   getTabbableElements
-} from "./chunk.JCIM6NE3.js";
+} from "./chunk.G76BKD7B.js";
 
 // src/internal/modal.ts
 var activeModals = [];
@@ -117,4 +117,4 @@ var Modal = class {
 export {
   Modal
 };
-//# sourceMappingURL=chunk.2LYOMDFO.js.map
+//# sourceMappingURL=chunk.AYAX7BG7.js.map

package/dist/chunks/{chunk.YPSUFGKY.js → chunk.BNHQAKO6.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.BMHMFPD4.js";
+} from "./chunk.STNQE2LY.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.YPSUFGKY.js.map
+//# sourceMappingURL=chunk.BNHQAKO6.js.map