@synergy-design-system/components 1.4.1 → 1.5.1

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

@@ -0,0 +1,139 @@
+import SynergyElement from '../../internal/synergy-element.js';
+import type { CSSResultGroup } from 'lit';
+export interface VirtualElement {
+    getBoundingClientRect: () => DOMRect;
+}
+/**
+ * @summary Popup is a utility that lets you declaratively anchor "popup" containers to another element.
+ * @documentation https://synergy.style/components/popup
+ * @status stable
+ * @since 2.0
+ *
+ * @event syn-reposition - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive
+ *  operations in your listener or consider debouncing it.
+ *
+ * @slot - The popup's content.
+ * @slot anchor - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the
+ *  `anchor` attribute or property instead.
+ *
+ * @csspart arrow - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are
+ *  assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and
+ *  maybe a border or box shadow.
+ * @csspart popup - The popup's container. Useful for setting a background color, box shadow, etc.
+ *
+ * @cssproperty [--arrow-size=6px] - The size of the arrow. Note that an arrow won't be shown unless the `arrow`
+ *  attribute is used.
+ * @cssproperty [--arrow-color=var(--syn-color-neutral-0)] - The color of the arrow.
+ * @cssproperty [--auto-size-available-width] - A read-only custom property that determines the amount of width the
+ *  popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only
+ *  available when using `auto-size`.
+ * @cssproperty [--auto-size-available-height] - A read-only custom property that determines the amount of height the
+ *  popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only
+ *  available when using `auto-size`.
+ */
+export default class SynPopup extends SynergyElement {
+    static styles: CSSResultGroup;
+    private anchorEl;
+    private cleanup;
+    /** A reference to the internal popup container. Useful for animating and styling the popup with JavaScript. */
+    popup: HTMLElement;
+    private arrowEl;
+    /**
+     * The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor
+     * element `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the
+     * `anchor` slot instead.
+     */
+    anchor: Element | string | VirtualElement;
+    /**
+     * Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn
+     * down and the popup will be hidden.
+     */
+    active: boolean;
+    /**
+     * The preferred placement of the popup. Note that the actual placement will vary as configured to keep the
+     * panel inside of the viewport.
+     */
+    placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+    /**
+     * Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is
+     * clipped, using a `fixed` position strategy can often workaround it.
+     */
+    strategy: 'absolute' | 'fixed';
+    /** The distance in pixels from which to offset the panel away from its anchor. */
+    distance: number;
+    /** The distance in pixels from which to offset the panel along its anchor. */
+    skidding: number;
+    /**
+     * Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
+     * `--arrow-color` custom properties. For additional customizations, you can also target the arrow using
+     * `::part(arrow)` in your stylesheet.
+     */
+    arrow: boolean;
+    /**
+     * The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
+     * anchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will
+     * align the arrow to the start, end, or center of the popover instead.
+     */
+    arrowPlacement: 'start' | 'end' | 'center' | 'anchor';
+    /**
+     * The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,
+     * this will prevent it from overflowing the corners.
+     */
+    arrowPadding: number;
+    /**
+     * When set, placement of the popup will flip to the opposite site to keep it in view. You can use
+     * `flipFallbackPlacements` to further configure how the fallback placement is determined.
+     */
+    flip: boolean;
+    /**
+     * If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a
+     * string of any number of placements separated by a space, e.g. "top bottom left". If no placement fits, the flip
+     * fallback strategy will be used instead.
+     * */
+    flipFallbackPlacements: string;
+    /**
+     * When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether
+     * the popup should be positioned using the best available fit based on available space or as it was initially
+     * preferred.
+     */
+    flipFallbackStrategy: 'best-fit' | 'initial';
+    /**
+     * The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By
+     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+     * change the boundary by passing a reference to one or more elements to this property.
+     */
+    flipBoundary: Element | Element[];
+    /** The amount of padding, in pixels, to exceed before the flip behavior will occur. */
+    flipPadding: number;
+    /** Moves the popup along the axis to keep it in view when clipped. */
+    shift: boolean;
+    /**
+     * The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By
+     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+     * change the boundary by passing a reference to one or more elements to this property.
+     */
+    shiftBoundary: Element | Element[];
+    /** The amount of padding, in pixels, to exceed before the shift behavior will occur. */
+    shiftPadding: number;
+    /** When set, this will cause the popup to automatically resize itself to prevent it from overflowing. */
+    autoSize: 'horizontal' | 'vertical' | 'both';
+    /** Syncs the popup's width or height to that of the anchor element. */
+    sync: 'width' | 'height' | 'both';
+    /**
+     * The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By
+     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
+     * change the boundary by passing a reference to one or more elements to this property.
+     */
+    autoSizeBoundary: Element | Element[];
+    /** The amount of padding, in pixels, to exceed before the auto-size behavior will occur. */
+    autoSizePadding: number;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    updated(changedProps: Map<string, unknown>): Promise<void>;
+    private handleAnchorChange;
+    private start;
+    private stop;
+    /** Forces the popup to recalculate and reposition itself. */
+    reposition(): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/popup/popup.component.js

@@ -0,0 +1,11 @@
+import {
+  SynPopup
+} from "../../chunks/chunk.SAGHXH7E.js";
+import "../../chunks/chunk.JN7CLMQZ.js";
+import "../../chunks/chunk.T72SACBE.js";
+import "../../chunks/chunk.O7USYXBT.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  SynPopup as default
+};
+//# sourceMappingURL=popup.component.js.map

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

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

