@synergy-design-system/components 2.7.3 → 2.8.0

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

@@ -1,26 +1,26 @@
 import {
   SynAlert
-} from "../../chunks/chunk.JBOBJZS2.js";
-import "../../chunks/chunk.BCAVTKWB.js";
+} from "../../chunks/chunk.VXNQA3QC.js";
+import "../../chunks/chunk.TXLOLSPA.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.5EJ2YM4D.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.RZFPM6T5.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.ESQAXAFE.js";
 import "../../chunks/chunk.GHGGBS4N.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.HQSCOWEI.js";
 import "../../chunks/chunk.JRYXECAY.js";
 import "../../chunks/chunk.KG73YUXI.js";
+import "../../chunks/chunk.74IOULXM.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynAlert as default

package/dist/components/alert/alert.js

@@ -1,27 +1,27 @@
 import {
   alert_default
-} from "../../chunks/chunk.Q2LDKDXO.js";
-import "../../chunks/chunk.JBOBJZS2.js";
-import "../../chunks/chunk.BCAVTKWB.js";
+} from "../../chunks/chunk.UTHNXU3J.js";
+import "../../chunks/chunk.VXNQA3QC.js";
+import "../../chunks/chunk.TXLOLSPA.js";
 import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.5EJ2YM4D.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.RZFPM6T5.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.ESQAXAFE.js";
 import "../../chunks/chunk.GHGGBS4N.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.HQSCOWEI.js";
 import "../../chunks/chunk.JRYXECAY.js";
 import "../../chunks/chunk.KG73YUXI.js";
+import "../../chunks/chunk.74IOULXM.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   alert_default as default

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

@@ -1,11 +1,11 @@
 import {
   SynBadge
-} from "../../chunks/chunk.3JNRTS6S.js";
+} from "../../chunks/chunk.UZC7C7LR.js";
 import "../../chunks/chunk.WQJRBFZA.js";
 import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.ESQAXAFE.js";
 import "../../chunks/chunk.GHGGBS4N.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynBadge as default

package/dist/components/badge/badge.js

@@ -1,12 +1,12 @@
 import {
   badge_default
-} from "../../chunks/chunk.GTWZJL5P.js";
-import "../../chunks/chunk.3JNRTS6S.js";
+} from "../../chunks/chunk.S3NEBYK7.js";
+import "../../chunks/chunk.UZC7C7LR.js";
 import "../../chunks/chunk.WQJRBFZA.js";
 import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.ESQAXAFE.js";
 import "../../chunks/chunk.GHGGBS4N.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   badge_default as default

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

@@ -1,19 +1,19 @@
 import {
   SynBreadcrumb
-} from "../../chunks/chunk.JAE3UEX3.js";
+} from "../../chunks/chunk.Z6OPO6DQ.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.5EJ2YM4D.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.RZFPM6T5.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.ESQAXAFE.js";
 import "../../chunks/chunk.GHGGBS4N.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynBreadcrumb as default

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,20 +1,20 @@
 import {
   breadcrumb_default
-} from "../../chunks/chunk.27VOTCNN.js";
-import "../../chunks/chunk.JAE3UEX3.js";
+} from "../../chunks/chunk.R4JCFAYH.js";
+import "../../chunks/chunk.Z6OPO6DQ.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.5EJ2YM4D.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.RZFPM6T5.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.ESQAXAFE.js";
 import "../../chunks/chunk.GHGGBS4N.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   breadcrumb_default as default

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

@@ -1,11 +1,11 @@
 import {
   SynBreadcrumbItem
-} from "../../chunks/chunk.JEUDRPFA.js";
+} from "../../chunks/chunk.WBTSVLAC.js";
 import "../../chunks/chunk.NGIGPLN2.js";
 import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynBreadcrumbItem as default

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

@@ -1,12 +1,12 @@
 import {
   breadcrumb_item_default
-} from "../../chunks/chunk.2KZ6JLJO.js";
-import "../../chunks/chunk.JEUDRPFA.js";
+} from "../../chunks/chunk.5UE4VCYJ.js";
+import "../../chunks/chunk.WBTSVLAC.js";
 import "../../chunks/chunk.NGIGPLN2.js";
 import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   breadcrumb_item_default as default

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

