@synergy-design-system/components 1.3.0 → 1.4.1

package/dist/chunks/{chunk.H2CKSKRW.js → chunk.5VSN3F2E.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.6PUYPXNC.js";
+} from "./chunk.LL3W2QAU.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.H2CKSKRW.js.map
+//# sourceMappingURL=chunk.5VSN3F2E.js.map

package/dist/chunks/{chunk.KZ3AQUHU.js → chunk.5Y446GHK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.LAB4YJYE.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -29,4 +29,4 @@ SynSpinner.styles = spinner_styles_default;
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.KZ3AQUHU.js.map
+//# sourceMappingURL=chunk.5Y446GHK.js.map

package/dist/chunks/{chunk.ZPSFUUNK.js → chunk.6LIMUIEF.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.RLLBOQ6V.js";
+} from "./chunk.76T4PEW3.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.ZPSFUUNK.js.map
+//# sourceMappingURL=chunk.6LIMUIEF.js.map

package/dist/chunks/{chunk.Z65EDGTR.js → chunk.6TJHEFXA.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.UO5HH5VY.js";
+} from "./chunk.JMETBEU6.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.Z65EDGTR.js.map
+//# sourceMappingURL=chunk.6TJHEFXA.js.map

package/dist/chunks/{chunk.RLLBOQ6V.js → chunk.76T4PEW3.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.2FN5DTS6.js";
 import {
   SynIcon
-} from "./chunk.QFYXBNOQ.js";
+} from "./chunk.QTQBU2M5.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -134,4 +134,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.RLLBOQ6V.js.map
+//# sourceMappingURL=chunk.76T4PEW3.js.map

package/dist/chunks/{chunk.RHBEOZWF.js → chunk.A77SRYT2.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.VD6GL6QA.js";
+} from "./chunk.MTDXRKO3.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.RHBEOZWF.js.map
+//# sourceMappingURL=chunk.A77SRYT2.js.map

package/dist/chunks/{chunk.S74LATRZ.js → chunk.AR7MHBEC.js}

@@ -1,6 +1,6 @@
 import {
   radio_button_styles_default
-} from "./chunk.2V5UNOVJ.js";
+} from "./chunk.MWDOOCSU.js";
 import {
   HasSlotController
 } from "./chunk.XGXFE6IF.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -124,4 +124,4 @@ __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.S74LATRZ.js.map
+//# sourceMappingURL=chunk.AR7MHBEC.js.map

package/dist/chunks/{chunk.W46CFM2R.js → chunk.B2EJGIGY.js}

@@ -15,33 +15,27 @@ var input_custom_styles_default = css`
   }
 
   .input--small .input__prefix ::slotted(*) {
-    margin-inline-end: var(--syn-spacing-x-small);
-    margin-inline-start: var(--syn-input-spacing-small);
+    margin-inline: var(--syn-input-spacing-small) var(--syn-spacing-x-small);
   }
 
   .input--medium .input__prefix ::slotted(*) {
-    margin-inline-end: var(--syn-input-spacing-small);
-    margin-inline-start: var(--syn-input-spacing-medium);
+    margin-inline: var(--syn-input-spacing-medium) var(--syn-input-spacing-small);
   }
 
   .input--large .input__prefix ::slotted(*) {
-    margin-inline-end: var(--syn-input-spacing-medium);
-    margin-inline-start: var(--syn-input-spacing-large);
+    margin-inline: var(--syn-input-spacing-large) var(--syn-input-spacing-medium);
   }
 
   .input--small .input__suffix ::slotted(*) {
-    margin-inline-end: var(--syn-input-spacing-small);
-    margin-inline-start: var(--syn-spacing-x-small);
+    margin-inline: var(--syn-spacing-x-small) var(--syn-input-spacing-small);
   }
 
   .input--medium .input__suffix ::slotted(*) {
-    margin-inline-end: var(--syn-input-spacing-medium);
-    margin-inline-start: var(--syn-input-spacing-small);
+    margin-inline: var(--syn-input-spacing-small) var(--syn-input-spacing-medium);
   }
 
   .input--large .input__suffix ::slotted(*) {
-    margin-inline-end: var(--syn-input-spacing-large);
-    margin-inline-start: var(--syn-input-spacing-medium);
+    margin-inline: var(--syn-input-spacing-medium) var(--syn-input-spacing-large);
   }
 
   /* ICONS SIZE */
@@ -87,4 +81,4 @@ var input_custom_styles_default = css`
 export {
   input_custom_styles_default
 };