package/dist/components/popup/popup.styles.d.ts

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

package/dist/components/popup/popup.styles.js

@@ -0,0 +1,9 @@
+import {
+  popup_styles_default
+} from "../../chunks/chunk.JN7CLMQZ.js";
+import "../../chunks/chunk.O7USYXBT.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  popup_styles_default as default
+};
+//# sourceMappingURL=popup.styles.js.map

package/dist/components/popup/popup.styles.js.map

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

package/dist/components/radio/radio.component.js

@@ -1,9 +1,9 @@
 import {
   SynRadio
-} from "../../chunks/chunk.LL3W2QAU.js";
+} from "../../chunks/chunk.M3P4B2GP.js";
 import "../../chunks/chunk.JBYBQ5TQ.js";
 import "../../chunks/chunk.V6VND4OF.js";
-import "../../chunks/chunk.QTQBU2M5.js";
+import "../../chunks/chunk.OKG27K27.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.JRXQK6LG.js";
@@ -11,7 +11,7 @@ import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.5AAIHRMI.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/radio/radio.js

@@ -1,10 +1,10 @@
 import {
   radio_default
-} from "../../chunks/chunk.5VSN3F2E.js";
-import "../../chunks/chunk.LL3W2QAU.js";
+} from "../../chunks/chunk.OAIA6MLB.js";
+import "../../chunks/chunk.M3P4B2GP.js";
 import "../../chunks/chunk.JBYBQ5TQ.js";
 import "../../chunks/chunk.V6VND4OF.js";
-import "../../chunks/chunk.QTQBU2M5.js";
+import "../../chunks/chunk.OKG27K27.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.JRXQK6LG.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.5AAIHRMI.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

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

@@ -1,12 +1,12 @@
 import {
   SynRadioButton
-} from "../../chunks/chunk.AR7MHBEC.js";
-import "../../chunks/chunk.MWDOOCSU.js";
+} from "../../chunks/chunk.KG3FXWCX.js";
+import "../../chunks/chunk.IKKMWFWH.js";
 import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.CQ2JMH2J.js";
-import "../../chunks/chunk.IUC3AWAU.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.OJ4KOC7R.js";
+import "../../chunks/chunk.K55MKNUR.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

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

