@synergy-design-system/components 1.2.2 → 1.4.0

package/dist/chunks/{chunk.WZ7YZYWN.js → chunk.2Z2FGA3I.js}

@@ -1,6 +1,6 @@
 import {
   SynergyElement
-} from "./chunk.XMUT2KKD.js";
+} from "./chunk.SNP6OECI.js";
 import {
   button_group_styles_default
 } from "./chunk.4ZURABYO.js";
@@ -83,4 +83,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.WZ7YZYWN.js.map
+//# sourceMappingURL=chunk.2Z2FGA3I.js.map

package/dist/chunks/{chunk.EJKKSDGO.js → chunk.3CAAVHZZ.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.ZLE6SGK3.js";
+} from "./chunk.YL6PYHOS.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.EJKKSDGO.js.map
+//# sourceMappingURL=chunk.3CAAVHZZ.js.map

package/dist/chunks/{chunk.PTZNO34T.js → chunk.43NPPDUU.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.NROSOMZ6.js";
+} from "./chunk.C2S53NYE.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.PTZNO34T.js.map
+//# sourceMappingURL=chunk.43NPPDUU.js.map

package/dist/chunks/{chunk.F75WKKCW.js → chunk.4NG4BW3G.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.XMUT2KKD.js";
+} from "./chunk.SNP6OECI.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -357,4 +357,4 @@ __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.F75WKKCW.js.map
+//# sourceMappingURL=chunk.4NG4BW3G.js.map

package/dist/chunks/{chunk.H6VNYYUH.js → chunk.533DZ5GZ.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.JBYBQ5TQ.js";
 import {
   SynIcon
-} from "./chunk.NROSOMZ6.js";
+} from "./chunk.C2S53NYE.js";
 import {
   watch
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.XMUT2KKD.js";
+} from "./chunk.SNP6OECI.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -108,4 +108,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.H6VNYYUH.js.map
+//# sourceMappingURL=chunk.533DZ5GZ.js.map

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

@@ -1,9 +1,13 @@
 // src/components/icon/library.system.ts
 var icons = {
+  "add": `
+		<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill='currentColor'><path d="M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z"/></svg>`,
   "caret": `
-		<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill='currentColor'><path d="M16.59 8.295L12 12.875L7.41 8.295L6 9.705L12 15.705L18 9.705L16.59 8.295Z"/></svg>`,
+		<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>`,
   "check": `
-		<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.705L19.385 5.295L8.79496 15.875Z"/></svg>`,
+		<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>`,
+  "chevron-down": `
+		<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>`,
   "eye-slash": `
 		<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>`,
   "eye": `
@@ -31,4 +35,4 @@ var library_system_default = systemLibrary;
 export {
   library_system_default
 };
-//# sourceMappingURL=chunk.EJXWL3JM.js.map
+//# sourceMappingURL=chunk.5AAIHRMI.js.map

package/dist/chunks/chunk.5AAIHRMI.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/dist/chunks/{chunk.VIGOUABZ.js → chunk.62GAQV3Z.js}

@@ -15,10 +15,10 @@ import {
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynButtonGroup
-} from "./chunk.WZ7YZYWN.js";
+} from "./chunk.2Z2FGA3I.js";
 import {
   SynergyElement
-} from "./chunk.XMUT2KKD.js";
+} from "./chunk.SNP6OECI.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -348,4 +348,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.VIGOUABZ.js.map
+//# sourceMappingURL=chunk.62GAQV3Z.js.map

package/dist/chunks/{chunk.EEBBPMDI.js → chunk.7CKINLE4.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.RGXSZCKM.js";
+} from "./chunk.QT64OSWO.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.EEBBPMDI.js.map
+//# sourceMappingURL=chunk.7CKINLE4.js.map

package/dist/chunks/{chunk.L47LNUE3.js → chunk.7DUTGUSD.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.VIGOUABZ.js";
+} from "./chunk.62GAQV3Z.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.L47LNUE3.js.map
+//# sourceMappingURL=chunk.7DUTGUSD.js.map

package/dist/chunks/chunk.A4KYHNIH.js

