@synergy-design-system/components 2.45.1 → 2.46.0

package/dist/chunks/{chunk.2ZILCVCN.js → chunk.XFFIE6E7.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7C42R3TS.js";
+} from "./chunk.IQ4IN3TD.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.2ZILCVCN.js.map
+//# sourceMappingURL=chunk.XFFIE6E7.js.map

package/dist/chunks/{chunk.VPLFHUPG.js → chunk.XOLLUQPC.js}

@@ -4,18 +4,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7C42R3TS.js";
+} from "./chunk.IQ4IN3TD.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.VPLFHUPG.js.map
+//# sourceMappingURL=chunk.XOLLUQPC.js.map

package/dist/chunks/{chunk.HB7DPOMI.js → chunk.YXHAGEYM.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.NDXRKDL3.js";
+} from "./chunk.WSI6742A.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.HB7DPOMI.js.map
+//# sourceMappingURL=chunk.YXHAGEYM.js.map

package/dist/chunks/{chunk.YS5HAVJH.js → chunk.Z2CIZBMC.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.WH653LKD.js";
+} from "./chunk.PJXJAPHZ.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.YS5HAVJH.js.map
+//# sourceMappingURL=chunk.Z2CIZBMC.js.map

package/dist/chunks/{chunk.MBRJXK3O.js → chunk.ZTMSCQCP.js}

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

package/dist/chunks/{chunk.DQDMEFGY.js → chunk.ZXSNBDGX.js}

@@ -1,6 +1,6 @@
 import {
   details_custom_styles_default
-} from "./chunk.KX43XLOR.js";
+} from "./chunk.DFK2PRNS.js";
 import {
   details_styles_default
 } from "./chunk.VA26EAEP.js";
@@ -18,22 +18,22 @@ import {
 } from "./chunk.7JGKUB4A.js";
 import {
   SynIcon
-} from "./chunk.KVGLARVX.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.OUB2FMOU.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7C42R3TS.js";
+} from "./chunk.IQ4IN3TD.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -177,10 +177,10 @@ var SynDetails = class extends SynergyElement {
 
           <span part="summary-icon" class="details__summary-icon">
             <slot name="expand-icon">
-              <syn-icon library="system" name="chevron-down"></syn-icon>
+              <syn-icon library="system" name="details-open"></syn-icon>
             </slot>
             <slot name="collapse-icon">
-              <syn-icon library="system" name="chevron-down"></syn-icon>
+              <syn-icon library="system" name="details-close"></syn-icon>
             </slot>
           </span>
         </summary>
@@ -247,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.DQDMEFGY.js.map
+//# sourceMappingURL=chunk.ZXSNBDGX.js.map