@@ -1,13 +1,13 @@
 import {
   radio_button_default
-} from "../../chunks/chunk.ND73VYBT.js";
-import "../../chunks/chunk.AR7MHBEC.js";
-import "../../chunks/chunk.MWDOOCSU.js";
+} from "../../chunks/chunk.KRTGIYIX.js";
+import "../../chunks/chunk.KG3FXWCX.js";
+import "../../chunks/chunk.IKKMWFWH.js";
 import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.CQ2JMH2J.js";
-import "../../chunks/chunk.IUC3AWAU.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.OJ4KOC7R.js";
+import "../../chunks/chunk.K55MKNUR.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/radio-button/radio-button.styles.js

@@ -1,8 +1,8 @@
 import {
   radio_button_styles_default
-} from "../../chunks/chunk.MWDOOCSU.js";
-import "../../chunks/chunk.CQ2JMH2J.js";
-import "../../chunks/chunk.IUC3AWAU.js";
+} from "../../chunks/chunk.IKKMWFWH.js";
+import "../../chunks/chunk.OJ4KOC7R.js";
+import "../../chunks/chunk.K55MKNUR.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

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

@@ -1,14 +1,14 @@
 import {
   SynRadioGroup
-} from "../../chunks/chunk.JMETBEU6.js";
+} from "../../chunks/chunk.JDDBS57F.js";
 import "../../chunks/chunk.4I6M5V6O.js";
 import "../../chunks/chunk.F4MRQLNL.js";
 import "../../chunks/chunk.JHXCBOUD.js";
 import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.AMTCNRDE.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.MTDXRKO3.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.V57DLRD2.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.4ZURABYO.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";

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

@@ -1,15 +1,15 @@
 import {
   radio_group_default
-} from "../../chunks/chunk.6TJHEFXA.js";
-import "../../chunks/chunk.JMETBEU6.js";
+} from "../../chunks/chunk.XSFEPYWK.js";
+import "../../chunks/chunk.JDDBS57F.js";
 import "../../chunks/chunk.4I6M5V6O.js";
 import "../../chunks/chunk.F4MRQLNL.js";
 import "../../chunks/chunk.JHXCBOUD.js";
 import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.AMTCNRDE.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.MTDXRKO3.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.V57DLRD2.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.4ZURABYO.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";

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

