@synergy-design-system/components 1.27.0 → 2.1.0

package/dist/chunks/chunk.WJ7KOQIH.js

@@ -0,0 +1,119 @@
+import {
+  tab_custom_styles_default
+} from "./chunk.OE4RXQU2.js";
+import {
+  tab_styles_default
+} from "./chunk.WXYS5UVK.js";
+import {
+  SynIconButton
+} from "./chunk.7BN75LQX.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
+import {
+  LocalizeController
+} from "./chunk.M6WH7QEC.js";
+import {
+  SynergyElement,
+  component_styles_default
+} from "./chunk.NHFTJEYN.js";
+import {
+  __decorateClass
+} from "./chunk.QNDC5KWA.js";
+
+// src/components/tab/tab.component.ts
+import { classMap } from "lit/directives/class-map.js";
+import { html } from "lit";
+import { property, query } from "lit/decorators.js";
+var id = 0;
+var SynTab = class extends SynergyElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.attrId = ++id;
+    this.componentId = `syn-tab-${this.attrId}`;
+    this.panel = "";
+    this.active = false;
+    this.closable = false;
+    this.disabled = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "tab");
+  }
+  handleCloseClick(event) {
+    event.stopPropagation();
+    this.emit("syn-close");
+  }
+  handleActiveChange() {
+    this.setAttribute("aria-selected", this.active ? "true" : "false");
+  }
+  handleDisabledChange() {
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+  }
+  /** Sets focus to the tab. */
+  focus(options) {
+    this.tab.focus(options);
+  }
+  /** Removes focus from the tab. */
+  blur() {
+    this.tab.blur();
+  }
+  render() {
+    this.id = this.id.length > 0 ? this.id : this.componentId;
+    return html`
+      <div
+        part="base"
+        class=${classMap({
+      tab: true,
+      "tab--active": this.active,
+      "tab--closable": this.closable,
+      "tab--disabled": this.disabled
+    })}
+        tabindex=${this.disabled ? "-1" : "0"}
+      >
+        <slot></slot>
+        ${this.closable ? html`
+              <syn-icon-button
+                part="close-button"
+                exportparts="base:close-button__base"
+                name="x-lg"
+                library="system"
+                label=${this.localize.term("close")}
+                class="tab__close-button"
+                @click=${this.handleCloseClick}
+                tabindex="-1"
+              ></syn-icon-button>
+            ` : ""}
+      </div>
+    `;
+  }
+};
+SynTab.styles = [component_styles_default, tab_styles_default, tab_custom_styles_default];
+SynTab.dependencies = { "syn-icon-button": SynIconButton };
+__decorateClass([
+  query(".tab")
+], SynTab.prototype, "tab", 2);
+__decorateClass([
+  property({ reflect: true })
+], SynTab.prototype, "panel", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SynTab.prototype, "active", 2);
+__decorateClass([
+  property({ type: Boolean })
+], SynTab.prototype, "closable", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SynTab.prototype, "disabled", 2);
+__decorateClass([
+  watch("active")
+], SynTab.prototype, "handleActiveChange", 1);
+__decorateClass([
+  watch("disabled")
+], SynTab.prototype, "handleDisabledChange", 1);
+
+export {
+  SynTab
+};
+//# sourceMappingURL=chunk.WJ7KOQIH.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tab/tab.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 { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIconButton from '../icon-button/icon-button.component.js';\nimport styles from './tab.styles.js';\nimport customStyles from './tab.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\nlet id = 0;\n\n/**\n * @summary Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).\n * @documentation https://synergy.style/components/tab\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon-button\n *\n * @slot - The tab's label.\n *\n * @event syn-close - Emitted when the tab is closable and the close button is activated.\n *\n * @csspart base - The component's base wrapper.\n * @csspart close-button - The close button, an `<syn-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n */\nexport default class SynTab extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon-button': SynIconButton };\n\n  private readonly localize = new LocalizeController(this);\n\n  private readonly attrId = ++id;\n  private readonly componentId = `syn-tab-${this.attrId}`;\n\n  @query('.tab') tab: HTMLElement;\n\n  /** The name of the tab panel this tab is associated with. The panel must be located in the same tab group. */\n  @property({ reflect: true }) panel = '';\n\n  /** Draws the tab in an active state. */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  /** Makes the tab closable and shows a close button. */\n  @property({ type: Boolean }) closable = false;\n\n  /** Disables the tab and prevents selection. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'tab');\n  }\n\n  private handleCloseClick(event: Event) {\n    event.stopPropagation();\n    this.emit('syn-close');\n  }\n\n  @watch('active')\n  handleActiveChange() {\n    this.setAttribute('aria-selected', this.active ? 'true' : 'false');\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  /** Sets focus to the tab. */\n  focus(options?: FocusOptions) {\n    this.tab.focus(options);\n  }\n\n  /** Removes focus from the tab. */\n  blur() {\n    this.tab.blur();\n  }\n\n  render() {\n    // If the user didn't provide an ID, we'll set one so we can link tabs and tab panels with aria labels\n    this.id = this.id.length > 0 ? this.id : this.componentId;\n\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          tab: true,\n          'tab--active': this.active,\n          'tab--closable': this.closable,\n          'tab--disabled': this.disabled\n        })}\n        tabindex=${this.disabled ? '-1' : '0'}\n      >\n        <slot></slot>\n        ${this.closable\n          ? html`\n              <syn-icon-button\n                part=\"close-button\"\n                exportparts=\"base:close-button__base\"\n                name=\"x-lg\"\n                library=\"system\"\n                label=${this.localize.term('close')}\n                class=\"tab__close-button\"\n                @click=${this.handleCloseClick}\n                tabindex=\"-1\"\n              ></syn-icon-button>\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-tab': SynTab;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAErB,SAAS,UAAU,aAAa;AAShC,IAAI,KAAK;AAkBT,IAAqB,SAArB,cAAoC,eAAe;AAAA,EAAnD;AAAA;AAIE,SAAiB,WAAW,IAAI,mBAAmB,IAAI;AAEvD,SAAiB,SAAS,EAAE;AAC5B,SAAiB,cAAc,WAAW,KAAK,MAAM;AAKxB,iBAAQ;AAGO,kBAAS;AAGxB,oBAAW;AAGI,oBAAW;AAAA;AAAA,EAEvD,oBAAoB;AAClB,UAAM,kBAAkB;AACxB,SAAK,aAAa,QAAQ,KAAK;AAAA,EACjC;AAAA,EAEQ,iBAAiB,OAAc;AACrC,UAAM,gBAAgB;AACtB,SAAK,KAAK,WAAW;AAAA,EACvB;AAAA,EAGA,qBAAqB;AACnB,SAAK,aAAa,iBAAiB,KAAK,SAAS,SAAS,OAAO;AAAA,EACnE;AAAA,EAGA,uBAAuB;AACrB,SAAK,aAAa,iBAAiB,KAAK,WAAW,SAAS,OAAO;AAAA,EACrE;AAAA;AAAA,EAGA,MAAM,SAAwB;AAC5B,SAAK,IAAI,MAAM,OAAO;AAAA,EACxB;AAAA;AAAA,EAGA,OAAO;AACL,SAAK,IAAI,KAAK;AAAA,EAChB;AAAA,EAEA,SAAS;AAEP,SAAK,KAAK,KAAK,GAAG,SAAS,IAAI,KAAK,KAAK,KAAK;AAE9C,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,KAAK;AAAA,MACL,eAAe,KAAK;AAAA,MACpB,iBAAiB,KAAK;AAAA,MACtB,iBAAiB,KAAK;AAAA,IACxB,CAAC,CAAC;AAAA,mBACS,KAAK,WAAW,OAAO,GAAG;AAAA;AAAA;AAAA,UAGnC,KAAK,WACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMY,KAAK,SAAS,KAAK,OAAO,CAAC;AAAA;AAAA,yBAE1B,KAAK,gBAAgB;AAAA;AAAA;AAAA,gBAIlC,EAAE;AAAA;AAAA;AAAA,EAGZ;AACF;AAtFqB,OACZ,SAAyB,CAAC,0BAAiB,oBAAQ,yBAAY;AADnD,OAEZ,eAAe,EAAE,mBAAmB,cAAc;AAO1C;AAAA,EAAd,MAAM,MAAM;AAAA,GATM,OASJ;AAGc;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAZR,OAYU;AAGe;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAfvB,OAeyB;AAGf;AAAA,EAA5B,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GAlBR,OAkBU;AAGe;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GArBvB,OAqByB;AAa5C;AAAA,EADC,MAAM,QAAQ;AAAA,GAjCI,OAkCnB;AAKA;AAAA,EADC,MAAM,UAAU;AAAA,GAtCE,OAuCnB;",
+  "names": []
+}