-//# sourceMappingURL=chunk.W46CFM2R.js.map
+//# sourceMappingURL=chunk.B2EJGIGY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input/input.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /* PADDINGS */\n  .input--medium .input__control {\n    padding: var(--syn-spacing-x-small) var(--syn-input-spacing-medium);\n  }\n\n  .input--small .input__control {\n    padding: var(--syn-spacing-3x-small) var(--syn-input-spacing-small);\n  }\n\n  .input--large .input__control {\n    padding: var(--syn-input-spacing-small) var(--syn-input-spacing-large);\n  }\n\n  .input--small .input__prefix ::slotted(*) {\n    margin-inline: var(--syn-input-spacing-small) var(--syn-spacing-x-small);\n  }\n\n  .input--medium .input__prefix ::slotted(*) {\n    margin-inline: var(--syn-input-spacing-medium) var(--syn-input-spacing-small);\n  }\n\n  .input--large .input__prefix ::slotted(*) {\n    margin-inline: var(--syn-input-spacing-large) var(--syn-input-spacing-medium);\n  }\n\n  .input--small .input__suffix ::slotted(*) {\n    margin-inline: var(--syn-spacing-x-small) var(--syn-input-spacing-small);\n  }\n\n  .input--medium .input__suffix ::slotted(*) {\n    margin-inline: var(--syn-input-spacing-small) var(--syn-input-spacing-medium);\n  }\n\n  .input--large .input__suffix ::slotted(*) {\n    margin-inline: var(--syn-input-spacing-medium) var(--syn-input-spacing-large);\n  }\n\n  /* ICONS SIZE */\n   .input--small .input__prefix ::slotted(syn-icon) {\n    font-size: var(--syn-input-spacing-medium);\n   }\n\n  .input--medium .input__prefix ::slotted(syn-icon) {\n    font-size: var(--syn-input-spacing-large);\n   }\n\n  .input--large .input__prefix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-2x-large);\n   }\n\n  .input--small .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-input-spacing-medium);\n   }\n\n  .input--medium .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-input-spacing-large);\n   }\n\n  .input--large .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-2x-large);\n   }\n  \n  :host([data-user-invalid]) .input--standard {\n    border-color: var(--syn-input-border-color-focus-error);\n  }\n\n  :host([data-user-invalid]) .input--standard.input--focused:not(.input--disabled) {\n    border-color: var(--syn-input-border-color-focus-error);\n    box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);\n  }\n\n  .input--standard.input--disabled .input__suffix, \n  .input--standard.input--disabled .input__prefix {\n    cursor: not-allowed;\n  } \n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,8BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.VG7NKBOV.js → chunk.CQ2JMH2J.js}

@@ -1,9 +1,9 @@
-import {
-  component_styles_default
-} from "./chunk.O7USYXBT.js";
 import {
   button_custom_styles_default
 } from "./chunk.IUC3AWAU.js";
+import {
+  component_styles_default
+} from "./chunk.O7USYXBT.js";
 
 // src/components/button/button.styles.ts
 import { css } from "lit";
@@ -373,4 +373,4 @@ var button_styles_default = css`
 export {
   button_styles_default
 };
-//# sourceMappingURL=chunk.VG7NKBOV.js.map
+//# sourceMappingURL=chunk.CQ2JMH2J.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.BLHHZJQD.js → chunk.FTXTH5TS.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.QHFGD6WW.js";
 import {
   SynIconButton
-} from "./chunk.RLLBOQ6V.js";
+} from "./chunk.76T4PEW3.js";
 import {
   LocalizeController
 } from "./chunk.LAB4YJYE.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -72,4 +72,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.BLHHZJQD.js.map
+//# sourceMappingURL=chunk.FTXTH5TS.js.map

package/dist/chunks/chunk.GEV4IJII.js

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

package/dist/chunks/chunk.GEV4IJII.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.B2WRX32I.js → chunk.GM3M672E.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.TGO3Z3HP.js";
+} from "./chunk.Q5UI2GVL.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.B2WRX32I.js.map
+//# sourceMappingURL=chunk.GM3M672E.js.map

package/dist/chunks/chunk.H3LRV4ST.js

@@ -0,0 +1,40 @@
+import {
+  divider_styles_default
+} from "./chunk.PGCXJ2PT.js";
+import {
+  watch
+} from "./chunk.VZ7S7YYN.js";
+import {
+  SynergyElement
+} from "./chunk.Z2DLW3SL.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.H3LRV4ST.js.map

package/dist/chunks/chunk.H3LRV4ST.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.YKNLO6A2.js → chunk.H4N7OLXW.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.YKNLO6A2.js.map
+//# sourceMappingURL=chunk.H4N7OLXW.js.map

package/dist/chunks/{chunk.UO5HH5VY.js → chunk.JMETBEU6.js}

@@ -1,9 +1,6 @@
 import {
   radio_group_styles_default
 } from "./chunk.4I6M5V6O.js";
-import {
-  SynButtonGroup
-} from "./chunk.VD6GL6QA.js";
 import {
   HasSlotController
 } from "./chunk.XGXFE6IF.js";
@@ -16,9 +13,12 @@ import {
 import {
   watch
 } from "./chunk.VZ7S7YYN.js";
+import {
+  SynButtonGroup
+} from "./chunk.MTDXRKO3.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -348,4 +348,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.UO5HH5VY.js.map
+//# sourceMappingURL=chunk.JMETBEU6.js.map

package/dist/chunks/{chunk.G6VDIPNQ.js → chunk.JYBYORNL.js}

@@ -1,27 +1,27 @@
 import {
   input_styles_default
-} from "./chunk.OXUFFH57.js";
+} from "./chunk.KUZJTGHQ.js";
 import {
   defaultValue
 } from "./chunk.WFAJR3FN.js";
-import {
-  HasSlotController
-} from "./chunk.XGXFE6IF.js";
 import {
   LocalizeController
 } from "./chunk.LAB4YJYE.js";
+import {
+  HasSlotController
+} from "./chunk.XGXFE6IF.js";
 import {
   FormControlController
 } from "./chunk.AMTCNRDE.js";
 import {
   SynIcon
-} from "./chunk.QFYXBNOQ.js";
+} from "./chunk.QTQBU2M5.js";
 import {
   watch
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -477,4 +477,4 @@ __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.G6VDIPNQ.js.map
+//# sourceMappingURL=chunk.JYBYORNL.js.map

package/dist/chunks/{chunk.O7JATGQ6.js → chunk.KQCYBRJJ.js}

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

package/dist/chunks/{chunk.OXUFFH57.js → chunk.KUZJTGHQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.JHXCBOUD.js";
 import {
   input_custom_styles_default
-} from "./chunk.W46CFM2R.js";
+} from "./chunk.B2EJGIGY.js";
 import {
   component_styles_default
 } from "./chunk.O7USYXBT.js";
@@ -315,4 +315,4 @@ var input_styles_default = css`
 export {
   input_styles_default
 };