@@ -0,0 +1,180 @@
+import SynergyElement from '../../internal/synergy-element.js';
+import SynIcon from '../icon/icon.component.js';
+import SynPopup from '../popup/popup.component.js';
+import SynTag from '../tag/tag.component.js';
+import type { CSSResultGroup, TemplateResult } from 'lit';
+import type { SynergyFormControl } from '../../internal/synergy-element.js';
+import type SynOption from '../option/option.component.js';
+/**
+ * @summary Selects allow you to choose items from a menu of predefined options.
+ * @documentation https://synergy.style/components/select
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency syn-icon
+ * @dependency syn-popup
+ * @dependency syn-tag
+ *
+ * @slot - The listbox options. Must be `<syn-option>` elements. You can use `<syn-divider>` to group items visually.
+ * @slot label - The input's label. Alternatively, you can use the `label` attribute.
+ * @slot prefix - Used to prepend 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 input. 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 select's menu opens.
+ * @event syn-after-show - Emitted after the select's menu opens and all animations are complete.
+ * @event syn-hide - Emitted when the select's menu closes.
+ * @event syn-after-hide - Emitted after the select'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.
+ *
+ * @csspart form-control - The form control that wraps the label, input, and help text.
+ * @csspart form-control-label - The label's wrapper.
+ * @csspart form-control-input - The select'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 display-input - The element that displays the selected option's label, an `<input>` element.
+ * @csspart listbox - The listbox container where options are slotted.
+ * @csspart tags - The container that houses option tags when `multiselect` is used.
+ * @csspart tag - The individual tags that represent each multiselect option.
+ * @csspart tag__base - The tag's base part.
+ * @csspart tag__content - The tag's content part.
+ * @csspart tag__remove-button - The tag's remove button.
+ * @csspart tag__remove-button__base - The tag's remove button base part.
+ * @csspart clear-button - The clear button.
+ * @csspart expand-icon - The container that wraps the expand icon.
+ */
+export default class SynSelect extends SynergyElement implements SynergyFormControl {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'syn-icon': typeof SynIcon;
+        'syn-popup': typeof SynPopup;
+        'syn-tag': typeof SynTag;
+    };
+    private readonly formControlController;
+    private readonly hasSlotController;
+    private readonly localize;
+    private typeToSelectString;
+    private typeToSelectTimeout;
+    popup: SynPopup;
+    combobox: HTMLSlotElement;
+    displayInput: HTMLInputElement;
+    valueInput: HTMLInputElement;
+    listbox: HTMLSlotElement;
+    private hasFocus;
+    displayLabel: string;
+    currentOption: SynOption;
+    selectedOptions: SynOption[];
+    /** The name of the select, submitted as a name/value pair with form data. */
+    name: string;
+    /**
+     * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the
+     * value attribute will be a space-delimited list of values based on the options selected, and the value property will
+     * be an array. **For this reason, values must not contain spaces.**
+     */
+    value: string | string[];
+    /** The default value of the form control. Primarily used for resetting the form control. */
+    defaultValue: string | string[];
+    /** The select's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Placeholder text to show as a hint when the select is empty. */
+    placeholder: string;
+    /** Allows more than one option to be selected. */
+    multiple: boolean;
+    /**
+     * The maximum number of selected options to show when `multiple` is true. After the maximum, "+n" will be shown to
+     * indicate the number of additional items that are selected. Set to 0 to remove the limit.
+     */
+    maxOptionsVisible: number;
+    /** Disables the select control. */
+    disabled: boolean;
+    /** Adds a clear button when the select is not empty. */
+    clearable: boolean;
+    /**
+     * Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can
+     * use the `show()` and `hide()` methods and this attribute will reflect the select'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 select's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /**
+     * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox
+     * inside of the viewport.
+     */
+    placement: 'top' | 'bottom';
+    /** The select'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 select's required attribute. */
+    required: boolean;
+    /**
+     * A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second
+     * is the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at
+     * the specified value.
+     */
+    getTag: (option: SynOption, index: number) => TemplateResult | string | HTMLElement;
+    /** Gets the validity state object */
+    get validity(): ValidityState;
+    /** Gets the validation message */
+    get validationMessage(): string;
+    connectedCallback(): void;
+    private addOpenListeners;
+    private removeOpenListeners;
+    private handleFocus;
+    private handleBlur;
+    private handleDocumentFocusIn;
+    private handleDocumentKeyDown;
+    private handleDocumentMouseDown;
+    private handleLabelClick;
+    private handleComboboxMouseDown;
+    private handleComboboxKeyDown;
+    private handleClearClick;
+    private handleClearMouseDown;
+    private handleOptionClick;
+    private handleDefaultSlotChange;
+    private handleTagRemove;
+    private getAllOptions;
+    private getFirstOption;
+    private setCurrentOption;
+    private setSelectedOptions;
+    private toggleOptionSelection;
+    private selectionChanged;
+    protected get tags(): TemplateResult<1>[];
+    private handleInvalid;
+    handleDisabledChange(): void;
+    handleValueChange(): void;
+    handleOpenChange(): Promise<void>;
+    /** Shows the listbox. */
+    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;
+    render(): TemplateResult<1>;
+}

package/dist/components/select/select.component.js