package/dist/chunks/chunk.WXYS5UVK.js

@@ -0,0 +1,77 @@
+// src/components/tab/tab.styles.ts
+import { css } from "lit";
+var tab_styles_default = css`
+	/* stylelint-disable */
+  :host {
+    display: inline-block;
+  }
+
+  .tab {
+    display: inline-flex;
+    align-items: center;
+    font-family: var(--syn-font-sans);
+    font-size: var(--syn-font-size-small);
+    font-weight: var(--syn-font-weight-semibold);
+    border-radius: var(--syn-border-radius-medium);
+    color: var(--syn-color-neutral-600);
+    padding: var(--syn-spacing-medium) var(--syn-spacing-large);
+    white-space: nowrap;
+    user-select: none;
+    -webkit-user-select: none;
+    cursor: pointer;
+    transition:
+      var(--transition-speed) box-shadow,
+      var(--transition-speed) color;
+  }
+
+  .tab:hover:not(.tab--disabled) {
+    color: var(--syn-color-primary-600);
+  }
+
+  .tab:focus {
+    outline: none;
+  }
+
+  .tab:focus-visible:not(.tab--disabled) {
+    color: var(--syn-color-primary-600);
+  }
+
+  .tab:focus-visible {
+    outline: var(--syn-focus-ring);
+    outline-offset: calc(-1 * var(--syn-focus-ring-width) - var(--syn-focus-ring-offset));
+  }
+
+  .tab.tab--active:not(.tab--disabled) {
+    color: var(--syn-color-primary-600);
+  }
+
+  .tab.tab--closable {
+    padding-inline-end: var(--syn-spacing-small);
+  }
+
+  .tab.tab--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .tab__close-button {
+    font-size: var(--syn-font-size-small);
+    margin-inline-start: var(--syn-spacing-small);
+  }
+
+  .tab__close-button::part(base) {
+    padding: var(--syn-spacing-3x-small);
+  }
+
+  @media (forced-colors: active) {
+    .tab.tab--active:not(.tab--disabled) {
+      outline: solid 1px transparent;
+      outline-offset: -3px;
+    }
+  }
+`;
+
+export {
+  tab_styles_default
+};
+//# sourceMappingURL=chunk.WXYS5UVK.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tab/tab.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';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    display: inline-block;\n  }\n\n  .tab {\n    display: inline-flex;\n    align-items: center;\n    font-family: var(--syn-font-sans);\n    font-size: var(--syn-font-size-small);\n    font-weight: var(--syn-font-weight-semibold);\n    border-radius: var(--syn-border-radius-medium);\n    color: var(--syn-color-neutral-600);\n    padding: var(--syn-spacing-medium) var(--syn-spacing-large);\n    white-space: nowrap;\n    user-select: none;\n    -webkit-user-select: none;\n    cursor: pointer;\n    transition:\n      var(--transition-speed) box-shadow,\n      var(--transition-speed) color;\n  }\n\n  .tab:hover:not(.tab--disabled) {\n    color: var(--syn-color-primary-600);\n  }\n\n  .tab:focus {\n    outline: none;\n  }\n\n  .tab:focus-visible:not(.tab--disabled) {\n    color: var(--syn-color-primary-600);\n  }\n\n  .tab:focus-visible {\n    outline: var(--syn-focus-ring);\n    outline-offset: calc(-1 * var(--syn-focus-ring-width) - var(--syn-focus-ring-offset));\n  }\n\n  .tab.tab--active:not(.tab--disabled) {\n    color: var(--syn-color-primary-600);\n  }\n\n  .tab.tab--closable {\n    padding-inline-end: var(--syn-spacing-small);\n  }\n\n  .tab.tab--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .tab__close-button {\n    font-size: var(--syn-font-size-small);\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  .tab__close-button::part(base) {\n    padding: var(--syn-spacing-3x-small);\n  }\n\n  @media (forced-colors: active) {\n    .tab.tab--active:not(.tab--disabled) {\n      outline: solid 1px transparent;\n      outline-offset: -3px;\n    }\n  }\n`;\n"],
+  "mappings": ";AAMA,SAAS,WAAW;AAEpB,IAAO,qBAAQ;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.6LNLSUMW.js → chunk.X5ELNELV.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.YMICCSK6.js";
 import {
   SynIconButton
-} from "./chunk.TUIMTZS3.js";
+} from "./chunk.7BN75LQX.js";
 import {
   animateTo,
   stopAnimations,
@@ -31,11 +31,11 @@ import {
 } from "./chunk.AVTU2BGE.js";
 import {
   LocalizeController
-} from "./chunk.GEHO4WRP.js";
+} from "./chunk.M6WH7QEC.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NHFTJEYN.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -285,4 +285,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.6LNLSUMW.js.map
+//# sourceMappingURL=chunk.X5ELNELV.js.map

