@synergy-design-system/react 2.7.2 → 2.8.0

package/dist/components/combobox.d.ts

@@ -0,0 +1,87 @@
+import Component from '@synergy-design-system/components/components/combobox/combobox.component.js';
+import { type EventName } from '@lit/react';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynClearEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynErrorEvent } from '@synergy-design-system/components';
+/**
+ * @summary Comboboxes allow you to choose items from a menu of predefined options.
+ * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-combobox--docs
+ * @status stable
+ *
+ * @dependency syn-icon
+ * @dependency syn-popup
+ *
+ * @slot - The listbox options. Must be `<syn-option>` elements.
+ *    You can use `<syn-optgroup>`'s to group items visually.
+ * @slot label - The combobox's label. Alternatively, you can use the `label` attribute.
+ * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.
+ * @slot suffix - Used to append a presentational icon or similar element to the combobox.
+ * @slot clear-icon - An icon to use in lieu of the default clear icon.
+ * @slot expand-icon - The icon to show when the control is expanded and collapsed.
+ *    Rotates on open and close.
+ * @slot help-text - Text that describes how to use the combobox.
+ *    Alternatively, you can use the `help-text` attribute.
+ *
+ * @event syn-change - Emitted when the control's value changes.
+ * @event syn-clear - Emitted when the control's value is cleared.
+ * @event syn-input - Emitted when the control receives input.
+ * @event syn-focus - Emitted when the control gains focus.
+ * @event syn-blur - Emitted when the control loses focus.
+ * @event syn-show - Emitted when the combobox's menu opens.
+ * @event syn-after-show - Emitted after the combobox's menu opens and all animations are complete.
+ * @event syn-hide - Emitted when the combobox's menu closes.
+ * @event syn-after-hide - Emitted after the combobox's menu closes and all animations are complete.
+ * @event syn-invalid - Emitted when the form control has been checked for validity
+ *    and its constraints aren't satisfied.
+ * @event syn-error - Emitted when the combobox menu fails to open.
+ *
+ * @csspart form-control - The form control that wraps the label, combobox, and help text.
+ * @csspart form-control-label - The label's wrapper.
+ * @csspart form-control-input - The combobox's wrapper.
+ * @csspart form-control-help-text - The help text's wrapper.
+ * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.
+ * @csspart prefix - The container that wraps the prefix slot.
+ * @csspart suffix - The container that wraps the suffix slot.
+ * @csspart display-input - The element that displays the selected option's label,
+ *     an `<input>` element.
+ * @csspart listbox - The listbox container where the options are slotted
+ *   and the filtered options list exists.
+ * @csspart filtered-listbox - The container that wraps the filtered options.
+ * @csspart clear-button - The clear button.
+ * @csspart expand-icon - The container that wraps the expand icon.
+ *
+ * @animation combobox.show - The animation to use when showing the combobox.
+ * @animation combobox.hide - The animation to use when hiding the combobox.
+ */
+export declare const SynCombobox: import("@lit/react").ReactWebComponent<Component, {
+    onSynChange: EventName<SynChangeEvent>;
+    onSynClear: EventName<SynClearEvent>;
+    onSynInput: EventName<SynInputEvent>;
+    onSynFocus: EventName<SynFocusEvent>;
+    onSynBlur: EventName<SynBlurEvent>;
+    onSynShow: EventName<SynShowEvent>;
+    onSynAfterShow: EventName<SynAfterShowEvent>;
+    onSynHide: EventName<SynHideEvent>;
+    onSynAfterHide: EventName<SynAfterHideEvent>;
+    onSynInvalid: EventName<SynInvalidEvent>;
+    onSynError: EventName<SynErrorEvent>;
+}>;
+export type { SynChangeEvent } from '@synergy-design-system/components';
+export type { SynClearEvent } from '@synergy-design-system/components';
+export type { SynInputEvent } from '@synergy-design-system/components';
+export type { SynFocusEvent } from '@synergy-design-system/components';
+export type { SynBlurEvent } from '@synergy-design-system/components';
+export type { SynShowEvent } from '@synergy-design-system/components';
+export type { SynAfterShowEvent } from '@synergy-design-system/components';
+export type { SynHideEvent } from '@synergy-design-system/components';
+export type { SynAfterHideEvent } from '@synergy-design-system/components';
+export type { SynInvalidEvent } from '@synergy-design-system/components';
+export type { SynErrorEvent } from '@synergy-design-system/components';