@@ -0,0 +1,35 @@
+import {
+  SynSelect
+} from "../../chunks/chunk.UTDK2ZT6.js";
+import "../../chunks/chunk.BQG5LF7J.js";
+import "../../chunks/chunk.I3FGUPLH.js";
+import "../../chunks/chunk.QHFGD6WW.js";
+import "../../chunks/chunk.7W73A57K.js";
+import "../../chunks/chunk.6XU6OLZ3.js";
+import "../../chunks/chunk.OWMT6OL2.js";
+import "../../chunks/chunk.SAGHXH7E.js";
+import "../../chunks/chunk.JN7CLMQZ.js";
+import "../../chunks/chunk.4STUWO3B.js";
+import "../../chunks/chunk.2FN5DTS6.js";
+import "../../chunks/chunk.OJF7KL44.js";
+import "../../chunks/chunk.JHXCBOUD.js";
+import "../../chunks/chunk.WFAJR3FN.js";
+import "../../chunks/chunk.XGXFE6IF.js";
+import "../../chunks/chunk.LAB4YJYE.js";
+import "../../chunks/chunk.A3SKDWCT.js";
+import "../../chunks/chunk.AMTCNRDE.js";
+import "../../chunks/chunk.OKG27K27.js";
+import "../../chunks/chunk.RSONAU45.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.JRXQK6LG.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.5AAIHRMI.js";
+import "../../chunks/chunk.VZ7S7YYN.js";
+import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.T72SACBE.js";
+import "../../chunks/chunk.O7USYXBT.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  SynSelect as default
+};
+//# sourceMappingURL=select.component.js.map

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

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

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

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

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

@@ -0,0 +1,8 @@
+import {
+  select_custom_styles_default
+} from "../../chunks/chunk.OWMT6OL2.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  select_custom_styles_default as default
+};
+//# sourceMappingURL=select.custom.styles.js.map

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

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

package/dist/components/select/select.d.ts

@@ -0,0 +1,8 @@
+import SynSelect from './select.component.js';
+export * from './select.component.js';
+export default SynSelect;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-select': SynSelect;
+    }
+}

package/dist/components/select/select.js

@@ -0,0 +1,36 @@
+import {
+  select_default
+} from "../../chunks/chunk.GVCB2D7B.js";
+import "../../chunks/chunk.UTDK2ZT6.js";
+import "../../chunks/chunk.BQG5LF7J.js";
+import "../../chunks/chunk.I3FGUPLH.js";
+import "../../chunks/chunk.QHFGD6WW.js";
+import "../../chunks/chunk.7W73A57K.js";
+import "../../chunks/chunk.6XU6OLZ3.js";
+import "../../chunks/chunk.OWMT6OL2.js";
+import "../../chunks/chunk.SAGHXH7E.js";
+import "../../chunks/chunk.JN7CLMQZ.js";
+import "../../chunks/chunk.4STUWO3B.js";
+import "../../chunks/chunk.2FN5DTS6.js";
+import "../../chunks/chunk.OJF7KL44.js";
+import "../../chunks/chunk.JHXCBOUD.js";
+import "../../chunks/chunk.WFAJR3FN.js";
+import "../../chunks/chunk.XGXFE6IF.js";
+import "../../chunks/chunk.LAB4YJYE.js";
+import "../../chunks/chunk.A3SKDWCT.js";
+import "../../chunks/chunk.AMTCNRDE.js";
+import "../../chunks/chunk.OKG27K27.js";
+import "../../chunks/chunk.RSONAU45.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.JRXQK6LG.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.5AAIHRMI.js";
+import "../../chunks/chunk.VZ7S7YYN.js";
+import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.T72SACBE.js";
+import "../../chunks/chunk.O7USYXBT.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  select_default as default
+};
+//# sourceMappingURL=select.js.map

package/dist/components/select/select.js.map

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

package/dist/components/select/select.styles.d.ts

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

package/dist/components/select/select.styles.js

@@ -0,0 +1,11 @@
+import {
+  select_styles_default
+} from "../../chunks/chunk.6XU6OLZ3.js";
+import "../../chunks/chunk.OWMT6OL2.js";
+import "../../chunks/chunk.JHXCBOUD.js";
+import "../../chunks/chunk.O7USYXBT.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  select_styles_default as default
+};
+//# sourceMappingURL=select.styles.js.map

package/dist/components/select/select.styles.js.map

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