package/dist/chunks/chunk.XHWYGYMQ.js

@@ -0,0 +1,13 @@
+// src/components/tab-panel/tab-panel.custom.styles.ts
+import { css } from "lit";
+var tab_panel_custom_styles_default = css`
+  /* Write custom CSS here */
+  .tab-panel {
+    color: var(--syn-typography-color-text);
+  }
+`;
+
+export {
+  tab_panel_custom_styles_default
+};
+//# sourceMappingURL=chunk.XHWYGYMQ.js.map

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

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

package/dist/chunks/{chunk.DCMV63MP.js → chunk.XMQLJOHH.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.3QPG42BO.js";
+} from "./chunk.74RW2G4A.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.DCMV63MP.js.map
+//# sourceMappingURL=chunk.XMQLJOHH.js.map

package/dist/chunks/{chunk.U33GULWV.js → chunk.YHWGQZLS.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.LDKF7GK5.js";
+} from "./chunk.QG3EP4DT.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.U33GULWV.js.map
+//# sourceMappingURL=chunk.YHWGQZLS.js.map

package/dist/chunks/chunk.YUHA7UIQ.js

@@ -0,0 +1,24 @@
+// src/components/tab-panel/tab-panel.styles.ts
+import { css } from "lit";
+var tab_panel_styles_default = css`
+	/* stylelint-disable */
+  :host {
+    --padding: 0;
+
+    display: none;
+  }
+
+  :host([active]) {
+    display: block;
+  }
+
+  .tab-panel {
+    display: block;
+    padding: var(--padding);
+  }
+`;
+
+export {
+  tab_panel_styles_default
+};
+//# sourceMappingURL=chunk.YUHA7UIQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tab-panel/tab-panel.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';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    --padding: 0;\n\n    display: none;\n  }\n\n  :host([active]) {\n    display: block;\n  }\n\n  .tab-panel {\n    display: block;\n    padding: var(--padding);\n  }\n`;\n"],
+  "mappings": ";AAMA,SAAS,WAAW;AAEpB,IAAO,2BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.YGWAASPJ.js → chunk.Z5MQOTP5.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.WBMLUOGK.js";
+} from "./chunk.7Q7PVXO3.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.YGWAASPJ.js.map
+//# sourceMappingURL=chunk.Z5MQOTP5.js.map