@@ -0,0 +1,40 @@
+import {
+  divider_styles_default
+} from "./chunk.PGCXJ2PT.js";
+import {
+  watch
+} from "./chunk.VZ7S7YYN.js";
+import {
+  SynergyElement
+} from "./chunk.SNP6OECI.js";
+import {
+  __decorateClass
+} from "./chunk.DJOAQ4JU.js";
+
+// src/components/divider/divider.component.ts
+import { property } from "lit/decorators.js";
+var SynDivider = class extends SynergyElement {
+  constructor() {
+    super(...arguments);
+    this.vertical = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "separator");
+  }
+  handleVerticalChange() {
+    this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal");
+  }
+};
+SynDivider.styles = divider_styles_default;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SynDivider.prototype, "vertical", 2);
+__decorateClass([
+  watch("vertical")
+], SynDivider.prototype, "handleVerticalChange", 1);
+
+export {
+  SynDivider
+};
+//# sourceMappingURL=chunk.A4KYHNIH.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/divider/divider.component.ts"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { property } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './divider.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Dividers are used to visually separate or group elements.\n * @documentation https://synergy.style/components/divider\n * @status stable\n * @since 2.0\n *\n * @cssproperty --color - The color of the divider.\n * @cssproperty --width - The width of the divider.\n * @cssproperty --spacing - The spacing of the divider.\n */\nexport default class SynDivider extends SynergyElement {\n  static styles: CSSResultGroup = styles;\n\n  /** Draws the divider in a vertical orientation. */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'separator');\n  }\n\n  @watch('vertical')\n  handleVerticalChange() {\n    this.setAttribute('aria-orientation', this.vertical ? 'vertical' : 'horizontal');\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;AAMA,SAAS,gBAAgB;AAgBzB,IAAqB,aAArB,cAAwC,eAAe;AAAA,EAAvD;AAAA;AAI8C,oBAAW;AAAA;AAAA,EAEvD,oBAAoB;AAClB,UAAM,kBAAkB;AACxB,SAAK,aAAa,QAAQ,WAAW;AAAA,EACvC;AAAA,EAGA,uBAAuB;AACrB,SAAK,aAAa,oBAAoB,KAAK,WAAW,aAAa,YAAY;AAAA,EACjF;AACF;AAfqB,WACZ,SAAyB;AAGY;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAJvB,WAIyB;AAQ5C;AAAA,EADC,MAAM,UAAU;AAAA,GAXE,WAYnB;",
+  "names": []
+}

package/dist/chunks/{chunk.6UMINMJ4.js → chunk.BOURWTS5.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.WZ7YZYWN.js";
+} from "./chunk.2Z2FGA3I.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.6UMINMJ4.js.map
+//# sourceMappingURL=chunk.BOURWTS5.js.map

package/dist/chunks/{chunk.NROSOMZ6.js → chunk.C2S53NYE.js}

@@ -1,17 +1,17 @@
 import {
-  watch
-} from "./chunk.VZ7S7YYN.js";
+  icon_styles_default
+} from "./chunk.RSONAU45.js";
 import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.6PFQSQLU.js";
+} from "./chunk.JRXQK6LG.js";
 import {
-  icon_styles_default
-} from "./chunk.RSONAU45.js";
+  watch
+} from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.XMUT2KKD.js";
+} from "./chunk.SNP6OECI.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -172,4 +172,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.NROSOMZ6.js.map
+//# sourceMappingURL=chunk.C2S53NYE.js.map

package/dist/chunks/chunk.FA6V2WD6.js

@@ -0,0 +1,13 @@
+// src/components/divider/divider.custom.styles.ts
+import { css } from "lit";
+var divider_custom_styles_default = css`
+  /* Write custom CSS here */
+  :host {
+    --color: var(--syn-color-neutral-400);
+  }
+`;
+
+export {
+  divider_custom_styles_default
+};
+//# sourceMappingURL=chunk.FA6V2WD6.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/divider/divider.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /* Write custom CSS here */\n  :host {\n    --color: var(--syn-color-neutral-400);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,gCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.5T6QTZ6K.js → chunk.FSHPI6B5.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.2FN5DTS6.js";
 import {
   SynIcon
-} from "./chunk.NROSOMZ6.js";
+} from "./chunk.C2S53NYE.js";
 import {
   SynergyElement
-} from "./chunk.XMUT2KKD.js";
+} from "./chunk.SNP6OECI.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -134,4 +134,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.5T6QTZ6K.js.map
+//# sourceMappingURL=chunk.FSHPI6B5.js.map