@@ -1,24 +1,24 @@
 import {
   SynButton
-} from "../../chunks/chunk.QEF2QGUA.js";
-import "../../chunks/chunk.5D3ZJ7E6.js";
+} from "../../chunks/chunk.4GDZUNCT.js";
+import "../../chunks/chunk.SYE5KL6D.js";
 import "../../chunks/chunk.AWJ376R6.js";
 import "../../chunks/chunk.JLXCLATV.js";
 import "../../chunks/chunk.BBNQVEPD.js";
 import "../../chunks/chunk.42LDZR6F.js";
 import "../../chunks/chunk.5SQ7NVBX.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.5EJ2YM4D.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.RZFPM6T5.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.ESQAXAFE.js";
 import "../../chunks/chunk.GHGGBS4N.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynButton as default

package/dist/components/button/button.js

@@ -1,25 +1,25 @@
 import {
   button_default
-} from "../../chunks/chunk.EZ7I56KK.js";
-import "../../chunks/chunk.QEF2QGUA.js";
-import "../../chunks/chunk.5D3ZJ7E6.js";
+} from "../../chunks/chunk.XPNSW7EJ.js";
+import "../../chunks/chunk.4GDZUNCT.js";
+import "../../chunks/chunk.SYE5KL6D.js";
 import "../../chunks/chunk.AWJ376R6.js";
 import "../../chunks/chunk.JLXCLATV.js";
 import "../../chunks/chunk.BBNQVEPD.js";
 import "../../chunks/chunk.42LDZR6F.js";
 import "../../chunks/chunk.5SQ7NVBX.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.5EJ2YM4D.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.RZFPM6T5.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.ESQAXAFE.js";
 import "../../chunks/chunk.GHGGBS4N.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   button_default as default

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

@@ -1,8 +1,8 @@
 import {
   SynButtonGroup
-} from "../../chunks/chunk.5BCFFU3J.js";
+} from "../../chunks/chunk.XYCN2A3U.js";
 import "../../chunks/chunk.GRVNUIP2.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynButtonGroup as default

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

@@ -1,9 +1,9 @@
 import {
   button_group_default
-} from "../../chunks/chunk.JGBBFBPJ.js";
-import "../../chunks/chunk.5BCFFU3J.js";
+} from "../../chunks/chunk.R77KU4ND.js";
+import "../../chunks/chunk.XYCN2A3U.js";
 import "../../chunks/chunk.GRVNUIP2.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   button_group_default as default

package/dist/components/card/card.component.js

@@ -1,10 +1,10 @@
 import {
   SynCard
-} from "../../chunks/chunk.U7R56RK2.js";
+} from "../../chunks/chunk.22WZ3KTN.js";
 import "../../chunks/chunk.36SZKAYW.js";
 import "../../chunks/chunk.C4JTZKPZ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynCard as default

package/dist/components/card/card.js

@@ -1,11 +1,11 @@
 import {
   card_default
-} from "../../chunks/chunk.6ZK3DZXC.js";
-import "../../chunks/chunk.U7R56RK2.js";
+} from "../../chunks/chunk.3LUKWB2Y.js";
+import "../../chunks/chunk.22WZ3KTN.js";
 import "../../chunks/chunk.36SZKAYW.js";
 import "../../chunks/chunk.C4JTZKPZ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   card_default as default

package/dist/components/checkbox/checkbox.component.js

@@ -1,21 +1,21 @@
 import {
   SynCheckbox
-} from "../../chunks/chunk.UAGD75LH.js";
-import "../../chunks/chunk.RBG37CD4.js";
-import "../../chunks/chunk.FKKJBKYL.js";
+} from "../../chunks/chunk.ARYNXWAR.js";
 import "../../chunks/chunk.IG3RCOB3.js";
 import "../../chunks/chunk.6OX2AX3Z.js";
+import "../../chunks/chunk.RBG37CD4.js";
+import "../../chunks/chunk.FKKJBKYL.js";
 import "../../chunks/chunk.BBNQVEPD.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.5EJ2YM4D.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.RZFPM6T5.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynCheckbox as default

package/dist/components/checkbox/checkbox.js

@@ -1,22 +1,22 @@
 import {
   checkbox_default
-} from "../../chunks/chunk.O7D5YLTT.js";
-import "../../chunks/chunk.UAGD75LH.js";
-import "../../chunks/chunk.RBG37CD4.js";
-import "../../chunks/chunk.FKKJBKYL.js";
+} from "../../chunks/chunk.N32UXGW2.js";
+import "../../chunks/chunk.ARYNXWAR.js";
 import "../../chunks/chunk.IG3RCOB3.js";
 import "../../chunks/chunk.6OX2AX3Z.js";
