@synergy-design-system/components 1.9.0 → 1.10.1

package/dist/chunks/{chunk.PRZRH7SN.js → chunk.4FD6EN6V.js}

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

package/dist/chunks/{chunk.5R3OVMH2.js → chunk.5S4NBTAE.js}

@@ -9,14 +9,14 @@ import {
 } from "./chunk.LAB4YJYE.js";
 import {
   SynIcon
-} from "./chunk.PWMSNMDF.js";
+} from "./chunk.LVDTUHAK.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -144,4 +144,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.5R3OVMH2.js.map
+//# sourceMappingURL=chunk.5S4NBTAE.js.map

package/dist/chunks/{chunk.BJYVLDYR.js → chunk.73CGLYDS.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -409,4 +409,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.BJYVLDYR.js.map
+//# sourceMappingURL=chunk.73CGLYDS.js.map

package/dist/chunks/{chunk.JRXQK6LG.js → chunk.7UVCYUNR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.6C4JXZZN.js";
 import {
   library_system_default
-} from "./chunk.5AAIHRMI.js";
+} from "./chunk.N4VSEIRQ.js";
 
 // src/components/icon/library.ts
 var registry = [library_default_default, library_system_default];
@@ -42,4 +42,4 @@ export {
   registerIconLibrary,
   unregisterIconLibrary
 };
-//# sourceMappingURL=chunk.JRXQK6LG.js.map
+//# sourceMappingURL=chunk.7UVCYUNR.js.map

package/dist/chunks/{chunk.K3O2PP7X.js → chunk.AFOOC2IJ.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -30,4 +30,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default];
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.K3O2PP7X.js.map
+//# sourceMappingURL=chunk.AFOOC2IJ.js.map

package/dist/chunks/{chunk.MDZ22YWD.js → chunk.BI3SSGDL.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.PKO6FEOM.js";
 import {
   SynIcon
-} from "./chunk.PWMSNMDF.js";
+} from "./chunk.LVDTUHAK.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -112,4 +112,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.MDZ22YWD.js.map
+//# sourceMappingURL=chunk.BI3SSGDL.js.map

package/dist/chunks/{chunk.FSONLJTT.js → chunk.CIENFFDB.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.K3O2PP7X.js";
+} from "./chunk.AFOOC2IJ.js";
 import {
   LocalizeController
 } from "./chunk.LAB4YJYE.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk.XGXFE6IF.js";
 import {
   SynIcon
-} from "./chunk.PWMSNMDF.js";
+} from "./chunk.LVDTUHAK.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
@@ -26,7 +26,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -273,4 +273,4 @@ __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.FSONLJTT.js.map
+//# sourceMappingURL=chunk.CIENFFDB.js.map

package/dist/chunks/{chunk.3O5WTWSN.js → chunk.DG6V34TC.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.BLOH2ZNU.js";
+} from "./chunk.JLNH2W3S.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.3O5WTWSN.js.map
+//# sourceMappingURL=chunk.DG6V34TC.js.map

package/dist/chunks/{chunk.Y72MIUNI.js → chunk.EVPQK6A6.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.5R3OVMH2.js";
+} from "./chunk.5S4NBTAE.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.Y72MIUNI.js.map
+//# sourceMappingURL=chunk.EVPQK6A6.js.map

package/dist/chunks/{chunk.KDDTDU4B.js → chunk.FUUO3LIN.js}

@@ -1,9 +1,9 @@
-import {
-  switch_styles_default
-} from "./chunk.ADRKUQGR.js";
 import {
   switch_custom_styles_default
 } from "./chunk.W5JK7V7K.js";
+import {
+  switch_styles_default
+} from "./chunk.ADRKUQGR.js";
 import {
   defaultValue
 } from "./chunk.WFAJR3FN.js";
@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -247,4 +247,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.KDDTDU4B.js.map
+//# sourceMappingURL=chunk.FUUO3LIN.js.map

package/dist/chunks/chunk.G7SPBDNX.js

@@ -0,0 +1,12 @@
+import {
+  SynHeader
+} from "./chunk.ZYXL5PMB.js";
+
+// src/components/header/header.ts
+var header_default = SynHeader;
+SynHeader.define("syn-header");
+
+export {
+  header_default
+};
+//# sourceMappingURL=chunk.G7SPBDNX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/header/header.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport SynHeader from './header.component.js';\n\nexport * from './header.component.js';\nexport default SynHeader;\n\nSynHeader.define('syn-header');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-header': SynHeader;\n  }\n}\n"],
+  "mappings": ";;;;;AAIA,IAAO,iBAAQ;AAEf,UAAU,OAAO,YAAY;",
+  "names": []
+}