package/dist/chunks/{chunk.DQDMEFGY.js.map → chunk.ZXSNBDGX.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/details/details.component.ts"],
-  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../../internal/animate.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query } from 'lit/decorators.js';\nimport { waitForEvent } from '../../internal/event.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIcon from '../icon/icon.component.js';\nimport styles from './details.styles.js';\nimport customStyles from './details.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Details show a brief summary and expand to show additional content.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-details--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @slot - The details' main content.\n * @slot summary - The details' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<syn-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<syn-icon>`.\n *\n * @event syn-show - Emitted when the details opens.\n * @event syn-after-show - Emitted after the details opens and all animations are complete.\n * @event syn-hide - Emitted when the details closes.\n * @event syn-after-hide - Emitted after the details closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The details content.\n * @csspart body - The container that wraps the details content.\n *\n * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.\n * @animation details.hide - The animation to use when hiding details. You can use `height: auto` with this animation.\n */\n@enableDefaultSettings('SynDetails')\nexport default class SynDetails extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  static dependencies = {\n    'syn-icon': SynIcon\n  };\n\n  private readonly localize = new LocalizeController(this);\n\n  @query('.details') details: HTMLDetailsElement;\n  @query('.details__header') header: HTMLElement;\n  @query('.details__body') body: HTMLElement;\n  @query('.details__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n\n  detailsObserver: MutationObserver;\n\n  /**\n   * Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\n   * can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n  @property() summary: string;\n\n  /** Disables the details so it can't be toggled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Draws the details as contained element. */\n  @property({ type: Boolean, reflect: true }) contained = false;\n\n  /** The details's size. */\n  @property({ reflect: true }) size: 'medium' | 'large' = 'medium';\n\n  firstUpdated() {\n    this.body.style.height = this.open ? 'auto' : '0';\n    if (this.open) {\n      this.details.open = true;\n    }\n\n    this.detailsObserver = new MutationObserver(changes => {\n      for (const change of changes) {\n        if (change.type === 'attributes' && change.attributeName === 'open') {\n          if (this.details.open) {\n            this.show();\n          } else {\n            this.hide();\n          }\n        }\n      }\n    });\n    this.detailsObserver.observe(this.details, { attributes: true });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.detailsObserver?.disconnect();\n  }\n\n  private handleSummaryClick(event: MouseEvent) {\n    event.preventDefault();\n\n    if (!this.disabled) {\n      if (this.open) {\n        this.hide();\n      } else {\n        this.show();\n      }\n      this.header.focus();\n    }\n  }\n\n  private handleSummaryKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n\n      if (this.open) {\n        this.hide();\n      } else {\n        this.show();\n      }\n    }\n\n    if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.hide();\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.show();\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      this.details.open = true;\n      // Show\n      const slShow = this.emit('syn-show', { cancelable: true });\n      if (slShow.defaultPrevented) {\n        this.open = false;\n        this.details.open = false;\n        return;\n      }\n\n      await stopAnimations(this.body);\n\n      const { keyframes, options } = getAnimation(this, 'details.show', { dir: this.localize.dir() });\n      await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n      this.body.style.height = 'auto';\n\n      this.emit('syn-after-show');\n    } else {\n      // Hide\n      const slHide = this.emit('syn-hide', { cancelable: true });\n      if (slHide.defaultPrevented) {\n        this.details.open = true;\n        this.open = true;\n        return;\n      }\n\n      await stopAnimations(this.body);\n\n      const { keyframes, options } = getAnimation(this, 'details.hide', { dir: this.localize.dir() });\n      await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n      this.body.style.height = 'auto';\n\n      this.details.open = false;\n      this.emit('syn-after-hide');\n    }\n  }\n\n  /** Shows the details. */\n  async show() {\n    if (this.open || this.disabled) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'syn-after-show');\n  }\n\n  /** Hides the details */\n  async hide() {\n    if (!this.open || this.disabled) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'syn-after-hide');\n  }\n\n  render() {\n    return html`\n      <details\n        part=\"base\"\n        class=${classMap({\n          details: true,\n          'details--size-medium': this.size === 'medium',\n          'details--size-large': this.size === 'large',\n          'details--open': this.open,\n          'details--disabled': this.disabled,\n          'details--contained': this.contained,\n        })}\n      >\n        <summary\n          part=\"header\"\n          id=\"header\"\n          class=\"details__header\"\n          role=\"button\"\n          aria-expanded=${this.open ? 'true' : 'false'}\n          aria-controls=\"content\"\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          tabindex=${this.disabled ? '-1' : '0'}\n          @click=${this.handleSummaryClick}\n          @keydown=${this.handleSummaryKeyDown}\n        >\n          <slot name=\"summary\" part=\"summary\" class=\"details__summary\">${this.summary}</slot>\n\n          <span part=\"summary-icon\" class=\"details__summary-icon\">\n            <slot name=\"expand-icon\">\n              <syn-icon library=\"system\" name=\"chevron-down\"></syn-icon>\n            </slot>\n            <slot name=\"collapse-icon\">\n              <syn-icon library=\"system\" name=\"chevron-down\"></syn-icon>\n            </slot>\n          </span>\n        </summary>\n\n        <div class=\"details__body\" part=\"body\" role=\"region\" aria-labelledby=\"header\">\n          <slot part=\"content\" id=\"content\" class=\"details__content\"></slot>\n        </div>\n      </details>\n    `;\n  }\n}\n\nsetDefaultAnimation('details.show', {\n  keyframes: [\n    { height: '0', opacity: '0' },\n    { height: 'auto', opacity: '1' }\n  ],\n  options: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('details.hide', {\n  keyframes: [\n    { height: 'auto', opacity: '1' },\n    { height: '0', opacity: '0' }\n  ],\n  options: { duration: 250, easing: 'linear' }\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../../internal/animate.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query } from 'lit/decorators.js';\nimport { waitForEvent } from '../../internal/event.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIcon from '../icon/icon.component.js';\nimport styles from './details.styles.js';\nimport customStyles from './details.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Details show a brief summary and expand to show additional content.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-details--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @slot - The details' main content.\n * @slot summary - The details' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<syn-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<syn-icon>`.\n *\n * @event syn-show - Emitted when the details opens.\n * @event syn-after-show - Emitted after the details opens and all animations are complete.\n * @event syn-hide - Emitted when the details closes.\n * @event syn-after-hide - Emitted after the details closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The details content.\n * @csspart body - The container that wraps the details content.\n *\n * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.\n * @animation details.hide - The animation to use when hiding details. You can use `height: auto` with this animation.\n *\n * @cssproperty --syn-details-open-rotation - The rotation angle of the summary icon when the details is open.\n */\n@enableDefaultSettings('SynDetails')\nexport default class SynDetails extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  static dependencies = {\n    'syn-icon': SynIcon\n  };\n\n  private readonly localize = new LocalizeController(this);\n\n  @query('.details') details: HTMLDetailsElement;\n  @query('.details__header') header: HTMLElement;\n  @query('.details__body') body: HTMLElement;\n  @query('.details__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n\n  detailsObserver: MutationObserver;\n\n  /**\n   * Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\n   * can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n  @property() summary: string;\n\n  /** Disables the details so it can't be toggled. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Draws the details as contained element. */\n  @property({ type: Boolean, reflect: true }) contained = false;\n\n  /** The details's size. */\n  @property({ reflect: true }) size: 'medium' | 'large' = 'medium';\n\n  firstUpdated() {\n    this.body.style.height = this.open ? 'auto' : '0';\n    if (this.open) {\n      this.details.open = true;\n    }\n\n    this.detailsObserver = new MutationObserver(changes => {\n      for (const change of changes) {\n        if (change.type === 'attributes' && change.attributeName === 'open') {\n          if (this.details.open) {\n            this.show();\n          } else {\n            this.hide();\n          }\n        }\n      }\n    });\n    this.detailsObserver.observe(this.details, { attributes: true });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.detailsObserver?.disconnect();\n  }\n\n  private handleSummaryClick(event: MouseEvent) {\n    event.preventDefault();\n\n    if (!this.disabled) {\n      if (this.open) {\n        this.hide();\n      } else {\n        this.show();\n      }\n      this.header.focus();\n    }\n  }\n\n  private handleSummaryKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n\n      if (this.open) {\n        this.hide();\n      } else {\n        this.show();\n      }\n    }\n\n    if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.hide();\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.show();\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      this.details.open = true;\n      // Show\n      const slShow = this.emit('syn-show', { cancelable: true });\n      if (slShow.defaultPrevented) {\n        this.open = false;\n        this.details.open = false;\n        return;\n      }\n\n      await stopAnimations(this.body);\n\n      const { keyframes, options } = getAnimation(this, 'details.show', { dir: this.localize.dir() });\n      await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n      this.body.style.height = 'auto';\n\n      this.emit('syn-after-show');\n    } else {\n      // Hide\n      const slHide = this.emit('syn-hide', { cancelable: true });\n      if (slHide.defaultPrevented) {\n        this.details.open = true;\n        this.open = true;\n        return;\n      }\n\n      await stopAnimations(this.body);\n\n      const { keyframes, options } = getAnimation(this, 'details.hide', { dir: this.localize.dir() });\n      await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n      this.body.style.height = 'auto';\n\n      this.details.open = false;\n      this.emit('syn-after-hide');\n    }\n  }\n\n  /** Shows the details. */\n  async show() {\n    if (this.open || this.disabled) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'syn-after-show');\n  }\n\n  /** Hides the details */\n  async hide() {\n    if (!this.open || this.disabled) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'syn-after-hide');\n  }\n\n  render() {\n    return html`\n      <details\n        part=\"base\"\n        class=${classMap({\n          details: true,\n          'details--size-medium': this.size === 'medium',\n          'details--size-large': this.size === 'large',\n          'details--open': this.open,\n          'details--disabled': this.disabled,\n          'details--contained': this.contained,\n        })}\n      >\n        <summary\n          part=\"header\"\n          id=\"header\"\n          class=\"details__header\"\n          role=\"button\"\n          aria-expanded=${this.open ? 'true' : 'false'}\n          aria-controls=\"content\"\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          tabindex=${this.disabled ? '-1' : '0'}\n          @click=${this.handleSummaryClick}\n          @keydown=${this.handleSummaryKeyDown}\n        >\n          <slot name=\"summary\" part=\"summary\" class=\"details__summary\">${this.summary}</slot>\n\n          <span part=\"summary-icon\" class=\"details__summary-icon\">\n            <slot name=\"expand-icon\">\n              <syn-icon library=\"system\" name=\"details-open\"></syn-icon>\n            </slot>\n            <slot name=\"collapse-icon\">\n              <syn-icon library=\"system\" name=\"details-close\"></syn-icon>\n            </slot>\n          </span>\n        </summary>\n\n        <div class=\"details__body\" part=\"body\" role=\"region\" aria-labelledby=\"header\">\n          <slot part=\"content\" id=\"content\" class=\"details__content\"></slot>\n        </div>\n      </details>\n    `;\n  }\n}\n\nsetDefaultAnimation('details.show', {\n  keyframes: [\n    { height: '0', opacity: '0' },\n    { height: 'auto', opacity: '1' }\n  ],\n  options: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('details.hide', {\n  keyframes: [\n    { height: 'auto', opacity: '1' },\n    { height: '0', opacity: '0' }\n  ],\n  options: { duration: 250, easing: 'linear' }\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/accordion/accordion.component.js