+import "../../chunks/chunk.RBG37CD4.js";
+import "../../chunks/chunk.FKKJBKYL.js";
 import "../../chunks/chunk.BBNQVEPD.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.5EJ2YM4D.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.RZFPM6T5.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.AINKZEUX.js";
 import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.HQSCOWEI.js";
+import "../../chunks/chunk.F5BU5WA3.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   checkbox_default as default

package/dist/components/combobox/combobox.component.d.ts

@@ -0,0 +1,214 @@
+import type { CSSResultGroup } from 'lit';
+import SynergyElement from '../../internal/synergy-element.js';
+import SynIcon from '../icon/icon.component.js';
+import SynPopup from '../popup/popup.component.js';
+import type { SynergyFormControl } from '../../internal/synergy-element.js';
+import type SynOption from '../option/option.component.js';
+import type SynOptGroup from '../optgroup/optgroup.js';
+import { type OptionRenderer } from './option-renderer.js';
+/**
+ * @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 default class SynCombobox extends SynergyElement implements SynergyFormControl {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'syn-icon': typeof SynIcon;
+        'syn-popup': typeof SynPopup;
+    };
+    private readonly formControlController;
+    private readonly hasSlotController;
+    private readonly localize;
+    private closeWatcher;
+    /** The last value of a syn-option, that was selected by click or via keyboard navigation */
+    private lastOptionValue;
+    popup: SynPopup;
+    combobox: HTMLSlotElement;
+    displayInput: HTMLInputElement;
+    valueInput: HTMLInputElement;
+    listbox: HTMLSlotElement;
+    filteredWrapper: HTMLSlotElement;
+    private defaultSlot;
+    private hasFocus;
+    displayLabel: string;
+    currentOption: SynOption | undefined;
+    selectedOption: SynOption | undefined;
+    filteredOptions: Array<SynOption | SynOptGroup>;
+    /** The name of the combobox, submitted as a name/value pair with form data. */
+    name: string;
+    /**
+     * The current value of the combobox, submitted as a name/value pair with form data.
+     */
+    value: string;
+    /** The default value of the form control. Primarily used for resetting the form control. */
+    defaultValue: string;
+    /** The combobox's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Placeholder text to show as a hint when the combobox is empty. */
+    placeholder: string;
+    /** Disables the combobox control. */
+    disabled: boolean;
+    /** Adds a clear button when the combobox is not empty. */
+    clearable: boolean;
+    /**
+     * Indicates whether or not the combobox is open.
+     * You can toggle this attribute to show and hide the listbox, or you can use the `show()`
+     * and `hide()` methods and this attribute will reflect the combobox's open state.
+     */
+    open: boolean;
+    /**
+     * Enable this option to prevent the listbox from being clipped,
+     * when the component is placed inside a container with `overflow: auto|scroll`.
+     * Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
+     */
+    hoist: boolean;
+    /** The combobox's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /**
+     * The preferred placement of the combobox's menu.
+     * Note that the actual placement may vary as needed to keep the listbox inside of the viewport.
+     */
+    placement: 'top' | 'bottom';
+    /** The combobox's help text. If you need to display HTML, use the `help-text` slot instead. */
+    helpText: string;
+    /**
+     * By default, form controls are associated with the nearest containing `<form>` element.
+     * This attribute allows you to place the form control outside of a form and associate it
+     * with the form that has this `id`.
+     * The form must be in the same document or shadow root for this to work.
+     */
+    form: string;
+    /** The combobox's required attribute. */
+    required: boolean;
+    /**
+     * A function that customizes the rendered option. The first argument is the option, the second
+     * is the query string, which is typed into the combobox.
+     * The function should return either a Lit TemplateResult or a string containing trusted HTML
+     * to render in the shown list of filtered options.
+     * If the query string should be highlighted use the `highlightOptionRenderer` function.
+     */
+    getOption: OptionRenderer;
+    /**
+     * A function used to filter options in the combobox component.
+     * The default filter method is a case- and diacritic-insensitive string comparison.
+     *
+     * @param option - The option to be filtered.
+     * @param queryString - The query string used for filtering.
+     * @returns A boolean indicating whether the option should be included in the filtered results.
+     */
+    filter: (option: SynOption, queryString: string) => boolean;
+    /** Gets the validity state object */
+    get validity(): ValidityState;
+    /** Gets the validation message */
+    get validationMessage(): string;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    protected get options(): (import("lit").TemplateResult<1> | SynOptGroup | SynOption)[];
+    private addOpenListeners;
+    private removeOpenListeners;
+    private handleFocus;
+    private handleBlur;
+    private handleDocumentFocusIn;
+    private handleDocumentKeyDown;
+    private handleDocumentMouseDown;
+    private handleLabelClick;
+    private handleComboboxMouseDown;
+    private handleComboboxKeyDown;
+    private handleClearClick;
+    private clearCombobox;
+    private preventLoosingFocus;
+    private handleOptionClick;
+    /**
+     * Selects the following or previous option.
+     *
+     * @param isNext - A boolean indicating whether to select the following option (true)
+     *                 or the previous option (false).
+     */
+    private selectNextOption;
+    private getAllFilteredOptions;
+    private setCurrentOption;
+    /**
+     * Updates the selected options cache, the current value, and the display value
+     */
+    private setSelectedOption;
+    private handleInvalid;
+    handleFilterChange(): void;
+    handleDisabledChange(): void;
+    handleValueChange(): void;
+    handleOpenChange(): Promise<void>;
+    /**
+     * Shows the listbox. If it is not possible to open the listbox, because there are no
+     * appropriate filtered options, a syn-error is emitted and the listbox stays closed.
+     */
+    show(): Promise<void>;
+    /** Hides the listbox. */
+    hide(): Promise<void>;
+    /**
+     * Checks for validity but does not show a validation message.
+     * Returns `true` when valid and `false` when invalid.
+     */
+    checkValidity(): boolean;
+    /** Gets the associated form, if one exists. */
+    getForm(): HTMLFormElement | null;
+    /** Checks for validity and shows the browser's validation message if the control is invalid. */
+    reportValidity(): boolean;
+    /** Sets a custom validation message. Pass an empty string to restore validity. */
+    setCustomValidity(message: string): void;
+    /** Sets focus on the control. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the control. */
+    blur(): void;
+    private createComboboxOptionsFromQuery;
+    private handleInput;
+    private handleChange;
+    private getSlottedOptions;
+    private getSlottedOptGroups;
+    private handleDefaultSlotChange;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/combobox/combobox.component.js