package/dist/chunks/{chunk.UZFPGR6M.js → chunk.GQCIN3QI.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -125,4 +125,4 @@ __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.UZFPGR6M.js.map
+//# sourceMappingURL=chunk.GQCIN3QI.js.map

package/dist/chunks/{chunk.AJU6C4KC.js → chunk.GQFFWTB6.js}

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

package/dist/chunks/{chunk.5CB3CVZ7.js → chunk.GXPIMLW3.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.GBOII6N4.js";
+} from "./chunk.LH3GMK7S.js";
 
 // src/components/tag/tag.ts
 var tag_default = SynTag;
@@ -9,4 +9,4 @@ SynTag.define("syn-tag");
 export {
   tag_default
 };
-//# sourceMappingURL=chunk.5CB3CVZ7.js.map
+//# sourceMappingURL=chunk.GXPIMLW3.js.map

package/dist/chunks/{chunk.BTZX6ZFZ.js → chunk.HXLFB7ZH.js}

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

package/dist/chunks/{chunk.IOPUYG6Q.js → chunk.IZUTSNSL.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.GAPQVJGQ.js";
+} from "./chunk.RITXJLM2.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.IOPUYG6Q.js.map
+//# sourceMappingURL=chunk.IZUTSNSL.js.map

package/dist/chunks/chunk.JDXKGJ63.js

@@ -0,0 +1,99 @@
+// src/components/header/header.styles.ts
+import { css } from "lit";
+var header_styles_default = css`
+  :host {
+    display: block;
+  }
+
+  .header {
+    background: var(--syn-color-neutral-0);
+    box-shadow: inset 0 -1px 0 0 var(--syn-color-neutral-400);
+  }
+
+  /**
+   * The primary content area displays one to many slotted items
+   * and contains the following items:
+   * - side nav state icon (OPTIONAL)
+   * - company or application logo
+   * - application name
+   * - meta-navigation
+   */
+  .header__content {
+    align-items: center;
+    box-sizing: content-box;
+    display: flex;
+    min-height: 40px;
+    padding: var(--syn-spacing-large);
+  }
+
+  /**
+   * If the primary navigation is provided, use a smaller spacing
+   * between the primary content area and the navigation area
+   */
+  .header--has-navigation .header__content {
+    padding-bottom: var(--syn-spacing-medium);
+  }
+
+  /**
+   * The logo slot includes the application or company logo
+   */
+  .header__logo ::slotted(*),
+  .header__logo syn-icon {
+    display: block;
+  }
+
+  /**
+   * Make sure to use the correct color and outline for links
+   */
+  .header__logo ::slotted(a),
+  .header__logo ::slotted(a:hover) {
+    color: var(--syn-color-primary-600);
+  }
+
+  .header__logo ::slotted(a:is(:focus-visible)) {
+    outline: var(--syn-focus-ring);
+    outline-offset: var(--syn-focus-ring-offset);
+  }
+
+  /**
+   * Styles for the default logo. This makes sure the default SICK logo has the correct size and color
+   */
+  .header__logo syn-icon,
+  .header__logo syn-icon::part(svg) {
+    color: var(--syn-color-primary-600);
+    height: 32px;
+    width: auto;
+  }
+
+  /**
+   * The label section hosts the application name
+   */
+  .header__label {
+    font: var(--syn-body-large-bold);
+    padding: 0 var(--syn-spacing-2x-large);
+  }
+
+  /**
+   * The options menu holds an arbitary list of <syn-icon-button />
+   */
+  .header__meta-navigation {
+    display: flex;
+    flex: 1;
+    gap: var(--syn-spacing-x-small);
+    justify-content: end;
+  }
+
+  .header__meta-navigation ::slotted(*) {
+    display: contents;
+    font-size: var(--syn-font-size-x-large);
+  }
+
+  .header__navigation {
+    padding: 0 var(--syn-spacing-large);
+  }
+`;
+
+export {
+  header_styles_default
+};
+//# sourceMappingURL=chunk.JDXKGJ63.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/header/header.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .header {\n    background: var(--syn-color-neutral-0);\n    box-shadow: inset 0 -1px 0 0 var(--syn-color-neutral-400);\n  }\n\n  /**\n   * The primary content area displays one to many slotted items\n   * and contains the following items:\n   * - side nav state icon (OPTIONAL)\n   * - company or application logo\n   * - application name\n   * - meta-navigation\n   */\n  .header__content {\n    align-items: center;\n    box-sizing: content-box;\n    display: flex;\n    min-height: 40px;\n    padding: var(--syn-spacing-large);\n  }\n\n  /**\n   * If the primary navigation is provided, use a smaller spacing\n   * between the primary content area and the navigation area\n   */\n  .header--has-navigation .header__content {\n    padding-bottom: var(--syn-spacing-medium);\n  }\n\n  /**\n   * The logo slot includes the application or company logo\n   */\n  .header__logo ::slotted(*),\n  .header__logo syn-icon {\n    display: block;\n  }\n\n  /**\n   * Make sure to use the correct color and outline for links\n   */\n  .header__logo ::slotted(a),\n  .header__logo ::slotted(a:hover) {\n    color: var(--syn-color-primary-600);\n  }\n\n  .header__logo ::slotted(a:is(:focus-visible)) {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * Styles for the default logo. This makes sure the default SICK logo has the correct size and color\n   */\n  .header__logo syn-icon,\n  .header__logo syn-icon::part(svg) {\n    color: var(--syn-color-primary-600);\n    height: 32px;\n    width: auto;\n  }\n\n  /**\n   * The label section hosts the application name\n   */\n  .header__label {\n    font: var(--syn-body-large-bold);\n    padding: 0 var(--syn-spacing-2x-large);\n  }\n\n  /**\n   * The options menu holds an arbitary list of <syn-icon-button />\n   */\n  .header__meta-navigation {\n    display: flex;\n    flex: 1;\n    gap: var(--syn-spacing-x-small);\n    justify-content: end;\n  }\n\n  .header__meta-navigation ::slotted(*) {\n    display: contents;\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  .header__navigation {\n    padding: 0 var(--syn-spacing-large);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,wBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.BLOH2ZNU.js → chunk.JLNH2W3S.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk.QAUTITK3.js";
 import {
   SynIconButton
-} from "./chunk.O6AXKVFJ.js";
+} from "./chunk.NUWM3YC3.js";
 import {
   drawer_custom_styles_default
 } from "./chunk.UYD2OVFV.js";
