@nldd/design-system 0.8.37

package/dist/components/inputs/combo-box/combo-box.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const comboBoxStyles: import("lit").CSSResult;
+//# sourceMappingURL=combo-box.styles.d.ts.map

package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA2L1B,CAAC"}

package/dist/components/inputs/combo-box/combo-box.styles.js

@@ -0,0 +1,190 @@
+import { css } from 'lit';
+export const comboBoxStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: block;
+		--_background-color: var(--semantics-input-fields-background-color);
+		--_z-index-button-focus: 1;
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([disabled]) {
+		opacity: var(--primitives-opacity-disabled);
+		pointer-events: none;
+	}
+
+
+	/* # Block */
+
+	.combo-box {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		box-sizing: border-box;
+		width: 100%;
+		background-color: var(--_background-color);
+		border: var(--semantics-input-fields-border);
+	}
+
+	:host([size='sm']) .combo-box {
+		min-height: var(--semantics-controls-sm-min-size);
+		border-radius: var(--semantics-controls-sm-corner-radius);
+	}
+
+	:host([size='md']) .combo-box,
+	:host(:not([size])) .combo-box {
+		min-height: var(--semantics-controls-md-min-size);
+		border-radius: var(--semantics-controls-md-corner-radius);
+	}
+
+	:host([valid]) .combo-box {
+		border-color: var(--semantics-input-fields-is-valid-border-color);
+	}
+
+	:host([invalid]) .combo-box {
+		border-color: var(--semantics-input-fields-is-invalid-border-color);
+	}
+
+	.combo-box:has(input:-webkit-autofill),
+	.combo-box:has(input:autofill) {
+		--_background-color: var(--semantics-input-fields-is-autofill-background-color);
+	}
+
+	.combo-box:has(.combo-box__input:focus-visible) {
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow);
+	}
+
+
+	/* # Input */
+
+	.combo-box__input {
+		appearance: none;
+		border: none;
+		background: transparent;
+		margin: 0;
+		outline: none;
+		box-sizing: border-box;
+		flex: 1;
+		min-width: 0;
+		width: 100%;
+		color: var(--semantics-content-color);
+	}
+
+	:host([size='sm']) .combo-box__input {
+		padding-left: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
+		font: var(--semantics-input-fields-sm-text-font);
+	}
+
+	:host([size='md']) .combo-box__input,
+	:host(:not([size])) .combo-box__input {
+		padding-left: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
+		font: var(--semantics-input-fields-md-text-font);
+	}
+
+	.combo-box__input::placeholder {
+		color: var(--semantics-input-fields-placeholder-color);
+	}
+
+	.combo-box__input:-webkit-autofill,
+	.combo-box__input:autofill {
+		box-shadow: 0 0 0 999px var(--_background-color) inset;
+	}
+
+
+	/* # Input fade */
+
+	.combo-box__input-fade {
+		position: relative;
+		flex-shrink: 0;
+		align-self: stretch;
+		width: 0;
+	}
+
+	.combo-box__input-fade::after {
+		content: '';
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		right: 0;
+		width: var(--primitives-space-8);
+		background: linear-gradient(90deg, color-mix(in oklch, var(--_background-color) 0%, transparent) 0%, var(--_background-color) 100%);
+		pointer-events: none;
+	}
+
+
+	/* # End */
+
+	.combo-box__end {
+		display: flex;
+		flex-shrink: 0;
+		align-items: center;
+	}
+
+	:host([size='sm']) .combo-box__end {
+		padding-right: calc((var(--semantics-controls-sm-min-size) - var(--semantics-controls-xs-min-size)) / 2 - var(--semantics-input-fields-border-thickness));
+	}
+
+	:host([size='md']) .combo-box__end,
+	:host(:not([size])) .combo-box__end {
+		padding-right: calc((var(--semantics-controls-md-min-size) - var(--semantics-controls-sm-min-size)) / 2 - var(--semantics-input-fields-border-thickness));
+	}
+
+
+	/* # Clear button */
+
+	.combo-box__clear-button:focus-within {
+		position: relative;
+		z-index: var(--_z-index-button-focus);
+	}
+
+
+	/* # Validation icon */
+
+	.combo-box__validation-icon-area {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		height: 100%;
+	}
+
+	:host([valid]) .combo-box__validation-icon-area {
+		color: var(--semantics-input-fields-is-valid-icon-color);
+	}
+
+	:host([invalid]) .combo-box__validation-icon-area {
+		color: var(--semantics-input-fields-is-invalid-icon-color);
+	}
+
+	:host([size='sm']) .combo-box__validation-icon {
+		width: var(--semantics-input-fields-sm-validation-icon-size);
+		height: var(--semantics-input-fields-sm-validation-icon-size);
+	}
+
+	:host([size='md']) .combo-box__validation-icon,
+	:host(:not([size])) .combo-box__validation-icon {
+		width: var(--semantics-input-fields-md-validation-icon-size);
+		height: var(--semantics-input-fields-md-validation-icon-size);
+	}
+
+	/* # Picker button */
+
+	.combo-box__picker-button {
+		margin-left: var(--primitives-space-6);
+	}
+
+	.combo-box__picker-button:focus-within {
+		position: relative;
+		z-index: var(--_z-index-button-focus);
+	}
+`;
+//# sourceMappingURL=combo-box.styles.js.map

package/dist/components/inputs/combo-box/combo-box.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2LhC,CAAC"}

package/dist/components/inputs/combo-box/combo-box.template.d.ts

@@ -0,0 +1,6 @@
+import { TemplateResult } from 'lit';
+import type { NLDDComboBox } from './combo-box.js';
+import '../../actions/icon-button/icon-button.js';
+import '../../content/icon/icon.js';
+export declare function comboBoxTemplate(component: NLDDComboBox): TemplateResult;
+//# sourceMappingURL=combo-box.template.d.ts.map

package/dist/components/inputs/combo-box/combo-box.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AA0BpC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,CAsDxE"}

package/dist/components/inputs/combo-box/combo-box.template.js

@@ -0,0 +1,81 @@
+import { html, nothing } from 'lit';
+import '../../actions/icon-button/icon-button.js';
+import '../../content/icon/icon.js';
+function renderValidationIcon(component) {
+    if (component.invalid) {
+        return html `
+			<div class="combo-box__validation-icon-area">
+				<nldd-icon class="combo-box__validation-icon"
+					name="invalid"
+					aria-hidden="true"
+				></nldd-icon>
+			</div>
+		`;
+    }
+    if (component.valid) {
+        return html `
+			<div class="combo-box__validation-icon-area">
+				<nldd-icon class="combo-box__validation-icon"
+					name="valid"
+					aria-hidden="true"
+				></nldd-icon>
+			</div>
+		`;
+    }
+    return nothing;
+}
+export function comboBoxTemplate(component) {
+    const iconButtonSize = component.size === 'sm' ? 'xs' : 'sm';
+    return html `
+		<div class="combo-box">
+			<input class="combo-box__input"
+				type="text"
+				role="combobox"
+				aria-label=${component.accessibleLabel || nothing}
+				aria-expanded=${component._isOpen ? 'true' : 'false'}
+				aria-controls=${component._menuId}
+				aria-autocomplete="list"
+				aria-haspopup="listbox"
+				aria-activedescendant=${component._highlightedId || nothing}
+				aria-invalid=${component.invalid ? 'true' : nothing}
+				.value=${component._displayValue}
+				placeholder=${component.placeholder || nothing}
+				?disabled=${component.disabled}
+				name=${component.name || nothing}
+				autocomplete=${component.autocomplete || nothing}
+				@input=${component._handleInput}
+				@keydown=${component._handleKeydown}
+				@blur=${component._handleBlur}
+			>
+			<div class="combo-box__input-fade"></div>
+			<div class="combo-box__end">
+				${component._displayValue ? html `
+					<div class="combo-box__clear-button">
+						<nldd-icon-button
+							variant="neutral-transparent"
+							size=${iconButtonSize}
+							icon="dismiss"
+							text=${component._t('components.combo-box.clear-action')}
+							?disabled=${component.disabled}
+							@click=${component._handleClear}
+						></nldd-icon-button>
+					</div>
+				` : nothing}
+				${renderValidationIcon(component)}
+				<div class="combo-box__picker-button">
+					<nldd-icon-button
+						variant="neutral-tinted"
+						size=${iconButtonSize}
+						icon="chevron-down"
+						text=${component._t('components.combo-box.open-menu-action')}
+						?disabled=${component.disabled}
+						@pointerdown=${component._handlePickerPointerdown}
+						@click=${component._toggleMenu}
+					></nldd-icon-button>
+				</div>
+			</div>
+		</div>
+		<slot @slotchange=${component._onSlotChange}></slot>
+	`;
+}
+//# sourceMappingURL=combo-box.template.js.map

package/dist/components/inputs/combo-box/combo-box.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,SAAS,oBAAoB,CAAC,SAAuB;IACpD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7D,OAAO,IAAI,CAAA;;;;;iBAKK,SAAS,CAAC,eAAe,IAAI,OAAO;oBACjC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACpC,SAAS,CAAC,OAAO;;;4BAGT,SAAS,CAAC,cAAc,IAAI,OAAO;mBAC5C,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,aAAa;kBAClB,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;WACvB,SAAS,CAAC,IAAI,IAAI,OAAO;mBACjB,SAAS,CAAC,YAAY,IAAI,OAAO;aACvC,SAAS,CAAC,YAAY;eACpB,SAAS,CAAC,cAAc;YAC3B,SAAS,CAAC,WAAW;;;;MAI3B,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAItB,cAAc;;cAEd,SAAS,CAAC,EAAE,CAAC,mCAAmC,CAAC;mBAC5C,SAAS,CAAC,QAAQ;gBACrB,SAAS,CAAC,YAAY;;;KAGjC,CAAC,CAAC,CAAC,OAAO;MACT,oBAAoB,CAAC,SAAS,CAAC;;;;aAIxB,cAAc;;aAEd,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC;kBAChD,SAAS,CAAC,QAAQ;qBACf,SAAS,CAAC,wBAAwB;eACxC,SAAS,CAAC,WAAW;;;;;sBAKd,SAAS,CAAC,aAAa;EAC3C,CAAC;AACH,CAAC"}

package/dist/components/inputs/dropdown/dropdown.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Nederlandse Digitale Dienst Dropdown Component (Lit + TypeScript)
+ *
+ * A visual wrapper around a native `<select>` element.
+ * The consumer provides a native `<select>` as a slotted child — this way
+ * the browser retains full control over form submission, accessibility
+ * and keyboard navigation, including `<optgroup>`, `data-*` attributes and
+ * dynamic changes to options.
+ *
+ * @element nldd-dropdown
+ * @attr {string}  size     - Size: 'xs' | 'sm' | 'md' (default: 'md')
+ * @attr {boolean} valid    - Marks the field as valid
+ * @attr {boolean} invalid  - Marks the field as invalid
+ * @attr {boolean} disabled - Disabled state; also forwarded to the slotted select
+ * @attr {string}  width    - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
+ *
+ * @slot - A native `<select>` element with `<option>` and/or `<optgroup>` children
+ *
+ * @fires change - Bubbles up from the slotted select; detail: { value: string }
+ *
+ * @example
+ * ```html
+ * <nldd-dropdown>
+ *   <select name="land" aria-label="Land">
+ *     <option value="" disabled selected>Selecteer een land</option>
+ *     <option value="nl">Nederland</option>
+ *     <option value="be">België</option>
+ *   </select>
+ * </nldd-dropdown>
+ * ```
+ */
+import { LitElement } from 'lit';
+import './../../content/icon/icon.js';
+export type DropdownSize = 'xs' | 'sm' | 'md';
+export declare class NLDDDropdown extends LitElement {
+    static styles: import("lit").CSSResult;
+    size: DropdownSize;
+    valid: boolean;
+    invalid: boolean;
+    disabled: boolean;
+    /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
+    width: string;
+    _displayValue: string;
+    private _select;
+    updated(changedProperties: Map<string, unknown>): void;
+    _onSlotChange(): void;
+    private _syncDisabled;
+    private _syncAriaInvalid;
+    private _syncDisplayValue;
+    private _handleSelectChange;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-dropdown': NLDDDropdown;
+    }
+}
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/inputs/dropdown/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAAkB;IAGxC,IAAI,EAAE,YAAY,CAAQ;IAG1B,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,aAAa,SAAM;IAEnB,OAAO,CAAC,OAAO,CAAkC;IAIxC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAcxD,aAAa,IAAI,IAAI;IA4B5B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,mBAAmB,CAQzB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}

package/dist/components/inputs/dropdown/dropdown.js

@@ -0,0 +1,145 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Nederlandse Digitale Dienst Dropdown Component (Lit + TypeScript)
+ *
+ * A visual wrapper around a native `<select>` element.
+ * The consumer provides a native `<select>` as a slotted child — this way
+ * the browser retains full control over form submission, accessibility
+ * and keyboard navigation, including `<optgroup>`, `data-*` attributes and
+ * dynamic changes to options.
+ *
+ * @element nldd-dropdown
+ * @attr {string}  size     - Size: 'xs' | 'sm' | 'md' (default: 'md')
+ * @attr {boolean} valid    - Marks the field as valid
+ * @attr {boolean} invalid  - Marks the field as invalid
+ * @attr {boolean} disabled - Disabled state; also forwarded to the slotted select
+ * @attr {string}  width    - Optional fixed width (any CSS length, e.g. "240px"). Default: full-width.
+ *
+ * @slot - A native `<select>` element with `<option>` and/or `<optgroup>` children
+ *
+ * @fires change - Bubbles up from the slotted select; detail: { value: string }
+ *
+ * @example
+ * ```html
+ * <nldd-dropdown>
+ *   <select name="land" aria-label="Land">
+ *     <option value="" disabled selected>Selecteer een land</option>
+ *     <option value="nl">Nederland</option>
+ *     <option value="be">België</option>
+ *   </select>
+ * </nldd-dropdown>
+ * ```
+ */
+import { LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { dropdownStyles } from './dropdown.styles.js';
+import { dropdownTemplate } from './dropdown.template.js';
+import './../../content/icon/icon.js';
+let NLDDDropdown = class NLDDDropdown extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.valid = false;
+        this.invalid = false;
+        this.disabled = false;
+        /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
+        this.width = '';
+        this._displayValue = '';
+        this._select = null;
+        this._handleSelectChange = (e) => {
+            e.stopPropagation();
+            this._syncDisplayValue();
+            this.dispatchEvent(new CustomEvent('change', {
+                detail: { value: this._select?.value ?? '' },
+                bubbles: true,
+                composed: true,
+            }));
+        };
+    }
+    // — Lifecycle ——————————————————————————————————————————————————————————————
+    updated(changedProperties) {
+        if (changedProperties.has('disabled')) {
+            this._syncDisabled();
+        }
+        if (changedProperties.has('invalid')) {
+            this._syncAriaInvalid();
+        }
+        if (changedProperties.has('width')) {
+            this.style.width = this.width || '';
+        }
+    }
+    // — Slot ——————————————————————————————————————————————————————————————————
+    _onSlotChange() {
+        const slot = this.shadowRoot?.querySelector('slot');
+        const select = slot?.assignedElements({ flatten: true })
+            .find((el) => el.tagName === 'SELECT') ?? null;
+        if (this._select && this._select !== select) {
+            this._select.removeEventListener('change', this._handleSelectChange);
+        }
+        this._select = select;
+        if (!select) {
+            this._displayValue = '';
+            return;
+        }
+        if (import.meta.env?.DEV && !select.hasAttribute("aria-label") && !select.hasAttribute("aria-labelledby") && !select.labels?.length) {
+            console.warn('<nldd-dropdown>: The slotted <select> has no accessible name. Add an aria-label or aria-labelledby attribute to the <select> element.');
+        }
+        select.addEventListener('change', this._handleSelectChange);
+        this._syncDisabled();
+        this._syncAriaInvalid();
+        this._syncDisplayValue();
+    }
+    // — Internal helpers ——————————————————————————————————————————————————————
+    _syncDisabled() {
+        if (!this._select)
+            return;
+        this._select.disabled = this.disabled;
+    }
+    _syncAriaInvalid() {
+        if (!this._select)
+            return;
+        if (this.invalid) {
+            this._select.setAttribute('aria-invalid', 'true');
+        }
+        else {
+            this._select.removeAttribute('aria-invalid');
+        }
+    }
+    _syncDisplayValue() {
+        if (!this._select)
+            return;
+        this._displayValue = this._select.selectedOptions[0]?.text ?? '';
+    }
+    render() {
+        return dropdownTemplate(this);
+    }
+};
+NLDDDropdown.styles = dropdownStyles;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDDropdown.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDDropdown.prototype, "valid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDDropdown.prototype, "invalid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDDropdown.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDDropdown.prototype, "width", void 0);
+__decorate([
+    state()
+], NLDDDropdown.prototype, "_displayValue", void 0);
+NLDDDropdown = __decorate([
+    customElement('nldd-dropdown')
+], NLDDDropdown);
+export { NLDDDropdown };
+//# sourceMappingURL=dropdown.js.map

package/dist/components/inputs/dropdown/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"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"}

package/dist/components/inputs/dropdown/dropdown.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const dropdownStyles: import("lit").CSSResult;
+//# sourceMappingURL=dropdown.styles.d.ts.map

package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAsL1B,CAAC"}