@@ -0,0 +1,33 @@
+import {
+  SynCombobox
+} from "../../chunks/chunk.JPOUFILE.js";
+import "../../chunks/chunk.UK7QG54R.js";
+import "../../chunks/chunk.AZ3N5IOO.js";
+import "../../chunks/chunk.SRH6ZOHT.js";
+import "../../chunks/chunk.2Y33P22F.js";
+import "../../chunks/chunk.5732DMBC.js";
+import "../../chunks/chunk.RBG37CD4.js";
+import "../../chunks/chunk.FKKJBKYL.js";
+import "../../chunks/chunk.DPCIJLV4.js";
+import "../../chunks/chunk.J2OXSQAK.js";
+import "../../chunks/chunk.BBNQVEPD.js";
+import "../../chunks/chunk.C2ENQBPM.js";
+import "../../chunks/chunk.A3OYJILJ.js";
+import "../../chunks/chunk.HQ6QUSK7.js";
+import "../../chunks/chunk.WVVQK5TE.js";
+import "../../chunks/chunk.RZFPM6T5.js";
+import "../../chunks/chunk.543GQUFN.js";
+import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.AINKZEUX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.ESQAXAFE.js";
+import "../../chunks/chunk.GHGGBS4N.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.74IOULXM.js";
+import "../../chunks/chunk.F5BU5WA3.js";
+import "../../chunks/chunk.2GFK6XTO.js";
+export {
+  SynCombobox as default
+};
+//# sourceMappingURL=combobox.component.js.map

package/dist/components/combobox/combobox.component.js.map

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

package/dist/components/combobox/combobox.custom.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/combobox/combobox.custom.styles.js

@@ -0,0 +1,8 @@
+import {
+  combobox_custom_styles_default
+} from "../../chunks/chunk.DPCIJLV4.js";
+import "../../chunks/chunk.2GFK6XTO.js";
+export {
+  combobox_custom_styles_default as default
+};
+//# sourceMappingURL=combobox.custom.styles.js.map

package/dist/components/combobox/combobox.custom.styles.js.map

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