@@ -30,7 +30,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 import {
   __decorateClass,
   __yieldStar
@@ -633,4 +633,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.BLOH2ZNU.js.map
+//# sourceMappingURL=chunk.JLNH2W3S.js.map

package/dist/chunks/{chunk.RMZBSKRR.js → chunk.L5APUSPB.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.GBOII6N4.js";
+} from "./chunk.LH3GMK7S.js";
 import {
   select_custom_styles_default
 } from "./chunk.OWMT6OL2.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.QNQNR3RY.js";
 import {
   SynPopup
-} from "./chunk.BJYVLDYR.js";
+} from "./chunk.73CGLYDS.js";
 import {
   animateTo,
   scrollIntoView,
@@ -38,14 +38,14 @@ import {
 } from "./chunk.XGXFE6IF.js";
 import {
   SynIcon
-} from "./chunk.PWMSNMDF.js";
+} from "./chunk.LVDTUHAK.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -758,4 +758,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.RMZBSKRR.js.map
+//# sourceMappingURL=chunk.L5APUSPB.js.map

package/dist/chunks/{chunk.F4THECWA.js → chunk.LGADMVOP.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.6MS3WNDW.js";
+} from "./chunk.VJ5NFXWS.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = SynButtonGroup;
@@ -9,4 +9,4 @@ SynButtonGroup.define("syn-button-group");
 export {
   button_group_default
 };
-//# sourceMappingURL=chunk.F4THECWA.js.map
+//# sourceMappingURL=chunk.LGADMVOP.js.map

package/dist/chunks/{chunk.GBOII6N4.js → chunk.LH3GMK7S.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.BGHK4NQA.js";
 import {
   SynIconButton
-} from "./chunk.O6AXKVFJ.js";
+} from "./chunk.NUWM3YC3.js";
 import {
   LocalizeController
 } from "./chunk.LAB4YJYE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.GBOII6N4.js.map
+//# sourceMappingURL=chunk.LH3GMK7S.js.map

package/dist/chunks/{chunk.PWMSNMDF.js → chunk.LVDTUHAK.js}