@@ -1,14 +1,14 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.NDXRKDL3.js";
-import "../../chunks/chunk.BVZQ6QSY.js";
+} from "../../chunks/chunk.WSI6742A.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
 import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
+import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynAccordion as default

package/dist/components/accordion/accordion.js

@@ -1,15 +1,15 @@
 import {
   accordion_default
-} from "../../chunks/chunk.HB7DPOMI.js";
-import "../../chunks/chunk.NDXRKDL3.js";
-import "../../chunks/chunk.BVZQ6QSY.js";
+} from "../../chunks/chunk.YXHAGEYM.js";
+import "../../chunks/chunk.WSI6742A.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
 import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
+import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   accordion_default as default

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

@@ -1,34 +1,34 @@
 import {
   SynAlert
-} from "../../chunks/chunk.7FW3LXOS.js";
+} from "../../chunks/chunk.A4HL3BIH.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.66X6L2S6.js";
+import "../../chunks/chunk.TPA42B34.js";
 import "../../chunks/chunk.YST4XUIG.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.G6ITZTTW.js";
 import "../../chunks/chunk.7JGKUB4A.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.QBHZAR4C.js";
-import "../../chunks/chunk.BXY667C7.js";
-import "../../chunks/chunk.KVGLARVX.js";
-import "../../chunks/chunk.DVUFNZNA.js";
+import "../../chunks/chunk.OUB2FMOU.js";
+import "../../chunks/chunk.KFKQ3W6V.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.NMQAMCTH.js";
-import "../../chunks/chunk.UBCXGNY7.js";
-import "../../chunks/chunk.UUKF7HEE.js";
+import "../../chunks/chunk.TQLPO53Q.js";
+import "../../chunks/chunk.LOOQDMQL.js";
+import "../../chunks/chunk.HSKSME2B.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
+import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
 import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