package/dist/chunks/{chunk.FNQSNNJR.js → chunk.ZV7LSX6O.js}

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

package/dist/chunks/{chunk.7XHOKC22.js → chunk.ZZY64J7L.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.EBLECPJG.js";
+} from "./chunk.2FG75Q7J.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.7XHOKC22.js.map
+//# sourceMappingURL=chunk.ZZY64J7L.js.map

package/dist/components/alert/alert.component.js

@@ -1,25 +1,25 @@
 import {
   SynAlert
-} from "../../chunks/chunk.JH2RNNHN.js";
-import "../../chunks/chunk.TUIMTZS3.js";
+} from "../../chunks/chunk.3VLVBVTP.js";
+import "../../chunks/chunk.7BN75LQX.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.LJQ7LEPV.js";
 import "../../chunks/chunk.UMKKOHXB.js";
 import "../../chunks/chunk.QAUTITK3.js";
-import "../../chunks/chunk.JVN6QVKB.js";
-import "../../chunks/chunk.66MOXMDP.js";
+import "../../chunks/chunk.PS4UJFYT.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
 import "../../chunks/chunk.6C4JXZZN.js";
-import "../../chunks/chunk.VTKIDI7N.js";
+import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66WXVGAW.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.JRYXECAY.js";
-import "../../chunks/chunk.PS4UJFYT.js";
-import "../../chunks/chunk.GEHO4WRP.js";
-import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.ALVUFXV4.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynAlert as default