@@ -1,21 +1,21 @@
-import {
-  getIconLibrary,
-  unwatchIcon,
-  watchIcon
-} from "./chunk.JRXQK6LG.js";
 import {
   icon_custom_styles_default
 } from "./chunk.PJO6TM3T.js";
 import {
   icon_styles_default
 } from "./chunk.2RF7KO5I.js";
+import {
+  getIconLibrary,
+  unwatchIcon,
+  watchIcon
+} from "./chunk.7UVCYUNR.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.3DE5ARIC.js";
+} from "./chunk.U24UDJCX.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -176,4 +176,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.PWMSNMDF.js.map
+//# sourceMappingURL=chunk.LVDTUHAK.js.map

package/dist/chunks/{chunk.FUNZW7ES.js → chunk.MOE5YJDU.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.MDZ22YWD.js";
+} from "./chunk.BI3SSGDL.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.FUNZW7ES.js.map
+//# sourceMappingURL=chunk.MOE5YJDU.js.map

package/dist/chunks/{chunk.5AAIHRMI.js → chunk.N4VSEIRQ.js}

@@ -14,6 +14,8 @@ var icons = {
 		<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>`,
   "indeterminate": `
 		<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill='currentColor'><path d="M19 13H5V11H19V13Z"/></svg>`,
+  "logo-color": `
+		<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>`,
   "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>`,
   "x-circle-fill": `
@@ -35,4 +37,4 @@ var library_system_default = systemLibrary;
 export {
   library_system_default
 };
-//# sourceMappingURL=chunk.5AAIHRMI.js.map
+//# sourceMappingURL=chunk.N4VSEIRQ.js.map

package/dist/chunks/{chunk.5AAIHRMI.js.map → chunk.N4VSEIRQ.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.29498L12 12.875L7.41 8.29498L6 9.70498L12 15.705L18 9.70498L16.59 8.29498Z\"/></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.70498L19.385 5.29498L8.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.29498L12 12.875L7.41 8.29498L6 9.70498L12 15.705L18 9.70498L16.59 8.29498Z\"/></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'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'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 `data:image/svg+xml,${encodeURIComponent(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,aAAa;AAAA;AAAA,EAEb,OAAO;AAAA;AAAA,EAEP,iBAAiB;AAAA;AAAA,EAEjB,SAAS;AAAA;AAAA,EAET,iBAAiB;AAAA;AAAA,EAEjB,QAAQ;AAAA;AAET;AAGA,IAAM,gBAA6B;AAAA,EACjC,MAAM;AAAA,EACN,UAAU,CAAC,SAA6B;AACtC,QAAI,QAAQ,OAAO;AACjB,aAAO,sBAAsB,mBAAmB,MAAM,IAAI,CAAC,CAAC;AAAA,IAC9D;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.29498L12 12.875L7.41 8.29498L6 9.70498L12 15.705L18 9.70498L16.59 8.29498Z\"/></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.70498L19.385 5.29498L8.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.29498L12 12.875L7.41 8.29498L6 9.70498L12 15.705L18 9.70498L16.59 8.29498Z\"/></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'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'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 `data:image/svg+xml,${encodeURIComponent(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,aAAa;AAAA;AAAA,EAEb,OAAO;AAAA;AAAA,EAEP,iBAAiB;AAAA;AAAA,EAEjB,cAAc;AAAA;AAAA,EAEd,SAAS;AAAA;AAAA,EAET,iBAAiB;AAAA;AAAA,EAEjB,QAAQ;AAAA;AAET;AAGA,IAAM,gBAA6B;AAAA,EACjC,MAAM;AAAA,EACN,UAAU,CAAC,SAA6B;AACtC,QAAI,QAAQ,OAAO;AACjB,aAAO,sBAAsB,mBAAmB,MAAM,IAAI,CAAC,CAAC;AAAA,IAC9D;AACA,WAAO;AAAA,EACT;AACF;AAEA,IAAO,yBAAQ;",
   "names": []
 }

package/dist/chunks/{chunk.LZE7OXKV.js → chunk.NKGRF5PE.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.RMZBSKRR.js";
+} from "./chunk.L5APUSPB.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.LZE7OXKV.js.map
+//# sourceMappingURL=chunk.NKGRF5PE.js.map

package/dist/chunks/{chunk.QY6MKIMK.js → chunk.NSYEQECK.js}

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