+import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
+import "../../chunks/chunk.QBHZAR4C.js";
+import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynAlert as default

package/dist/components/alert/alert.js

@@ -1,35 +1,35 @@
 import {
   alert_default
-} from "../../chunks/chunk.YBI7X2BA.js";
-import "../../chunks/chunk.7FW3LXOS.js";
+} from "../../chunks/chunk.TKJ4LQUN.js";
+import "../../chunks/chunk.A4HL3BIH.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.66X6L2S6.js";
+import "../../chunks/chunk.TPA42B34.js";
 import "../../chunks/chunk.YST4XUIG.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.G6ITZTTW.js";
 import "../../chunks/chunk.7JGKUB4A.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.QBHZAR4C.js";
-import "../../chunks/chunk.BXY667C7.js";
-import "../../chunks/chunk.KVGLARVX.js";
-import "../../chunks/chunk.DVUFNZNA.js";
+import "../../chunks/chunk.OUB2FMOU.js";
+import "../../chunks/chunk.KFKQ3W6V.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.NMQAMCTH.js";
-import "../../chunks/chunk.UBCXGNY7.js";
-import "../../chunks/chunk.UUKF7HEE.js";
+import "../../chunks/chunk.TQLPO53Q.js";
+import "../../chunks/chunk.LOOQDMQL.js";
+import "../../chunks/chunk.HSKSME2B.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
+import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
 import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