package/dist/components/alert/alert.js

@@ -1,26 +1,26 @@
 import {
   alert_default
-} from "../../chunks/chunk.S7G2FNQC.js";
-import "../../chunks/chunk.JH2RNNHN.js";
-import "../../chunks/chunk.TUIMTZS3.js";
+} from "../../chunks/chunk.GRPQ7TL2.js";
+import "../../chunks/chunk.3VLVBVTP.js";
+import "../../chunks/chunk.7BN75LQX.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.LJQ7LEPV.js";
 import "../../chunks/chunk.UMKKOHXB.js";
 import "../../chunks/chunk.QAUTITK3.js";
-import "../../chunks/chunk.JVN6QVKB.js";
-import "../../chunks/chunk.66MOXMDP.js";
+import "../../chunks/chunk.PS4UJFYT.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
 import "../../chunks/chunk.6C4JXZZN.js";
-import "../../chunks/chunk.VTKIDI7N.js";
+import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66WXVGAW.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.JRYXECAY.js";
-import "../../chunks/chunk.PS4UJFYT.js";
-import "../../chunks/chunk.GEHO4WRP.js";
-import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.ALVUFXV4.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   alert_default as default

package/dist/components/badge/badge.component.js

@@ -1,11 +1,11 @@
 import {
   SynBadge
-} from "../../chunks/chunk.RU4ZC6UP.js";
-import "../../chunks/chunk.II4PANKR.js";
-import "../../chunks/chunk.GEHO4WRP.js";
-import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.ALVUFXV4.js";
+} from "../../chunks/chunk.ABZAI4LR.js";
 import "../../chunks/chunk.WQJRBFZA.js";
+import "../../chunks/chunk.II4PANKR.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynBadge as default

package/dist/components/badge/badge.js

@@ -1,12 +1,12 @@
 import {
   badge_default
-} from "../../chunks/chunk.IC2DDTSC.js";
-import "../../chunks/chunk.RU4ZC6UP.js";
-import "../../chunks/chunk.II4PANKR.js";
-import "../../chunks/chunk.GEHO4WRP.js";
-import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.ALVUFXV4.js";
+} from "../../chunks/chunk.JWVUCFMH.js";
+import "../../chunks/chunk.ABZAI4LR.js";
 import "../../chunks/chunk.WQJRBFZA.js";
+import "../../chunks/chunk.II4PANKR.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   badge_default as default

package/dist/components/breadcrumb/breadcrumb.component.js