package/dist/components/combobox.js

@@ -0,0 +1,7 @@
+import {
+  SynCombobox
+} from "../chunks/chunk.XU36FQGG.js";
+export {
+  SynCombobox
+};
+//# sourceMappingURL=combobox.js.map

package/dist/components/combobox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/details.d.ts

@@ -1,6 +1,9 @@
 import Component from '@synergy-design-system/components/components/details/details.component.js';
 import { type EventName } from '@lit/react';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynHideEvent, SynShowEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
 /**
  * @summary Details show a brief summary and expand to show additional content.
  * @documentation https://synergy.style/components/details

package/dist/components/details.js

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "../chunks/chunk.TNN2STQH.js";
+} from "../chunks/chunk.5DPOSVQL.js";
 export {
   SynDetails
 };

package/dist/components/dialog.d.ts

@@ -1,6 +1,11 @@
 import Component from '@synergy-design-system/components/components/dialog/dialog.component.js';
 import { type EventName } from '@lit/react';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynHideEvent, SynInitialFocusEvent, SynRequestCloseEvent, SynShowEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
+import type { SynInitialFocusEvent } from '@synergy-design-system/components';
+import type { SynRequestCloseEvent } from '@synergy-design-system/components';
 /**
  * @summary Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
  * @documentation https://synergy.style/components/dialog

package/dist/components/dialog.js

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "../chunks/chunk.IRQRZGIS.js";
+} from "../chunks/chunk.IRNJ3B46.js";
 export {
   SynDialog
 };

package/dist/components/divider.js

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "../chunks/chunk.HKOGDFA5.js";
+} from "../chunks/chunk.B6QWKRLN.js";
 export {
   SynDivider
 };

package/dist/components/drawer.d.ts

@@ -1,6 +1,11 @@
 import Component from '@synergy-design-system/components/components/drawer/drawer.component.js';
 import { type EventName } from '@lit/react';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynHideEvent, SynInitialFocusEvent, SynRequestCloseEvent, SynShowEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
+import type { SynInitialFocusEvent } from '@synergy-design-system/components';
+import type { SynRequestCloseEvent } from '@synergy-design-system/components';
 /**
  * @summary Drawers slide in from a container to expose additional options and information.
  * @documentation https://synergy.style/components/drawer

package/dist/components/drawer.js

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "../chunks/chunk.BQ62A32K.js";
+} from "../chunks/chunk.RH46CVQE.js";
 export {
   SynDrawer
 };

package/dist/components/dropdown.d.ts

@@ -1,6 +1,9 @@
 import Component from '@synergy-design-system/components/components/dropdown/dropdown.component.js';
 import { type EventName } from '@lit/react';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynHideEvent, SynShowEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
 /**
  * @summary Dropdowns expose additional content that "drops down" in a panel.
  * @documentation https://synergy.style/components/dropdown

package/dist/components/dropdown.js

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "../chunks/chunk.67I4RKNO.js";
+} from "../chunks/chunk.FWGVBHQ2.js";
 export {
   SynDropdown
 };

package/dist/components/file.d.ts

@@ -1,6 +1,10 @@
 import Component from '@synergy-design-system/components/components/file/file.component.js';
 import { type EventName } from '@lit/react';
-import type { SynBlurEvent, SynChangeEvent, SynErrorEvent, SynFocusEvent, SynInputEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynErrorEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
 /**
  * @summary File controls allow selecting an arbitrary number of files for uploading.
  * @status stable

package/dist/components/file.js

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "../chunks/chunk.3OAYVNPH.js";
+} from "../chunks/chunk.O4P74GGV.js";
 export {
   SynFile
 };

package/dist/components/header.d.ts

@@ -1,6 +1,8 @@
 import Component from '@synergy-design-system/components/components/header/header.component.js';
 import { type EventName } from '@lit/react';
-import type { SynBurgerMenuClosedEvent, SynBurgerMenuHiddenEvent, SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
+import type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';
+import type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';
+import type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
 /**
  * @summary The <syn-header /> element provides a generic application header
  * that can be used to add applications name, toolbar and primary navigation.

package/dist/components/header.js

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "../chunks/chunk.RY2WG25R.js";
+} from "../chunks/chunk.LELEFISX.js";
 export {
   SynHeader
 };

package/dist/components/icon-button.d.ts

@@ -1,6 +1,7 @@
 import Component from '@synergy-design-system/components/components/icon-button/icon-button.component.js';
 import { type EventName } from '@lit/react';
-import type { SynBlurEvent, SynFocusEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
 /**
  * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.
  * @documentation https://synergy.style/components/icon-button

package/dist/components/icon-button.js

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "../chunks/chunk.W4YO4ERO.js";
+} from "../chunks/chunk.RJ3QZDD7.js";
 export {
   SynIconButton
 };

package/dist/components/icon.d.ts

@@ -1,6 +1,7 @@
 import Component from '@synergy-design-system/components/components/icon/icon.component.js';
 import { type EventName } from '@lit/react';
-import type { SynErrorEvent, SynLoadEvent } from '@synergy-design-system/components';
+import type { SynLoadEvent } from '@synergy-design-system/components';
+import type { SynErrorEvent } from '@synergy-design-system/components';
 /**
  * @summary Icons are symbols that can be used to represent various options within an application.
  * @documentation https://synergy.style/components/icon

package/dist/components/icon.js

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "../chunks/chunk.6CO3KAZG.js";
+} from "../chunks/chunk.FPGH7VQK.js";
 export {
   SynIcon
 };

package/dist/components/input.d.ts

@@ -1,6 +1,11 @@
 import Component from '@synergy-design-system/components/components/input/input.component.js';
 import { type EventName } from '@lit/react';
-import type { SynBlurEvent, SynChangeEvent, SynClearEvent, SynFocusEvent, SynInputEvent, SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynClearEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
 /**
  * @summary Inputs collect data from the user.
  * @documentation https://synergy.style/components/input

package/dist/components/input.js

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "../chunks/chunk.N6QQSQTB.js";
+} from "../chunks/chunk.CJHMQLMP.js";
 export {
   SynInput
 };

package/dist/components/menu-item.js

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "../chunks/chunk.KLI3DNUO.js";
+} from "../chunks/chunk.C75OGWMX.js";
 export {
   SynMenuItem
 };

package/dist/components/menu-label.js

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "../chunks/chunk.EOLGRN43.js";
+} from "../chunks/chunk.MVPHDQZO.js";
 export {
   SynMenuLabel
 };

package/dist/components/nav-item.d.ts

@@ -1,6 +1,9 @@
 import Component from '@synergy-design-system/components/components/nav-item/nav-item.component.js';
 import { type EventName } from '@lit/react';
-import type { SynBlurEvent, SynFocusEvent, SynHideEvent, SynShowEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
 /**
  * @summary Flexible button / link component that can be used to quickly build navigations.
  * Takes one of 3 forms:

package/dist/components/nav-item.js

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "../chunks/chunk.Y2KBRBDX.js";
+} from "../chunks/chunk.XM6I2EPS.js";
 export {
   SynNavItem
 };

package/dist/components/optgroup.js

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "../chunks/chunk.DLAIDGSD.js";
+} from "../chunks/chunk.FVJW4PGX.js";
 export {
   SynOptgroup
 };

package/dist/components/option.js

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "../chunks/chunk.CJKK63W2.js";
+} from "../chunks/chunk.IML4XGI4.js";
 export {
   SynOption
 };

package/dist/components/prio-nav.js

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "../chunks/chunk.7732PJEC.js";
+} from "../chunks/chunk.F5L52MC2.js";
 export {
   SynPrioNav
 };

package/dist/components/progress-bar.js

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "../chunks/chunk.U44M2PKP.js";
+} from "../chunks/chunk.6OGQPO5G.js";
 export {
   SynProgressBar
 };

package/dist/components/progress-ring.js

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "../chunks/chunk.FGMVRUPR.js";
+} from "../chunks/chunk.N5SCB7KO.js";
 export {
   SynProgressRing
 };

package/dist/components/radio-button.d.ts

@@ -1,6 +1,7 @@
 import Component from '@synergy-design-system/components/components/radio-button/radio-button.component.js';
 import { type EventName } from '@lit/react';
-import type { SynBlurEvent, SynFocusEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
 /**
  * @summary Radios buttons allow the user to select a single option from a group using a button-like control.
  * @documentation https://synergy.style/components/radio-button

package/dist/components/radio-button.js

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "../chunks/chunk.QBD4EIK5.js";
+} from "../chunks/chunk.CWOZWKFG.js";
 export {
   SynRadioButton
 };

package/dist/components/radio-group.d.ts

@@ -1,6 +1,8 @@
 import Component from '@synergy-design-system/components/components/radio-group/radio-group.component.js';
 import { type EventName } from '@lit/react';
-import type { SynChangeEvent, SynInputEvent, SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
 /**
  * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
  * @documentation https://synergy.style/components/radio-group

package/dist/components/radio-group.js

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "../chunks/chunk.PCXGVEBP.js";
+} from "../chunks/chunk.Z3UEBLMD.js";
 export {
   SynRadioGroup
 };

package/dist/components/radio.d.ts

@@ -1,6 +1,7 @@
 import Component from '@synergy-design-system/components/components/radio/radio.component.js';
 import { type EventName } from '@lit/react';
-import type { SynBlurEvent, SynFocusEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
 /**
  * @summary Radios allow the user to select a single option from a group.
  * @documentation https://synergy.style/components/radio

package/dist/components/radio.js

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "../chunks/chunk.AFCMSVBY.js";
+} from "../chunks/chunk.74ENCTHD.js";
 export {
   SynRadio
 };

package/dist/components/range-tick.js

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "../chunks/chunk.7ZGCZSWN.js";
+} from "../chunks/chunk.TH46P32E.js";
 export {
   SynRangeTick
 };

package/dist/components/range.d.ts

@@ -1,6 +1,11 @@
 import Component from '@synergy-design-system/components/components/range/range.component.js';
 import { type EventName } from '@lit/react';
-import type { SynBlurEvent, SynChangeEvent, SynFocusEvent, SynInputEvent, SynInvalidEvent, SynMoveEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynMoveEvent } from '@synergy-design-system/components';
 /**
  * @summary Ranges allow the user to select values within a given range using one or two thumbs.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-range--docs

package/dist/components/range.js

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "../chunks/chunk.NDDVIALI.js";
+} from "../chunks/chunk.LS5YMLOL.js";
 export {
   SynRange
 };

package/dist/components/select.d.ts

@@ -1,6 +1,15 @@
 import Component from '@synergy-design-system/components/components/select/select.component.js';
 import { type EventName } from '@lit/react';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynBlurEvent, SynChangeEvent, SynClearEvent, SynFocusEvent, SynHideEvent, SynInputEvent, SynInvalidEvent, SynShowEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynClearEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
 /**
  * @summary Selects allow you to choose items from a menu of predefined options.
  * @documentation https://synergy.style/components/select

package/dist/components/select.js

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "../chunks/chunk.IVSM6OME.js";
+} from "../chunks/chunk.DDVND3A3.js";
 export {
   SynSelect
 };

package/dist/components/side-nav.d.ts

@@ -1,6 +1,9 @@
 import Component from '@synergy-design-system/components/components/side-nav/side-nav.component.js';
 import { type EventName } from '@lit/react';
-import type { SynAfterHideEvent, SynAfterShowEvent, SynHideEvent, SynShowEvent } from '@synergy-design-system/components';
+import type { SynShowEvent } from '@synergy-design-system/components';
+import type { SynAfterShowEvent } from '@synergy-design-system/components';
+import type { SynHideEvent } from '@synergy-design-system/components';
+import type { SynAfterHideEvent } from '@synergy-design-system/components';
 /**
  * @summary The <syn-side-nav /> element contains secondary navigation and fits below the header.
  * It can be used to group multiple navigation items (<syn-nav-item />s) together.

package/dist/components/side-nav.js

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "../chunks/chunk.A3DZYM6Z.js";
+} from "../chunks/chunk.CYZ6F7G6.js";
 export {
   SynSideNav
 };

package/dist/components/spinner.js

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "../chunks/chunk.CAHU6MAK.js";
+} from "../chunks/chunk.YLB4QDAX.js";
 export {
   SynSpinner
 };

package/dist/components/switch.d.ts

@@ -1,6 +1,10 @@
 import Component from '@synergy-design-system/components/components/switch/switch.component.js';
 import { type EventName } from '@lit/react';
-import type { SynBlurEvent, SynChangeEvent, SynFocusEvent, SynInputEvent, SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
 /**
  * @summary Switches allow the user to toggle an option on or off.
  * @documentation https://synergy.style/components/switch

package/dist/components/switch.js

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "../chunks/chunk.7IZW5FRR.js";
+} from "../chunks/chunk.BNV6JDW2.js";
 export {
   SynSwitch
 };

package/dist/components/tab-group.d.ts

@@ -1,6 +1,7 @@
 import Component from '@synergy-design-system/components/components/tab-group/tab-group.component.js';
 import { type EventName } from '@lit/react';
-import type { SynTabHideEvent, SynTabShowEvent } from '@synergy-design-system/components';
+import type { SynTabShowEvent } from '@synergy-design-system/components';
+import type { SynTabHideEvent } from '@synergy-design-system/components';
 /**
  * @summary Tab groups organize content into a container that shows one section at a time.
  * @documentation https://synergy.style/components/tab-group

package/dist/components/tab-group.js

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "../chunks/chunk.VLHZNU3B.js";
+} from "../chunks/chunk.FI5WWYE4.js";
 export {
   SynTabGroup
 };

package/dist/components/tab-panel.js

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "../chunks/chunk.CKKXGN4F.js";
+} from "../chunks/chunk.JIXLPWP2.js";
 export {
   SynTabPanel
 };

package/dist/components/textarea.d.ts

@@ -1,6 +1,10 @@
 import Component from '@synergy-design-system/components/components/textarea/textarea.component.js';
 import { type EventName } from '@lit/react';
-import type { SynBlurEvent, SynChangeEvent, SynFocusEvent, SynInputEvent, SynInvalidEvent } from '@synergy-design-system/components';
+import type { SynBlurEvent } from '@synergy-design-system/components';
+import type { SynChangeEvent } from '@synergy-design-system/components';
+import type { SynFocusEvent } from '@synergy-design-system/components';
+import type { SynInputEvent } from '@synergy-design-system/components';
+import type { SynInvalidEvent } from '@synergy-design-system/components';
 /**
  * @summary Textareas collect data from the user and allow multiple lines of text.
  * @documentation https://synergy.style/components/textarea

package/dist/components/textarea.js

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "../chunks/chunk.4YY6TGIA.js";
+} from "../chunks/chunk.GKNFFLCU.js";
 export {
   SynTextarea
 };