+import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
+import "../../chunks/chunk.QBHZAR4C.js";
+import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   alert_default as default

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

@@ -1,6 +1,8 @@
 import {
   SynBadge
-} from "../../chunks/chunk.RZKOGDMT.js";
+} from "../../chunks/chunk.LMSCYNAW.js";
+import "../../chunks/chunk.J6CGTLVH.js";
+import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.E5UUNP6E.js";
@@ -8,9 +10,7 @@ import "../../chunks/chunk.HC4N72MX.js";
 import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
-import "../../chunks/chunk.J6CGTLVH.js";
-import "../../chunks/chunk.Y5TMYX2L.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynBadge as default

package/dist/components/badge/badge.js

@@ -1,7 +1,9 @@
 import {
   badge_default
-} from "../../chunks/chunk.ME6NYHXY.js";
-import "../../chunks/chunk.RZKOGDMT.js";
+} from "../../chunks/chunk.FWBTDW6R.js";
+import "../../chunks/chunk.LMSCYNAW.js";
+import "../../chunks/chunk.J6CGTLVH.js";
+import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.E5UUNP6E.js";
@@ -9,9 +11,7 @@ import "../../chunks/chunk.HC4N72MX.js";
 import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
-import "../../chunks/chunk.J6CGTLVH.js";
-import "../../chunks/chunk.Y5TMYX2L.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   badge_default as default

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

@@ -1,22 +1,22 @@
 import {
   SynBreadcrumb
-} from "../../chunks/chunk.GCRXP6BG.js";
-import "../../chunks/chunk.KVGLARVX.js";
-import "../../chunks/chunk.DVUFNZNA.js";
+} from "../../chunks/chunk.IEGVIV7L.js";
+import "../../chunks/chunk.32CYREEV.js";
+import "../../chunks/chunk.S22BO5SF.js";
+import "../../chunks/chunk.OUB2FMOU.js";
+import "../../chunks/chunk.KFKQ3W6V.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.NMQAMCTH.js";
-import "../../chunks/chunk.UBCXGNY7.js";
-import "../../chunks/chunk.UUKF7HEE.js";
+import "../../chunks/chunk.TQLPO53Q.js";
+import "../../chunks/chunk.LOOQDMQL.js";
+import "../../chunks/chunk.HSKSME2B.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.32CYREEV.js";
-import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynBreadcrumb as default

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,23 +1,23 @@
 import {
   breadcrumb_default
-} from "../../chunks/chunk.ROS6G7F5.js";
-import "../../chunks/chunk.GCRXP6BG.js";
-import "../../chunks/chunk.KVGLARVX.js";
-import "../../chunks/chunk.DVUFNZNA.js";
+} from "../../chunks/chunk.G4ZT554K.js";
+import "../../chunks/chunk.IEGVIV7L.js";
+import "../../chunks/chunk.32CYREEV.js";
+import "../../chunks/chunk.S22BO5SF.js";
+import "../../chunks/chunk.OUB2FMOU.js";
+import "../../chunks/chunk.KFKQ3W6V.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.NMQAMCTH.js";
-import "../../chunks/chunk.UBCXGNY7.js";
-import "../../chunks/chunk.UUKF7HEE.js";
+import "../../chunks/chunk.TQLPO53Q.js";
+import "../../chunks/chunk.LOOQDMQL.js";
+import "../../chunks/chunk.HSKSME2B.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.32CYREEV.js";
-import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   breadcrumb_default as default

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