@@ -1,19 +1,19 @@
 import {
   SynBreadcrumb
-} from "../../chunks/chunk.SHIBG5ZI.js";
+} from "../../chunks/chunk.DYLLTTO7.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.Z6T7VV4R.js";
-import "../../chunks/chunk.JVN6QVKB.js";
-import "../../chunks/chunk.66MOXMDP.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
 import "../../chunks/chunk.6C4JXZZN.js";
-import "../../chunks/chunk.VTKIDI7N.js";
+import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.GEHO4WRP.js";
-import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.ALVUFXV4.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynBreadcrumb as default

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,20 +1,20 @@
 import {
   breadcrumb_default
-} from "../../chunks/chunk.3ZYWXZRL.js";
-import "../../chunks/chunk.SHIBG5ZI.js";
+} from "../../chunks/chunk.53Q6SWKS.js";
+import "../../chunks/chunk.DYLLTTO7.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.Z6T7VV4R.js";
-import "../../chunks/chunk.JVN6QVKB.js";
-import "../../chunks/chunk.66MOXMDP.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
 import "../../chunks/chunk.6C4JXZZN.js";
-import "../../chunks/chunk.VTKIDI7N.js";
+import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.GEHO4WRP.js";
-import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.ALVUFXV4.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   breadcrumb_default as default

package/dist/components/breadcrumb-item/breadcrumb-item.component.js

@@ -1,11 +1,11 @@
 import {
   SynBreadcrumbItem
-} from "../../chunks/chunk.QLDA2CKN.js";
+} from "../../chunks/chunk.7RF5DYVF.js";
 import "../../chunks/chunk.KLDQHER5.js";
 import "../../chunks/chunk.NGIGPLN2.js";
 import "../../chunks/chunk.66WXVGAW.js";
 import "../../chunks/chunk.AVTU2BGE.js";
-import "../../chunks/chunk.ALVUFXV4.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynBreadcrumbItem as default

package/dist/components/breadcrumb-item/breadcrumb-item.js

@@ -1,12 +1,12 @@
 import {
   breadcrumb_item_default
-} from "../../chunks/chunk.O3YPM3KC.js";
-import "../../chunks/chunk.QLDA2CKN.js";
+} from "../../chunks/chunk.4CZBOBMX.js";
+import "../../chunks/chunk.7RF5DYVF.js";
 import "../../chunks/chunk.KLDQHER5.js";
 import "../../chunks/chunk.NGIGPLN2.js";
 import "../../chunks/chunk.66WXVGAW.js";
 import "../../chunks/chunk.AVTU2BGE.js";
-import "../../chunks/chunk.ALVUFXV4.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   breadcrumb_item_default as default

package/dist/components/button/button.component.js

@@ -1,24 +1,24 @@
 import {
   SynButton
-} from "../../chunks/chunk.WG2QFF66.js";
-import "../../chunks/chunk.ILTSTORV.js";
+} from "../../chunks/chunk.B7T2GNE3.js";
+import "../../chunks/chunk.76N53L44.js";
 import "../../chunks/chunk.AWJ376R6.js";
 import "../../chunks/chunk.66DXY7BX.js";
 import "../../chunks/chunk.JUJZBRXD.js";
 import "../../chunks/chunk.I25TRQGB.js";
 import "../../chunks/chunk.Q4CRAGN3.js";
-import "../../chunks/chunk.JVN6QVKB.js";
-import "../../chunks/chunk.66MOXMDP.js";
+import "../../chunks/chunk.EPP5MGNJ.js";
+import "../../chunks/chunk.JF333ACU.js";
 import "../../chunks/chunk.6C4JXZZN.js";
-import "../../chunks/chunk.VTKIDI7N.js";
+import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.2RF7KO5I.js";
 import "../../chunks/chunk.66WXVGAW.js";
 import "../../chunks/chunk.AVTU2BGE.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.GEHO4WRP.js";
-import "../../chunks/chunk.QY3GFWGZ.js";
-import "../../chunks/chunk.ALVUFXV4.js";
+import "../../chunks/chunk.M6WH7QEC.js";
+import "../../chunks/chunk.6XXPHG57.js";
+import "../../chunks/chunk.NHFTJEYN.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynButton as default