-//# sourceMappingURL=chunk.OXUFFH57.js.map
+//# sourceMappingURL=chunk.KUZJTGHQ.js.map

package/dist/chunks/{chunk.XOYAL6A7.js → chunk.KWUT7GQA.js}

@@ -9,13 +9,13 @@ import {
 } from "./chunk.AMTCNRDE.js";
 import {
   SynIcon
-} from "./chunk.QFYXBNOQ.js";
+} from "./chunk.QTQBU2M5.js";
 import {
   watch
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -221,4 +221,4 @@ __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.XOYAL6A7.js.map
+//# sourceMappingURL=chunk.KWUT7GQA.js.map

package/dist/chunks/{chunk.6PUYPXNC.js → chunk.LL3W2QAU.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.JBYBQ5TQ.js";
 import {
   SynIcon
-} from "./chunk.QFYXBNOQ.js";
+} from "./chunk.QTQBU2M5.js";
 import {
   watch
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -108,4 +108,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.6PUYPXNC.js.map
+//# sourceMappingURL=chunk.LL3W2QAU.js.map

package/dist/chunks/{chunk.VD6GL6QA.js → chunk.MTDXRKO3.js}

@@ -1,9 +1,9 @@
+import {
+  SynergyElement
+} from "./chunk.Z2DLW3SL.js";
 import {
   button_group_styles_default
 } from "./chunk.4ZURABYO.js";
-import {
-  SynergyElement
-} from "./chunk.RWQLSIO7.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -83,4 +83,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.VD6GL6QA.js.map
+//# sourceMappingURL=chunk.MTDXRKO3.js.map

package/dist/chunks/{chunk.2V5UNOVJ.js → chunk.MWDOOCSU.js}

@@ -1,6 +1,6 @@
 import {
   button_styles_default
-} from "./chunk.VG7NKBOV.js";
+} from "./chunk.CQ2JMH2J.js";
 
 // src/components/radio-button/radio-button.styles.ts
 import { css } from "lit";
@@ -34,4 +34,4 @@ var radio_button_styles_default = css`
 export {
   radio_button_styles_default
 };
-//# sourceMappingURL=chunk.2V5UNOVJ.js.map
+//# sourceMappingURL=chunk.MWDOOCSU.js.map

package/dist/chunks/{chunk.CZXYQ2WN.js → chunk.ND73VYBT.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.S74LATRZ.js";
+} from "./chunk.AR7MHBEC.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.CZXYQ2WN.js.map
+//# sourceMappingURL=chunk.ND73VYBT.js.map

package/dist/chunks/{chunk.QAWYSA72.js → chunk.OSOFK3JT.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.YKNLO6A2.js";
+} from "./chunk.H4N7OLXW.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.QAWYSA72.js.map
+//# sourceMappingURL=chunk.OSOFK3JT.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.TGO3Z3HP.js → chunk.Q5UI2GVL.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -357,4 +357,4 @@ __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.TGO3Z3HP.js.map
+//# sourceMappingURL=chunk.Q5UI2GVL.js.map

package/dist/chunks/{chunk.QFYXBNOQ.js → chunk.QTQBU2M5.js}

@@ -1,17 +1,17 @@
 import {
-  watch
-} from "./chunk.VZ7S7YYN.js";
+  icon_styles_default
+} from "./chunk.RSONAU45.js";
 import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
 } from "./chunk.JRXQK6LG.js";
 import {
-  icon_styles_default
-} from "./chunk.RSONAU45.js";
+  watch
+} from "./chunk.VZ7S7YYN.js";
 import {
   SynergyElement
-} from "./chunk.RWQLSIO7.js";
+} from "./chunk.Z2DLW3SL.js";
 import {
   __decorateClass
 } from "./chunk.DJOAQ4JU.js";
@@ -172,4 +172,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.QFYXBNOQ.js.map
+//# sourceMappingURL=chunk.QTQBU2M5.js.map