@@ -1,12 +1,12 @@
 import {
   SynBreadcrumbItem
-} from "../../chunks/chunk.J4AQWKAH.js";
+} from "../../chunks/chunk.EPSBD2E6.js";
 import "../../chunks/chunk.NGIGPLN2.js";
 import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynBreadcrumbItem as default

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

@@ -1,13 +1,13 @@
 import {
   breadcrumb_item_default
-} from "../../chunks/chunk.6WGVJKL6.js";
-import "../../chunks/chunk.J4AQWKAH.js";
+} from "../../chunks/chunk.FDLAEOEF.js";
+import "../../chunks/chunk.EPSBD2E6.js";
 import "../../chunks/chunk.NGIGPLN2.js";
 import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   breadcrumb_item_default as default

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

@@ -1,31 +1,31 @@
 import {
   SynButton
-} from "../../chunks/chunk.ZC3WZ4HD.js";
-import "../../chunks/chunk.5RXKCWCZ.js";
+} from "../../chunks/chunk.3CIWKBTC.js";
+import "../../chunks/chunk.PARACD3O.js";
 import "../../chunks/chunk.4WQZFNSE.js";
 import "../../chunks/chunk.JLXCLATV.js";
 import "../../chunks/chunk.HP2LEQRU.js";
 import "../../chunks/chunk.VWY2RG4F.js";
 import "../../chunks/chunk.5SQ7NVBX.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.KVGLARVX.js";
-import "../../chunks/chunk.DVUFNZNA.js";
+import "../../chunks/chunk.OUB2FMOU.js";
+import "../../chunks/chunk.KFKQ3W6V.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.NMQAMCTH.js";
-import "../../chunks/chunk.UBCXGNY7.js";
-import "../../chunks/chunk.UUKF7HEE.js";
+import "../../chunks/chunk.TQLPO53Q.js";
+import "../../chunks/chunk.LOOQDMQL.js";
+import "../../chunks/chunk.HSKSME2B.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
+import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
 import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
+import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynButton as default

package/dist/components/button/button.js

@@ -1,32 +1,32 @@
 import {
   button_default
-} from "../../chunks/chunk.TLOBRCJ7.js";
-import "../../chunks/chunk.ZC3WZ4HD.js";
-import "../../chunks/chunk.5RXKCWCZ.js";
+} from "../../chunks/chunk.TI3ZCBPE.js";
+import "../../chunks/chunk.3CIWKBTC.js";
+import "../../chunks/chunk.PARACD3O.js";
 import "../../chunks/chunk.4WQZFNSE.js";
 import "../../chunks/chunk.JLXCLATV.js";
 import "../../chunks/chunk.HP2LEQRU.js";
 import "../../chunks/chunk.VWY2RG4F.js";
 import "../../chunks/chunk.5SQ7NVBX.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.KVGLARVX.js";
-import "../../chunks/chunk.DVUFNZNA.js";
+import "../../chunks/chunk.OUB2FMOU.js";
+import "../../chunks/chunk.KFKQ3W6V.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.NMQAMCTH.js";
-import "../../chunks/chunk.UBCXGNY7.js";
-import "../../chunks/chunk.UUKF7HEE.js";
+import "../../chunks/chunk.TQLPO53Q.js";
+import "../../chunks/chunk.LOOQDMQL.js";
+import "../../chunks/chunk.HSKSME2B.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
+import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
 import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
+import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   button_default as default

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

@@ -1,9 +1,9 @@
 import {
   SynButtonGroup
-} from "../../chunks/chunk.WH653LKD.js";
+} from "../../chunks/chunk.PJXJAPHZ.js";
 import "../../chunks/chunk.GRVNUIP2.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynButtonGroup as default

package/dist/components/button-group/button-group.js

@@ -1,10 +1,10 @@
 import {
   button_group_default
-} from "../../chunks/chunk.YS5HAVJH.js";
-import "../../chunks/chunk.WH653LKD.js";
+} from "../../chunks/chunk.Z2CIZBMC.js";
+import "../../chunks/chunk.PJXJAPHZ.js";
 import "../../chunks/chunk.GRVNUIP2.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.7C42R3TS.js";
+import "../../chunks/chunk.IQ4IN3TD.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   button_group_default as default