package/dist/chunks/{chunk.VSUPUWP6.js → chunk.GKFUZ44I.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.H6VNYYUH.js";
+} from "./chunk.533DZ5GZ.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.VSUPUWP6.js.map
+//# sourceMappingURL=chunk.GKFUZ44I.js.map

package/dist/chunks/{chunk.W2K4VNZU.js → chunk.I2JLECCQ.js}

@@ -9,13 +9,13 @@ import {
 } from "./chunk.AMTCNRDE.js";
 import {
   SynIcon
-} from "./chunk.NROSOMZ6.js";
+} from "./chunk.C2S53NYE.js";
 import {
   watch
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.XMUT2KKD.js";
+} from "./chunk.SNP6OECI.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -221,4 +221,4 @@ __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.W2K4VNZU.js.map
+//# sourceMappingURL=chunk.I2JLECCQ.js.map

package/dist/chunks/{chunk.4S27S3RY.js → chunk.JFCQYLZB.js}

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

package/dist/chunks/{chunk.6PFQSQLU.js → chunk.JRXQK6LG.js}

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

package/dist/chunks/{chunk.5EXH7VQY.js → chunk.MMNPLBTH.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.5T6QTZ6K.js";
+} from "./chunk.FSHPI6B5.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.5EXH7VQY.js.map
+//# sourceMappingURL=chunk.MMNPLBTH.js.map

package/dist/chunks/{chunk.N6E3X3S5.js → chunk.NQZRYJEZ.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.KZMLTHDT.js";
+} from "./chunk.NZAZG5AN.js";
 
 // src/components/tag/tag.ts
 var tag_default = SynTag;
@@ -9,4 +9,4 @@ SynTag.define("syn-tag");
 export {
   tag_default
 };
-//# sourceMappingURL=chunk.N6E3X3S5.js.map
+//# sourceMappingURL=chunk.NQZRYJEZ.js.map

package/dist/chunks/{chunk.KZMLTHDT.js → chunk.NZAZG5AN.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.QHFGD6WW.js";
 import {
   SynIconButton
-} from "./chunk.5T6QTZ6K.js";
+} from "./chunk.FSHPI6B5.js";
 import {
   LocalizeController
 } from "./chunk.LAB4YJYE.js";
 import {
   SynergyElement
-} from "./chunk.XMUT2KKD.js";
+} from "./chunk.SNP6OECI.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -72,4 +72,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.KZMLTHDT.js.map
+//# sourceMappingURL=chunk.NZAZG5AN.js.map

package/dist/chunks/chunk.PGCXJ2PT.js

@@ -0,0 +1,39 @@
+import {
+  divider_custom_styles_default
+} from "./chunk.FA6V2WD6.js";
+import {
+  component_styles_default
+} from "./chunk.O7USYXBT.js";
+
+// src/components/divider/divider.styles.ts
+import { css } from "lit";
+var divider_styles_default = css`
+	/* stylelint-disable */
+  ${component_styles_default}
+
+  :host {
+    --color: var(--syn-panel-border-color);
+    --width: var(--syn-panel-border-width);
+    --spacing: var(--syn-spacing-medium);
+  }
+
+  :host(:not([vertical])) {
+    display: block;
+    border-top: solid var(--width) var(--color);
+    margin: var(--spacing) 0;
+  }
+
+  :host([vertical]) {
+    display: inline-block;
+    height: 100%;
+    border-left: solid var(--width) var(--color);
+    margin: 0 var(--spacing);
+  }
+
+  ${divider_custom_styles_default}
+`;
+
+export {
+  divider_styles_default
+};
+//# sourceMappingURL=chunk.PGCXJ2PT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/divider/divider.styles.ts"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { css } from 'lit';\nimport customStyles from './divider.custom.styles.js';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n\t/* stylelint-disable */\n  ${componentStyles}\n\n  :host {\n    --color: var(--syn-panel-border-color);\n    --width: var(--syn-panel-border-width);\n    --spacing: var(--syn-spacing-medium);\n  }\n\n  :host(:not([vertical])) {\n    display: block;\n    border-top: solid var(--width) var(--color);\n    margin: var(--spacing) 0;\n  }\n\n  :host([vertical]) {\n    display: inline-block;\n    height: 100%;\n    border-left: solid var(--width) var(--color);\n    margin: 0 var(--spacing);\n  }\n\n  ${customStyles}\n`;\n\n"],
+  "mappings": ";;;;;;;;AAMA,SAAS,WAAW;AAIpB,IAAO,yBAAQ;AAAA;AAAA,IAEX,wBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAqBf,6BAAY;AAAA;",
+  "names": []
+}

package/dist/chunks/chunk.POZGJMTS.js

@@ -0,0 +1,12 @@
+import {
+  SynDivider
+} from "./chunk.A4KYHNIH.js";
+
+// src/components/divider/divider.ts
+var divider_default = SynDivider;
+SynDivider.define("syn-divider");
+
+export {
+  divider_default
+};
+//# sourceMappingURL=chunk.POZGJMTS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/divider/divider.ts"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport SynDivider from './divider.component.js';\n\nexport * from './divider.component.js';\nexport default SynDivider;\n\nSynDivider.define('syn-divider');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-divider': SynDivider;\n  }\n}\n"],
+  "mappings": ";;;;;AASA,IAAO,kBAAQ;AAEf,WAAW,OAAO,aAAa;",
+  "names": []
+}

package/dist/chunks/{chunk.JW6NUJMF.js → chunk.QBM7YT5M.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.OINL3N23.js";
+} from "./chunk.T27ALSOE.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.JW6NUJMF.js.map
+//# sourceMappingURL=chunk.QBM7YT5M.js.map

package/dist/chunks/{chunk.RGXSZCKM.js → chunk.QT64OSWO.js}

@@ -1,19 +1,19 @@
 import {
   SynSpinner
-} from "./chunk.JAKBHRC4.js";
-import {
-  HasSlotController
-} from "./chunk.XGXFE6IF.js";
+} from "./chunk.ZKVZHEJM.js";
 import {
   LocalizeController
 } from "./chunk.LAB4YJYE.js";
+import {
+  HasSlotController
+} from "./chunk.XGXFE6IF.js";
 import {
   FormControlController,
   validValidityState
 } from "./chunk.AMTCNRDE.js";
 import {
   SynIcon
-} from "./chunk.NROSOMZ6.js";
+} from "./chunk.C2S53NYE.js";
 import {
   watch
 } from "./chunk.VZ7S7YYN.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk.CQ2JMH2J.js";
 import {
   SynergyElement
-} from "./chunk.XMUT2KKD.js";
+} from "./chunk.SNP6OECI.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -269,4 +269,4 @@ __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.RGXSZCKM.js.map
+//# sourceMappingURL=chunk.QT64OSWO.js.map

package/dist/chunks/{chunk.YK3MDRNQ.js → chunk.RSGJ7C32.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.XMUT2KKD.js";
+} from "./chunk.SNP6OECI.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.YK3MDRNQ.js.map
+//# sourceMappingURL=chunk.RSGJ7C32.js.map

package/dist/chunks/{chunk.GMXJDCBI.js → chunk.SHF6MEDK.js}

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

package/dist/chunks/{chunk.XMUT2KKD.js → chunk.SNP6OECI.js}

@@ -48,7 +48,7 @@ var SynergyElement = class extends LitElement {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-SynergyElement.version = "1.2.2";
+SynergyElement.version = "1.4.0";
 SynergyElement.dependencies = {};
 __decorateClass([
   property()
@@ -60,4 +60,4 @@ __decorateClass([
 export {
   SynergyElement
 };
-//# sourceMappingURL=chunk.XMUT2KKD.js.map
+//# sourceMappingURL=chunk.SNP6OECI.js.map