aeico-components 0.1.8 → 0.1.10

package/dist/select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/aeico-field.ts", "../src/aeico-component.ts", "../src/utils.ts", "../src/select/select.ts", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/select.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/variables.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/size.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/field-label.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/action-button.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/color.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/tag.css", "../src/tag/tag.ts", "../src/select/select-option.ts", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/select-option.css"],
-  "sourcesContent": ["\uFEFFimport type { InferProps, Props, Watchers } from 'aeico';\nimport { tags } from 'aeico';\nimport AeicoComponent from './aeico-component';\n\nexport type FieldAction = 'clear' | 'reset' | 'change';\nexport type FieldElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\nexport type ActionButtonStyle = 'standalone' | 'integrated';\n\n/**\n * Base class for form field components\n *\n * Provides common functionality for field components including:\n * - Theme support\n * - i18n integration (via Localizable mixin)\n * - Reset button management\n * - Value management\n * - Common configuration handling\n */\nclass AeicoField<TValue = string> extends AeicoComponent {\n  /**\n   * Define base field properties (extends AeicoElement properties)\n   */\n  static props: Props = {\n    value: { type: String },\n    defaultValue: { type: String },\n    resettable: { type: Boolean },\n    resetText: { type: String },\n    resetTitle: { type: String },\n    clearable: { type: Boolean },\n    clearText: { type: String },\n    clearTitle: { type: String },\n    actionButtonStyle: { type: String },\n    size: { type: String },\n    disabled: { type: Boolean },\n    label: { type: String },\n    labelPlacement: { type: String },\n    required: { type: Boolean },\n    helperText: { type: String },\n    error: { type: String },\n  };\n\n  /**\n   * Property watchers\n   */\n  static watchers: Watchers = {\n    disabled: 'onDisabledChanged',\n    error: 'onErrorChanged',\n  };\n\n  private static _fieldIdCounter = 0;\n  private readonly _fieldId: string;\n\n  constructor() {\n    super();\n    this._fieldId = `ae-field-${++AeicoField._fieldIdCounter}`;\n  }\n\n  /**\n   * The underlying form control element (input, select, etc.)\n   * Subclasses should set this to their specific element\n   */\n  protected fieldElement: FieldElement | null = null;\n\n  protected resetBtn: HTMLButtonElement | null = null;\n  protected clearBtn: HTMLButtonElement | null = null;\n\n  protected readonly boundOnChange = () =>\n    this.setValue(this.getValue(), { silent: false, action: 'change' });\n\n  protected readonly boundOnReset = () => this.onReset();\n  protected readonly boundOnClear = () => this.onClear();\n\n  // Declare reactive properties for TypeScript\n  declare value?: TValue;\n  declare defaultValue?: TValue | string;\n  declare resettable?: boolean;\n  declare resetText?: string;\n  declare resetTitle?: string;\n  declare clearable?: boolean;\n  declare clearText?: string;\n  declare clearTitle?: string;\n  declare actionButtonStyle?: ActionButtonStyle;\n  declare size?: string;\n  declare disabled?: boolean;\n  declare label?: string;\n  declare labelPlacement?: 'top' | 'left';\n  declare required?: boolean;\n  declare helperText?: string;\n  declare error?: string;\n\n  /**\n   * Lifecycle: Component connected to DOM\n   */\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /**\n   * Lifecycle: Component disconnected from DOM\n   */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Render action buttons (clear/reset) using this.builder.\n   * Must be called from within a build() callback.\n   */\n  protected renderActionButtons(force: boolean = false) {\n    const style = this.actionButtonStyle || 'integrated';\n    const hasActions = force || this.clearable || this.resettable;\n\n    if (hasActions && style === 'integrated') {\n      tags.div({ className: 'action-controls' }, () => {\n        this.renderClearButton(force);\n        this.renderResetButton(force);\n      });\n    } else {\n      this.renderClearButton(force);\n      this.renderResetButton(force);\n    }\n  }\n\n  protected renderResetButton(force: boolean = false) {\n    const { button } = tags;\n    const style = this.actionButtonStyle || 'integrated';\n\n    if (force || this.resettable) {\n      const className = style === 'integrated' ? 'reset-btn action-btn' : 'reset-btn';\n      this.resetBtn = button({\n        className,\n        textContent: this.resetText || '\u21BA',\n        title: this.resetTitle || '\u21BA',\n        '@click': this.boundOnReset,\n      });\n    }\n  }\n\n  protected renderClearButton(force: boolean = false) {\n    const { button } = tags;\n    const style = this.actionButtonStyle || 'integrated';\n\n    if (force || this.clearable) {\n      const className = style === 'integrated' ? 'clear-btn action-btn' : 'clear-btn';\n      this.clearBtn = button({\n        className,\n        textContent: this.clearText || '\u2715',\n        title: this.clearTitle || '\u2715',\n        '@click': this.boundOnClear,\n      });\n    }\n  }\n\n  /**\n   * Returns a stable unique ID for this field instance,\n   * used to associate <label htmlFor> with the underlying input.\n   */\n  protected getFieldId(): string {\n    return this._fieldId;\n  }\n\n  /**\n   * Renders a <label> element when the `label` prop is set.\n   * Call this as the first statement inside the render() html() callback.\n   * @param fieldId - The id to set on the underlying form control element (pass to input via id prop)\n   */\n  protected renderLabel(fieldId: string): void {\n    if (!this.label) return;\n    const { span } = tags;\n    tags.label({ id: `${fieldId}-label`, className: 'field-label', for: fieldId }, () => {\n      span({ textContent: this.label! });\n      if (this.required) {\n        span({ className: 'field-required', 'aria-hidden': 'true', textContent: ' *' });\n      }\n    });\n  }\n\n  /**\n   * Renders helper text below the field. Hidden when `error` is set.\n   * Call this after the field-body div in render().\n   */\n  protected renderHelperText(): void {\n    if (!this.helperText || this.error) return;\n    const { span } = tags;\n    span({ className: 'field-helper', textContent: this.helperText });\n  }\n\n  /**\n   * Renders an error message below the field when `error` is set.\n   * Call this after renderHelperText() in render().\n   */\n  protected renderError(): void {\n    if (!this.error) return;\n    const { span } = tags;\n    span({ className: 'field-error', textContent: this.error });\n  }\n\n  /**\n   * Watcher for disabled property\n   */\n  protected onDisabledChanged(newValue: boolean) {\n    if (this.fieldElement) {\n      (this.fieldElement as HTMLInputElement | HTMLSelectElement).disabled = Boolean(newValue);\n    }\n  }\n\n  /**\n   * Watcher for error property \u2014 syncs aria-invalid on the field element\n   */\n  protected onErrorChanged(newValue: string | undefined): void {\n    if (this.fieldElement) {\n      if (newValue) {\n        this.fieldElement.setAttribute('aria-invalid', 'true');\n      } else {\n        this.fieldElement.removeAttribute('aria-invalid');\n      }\n    }\n  }\n\n  /**\n   * Lifecycle: called after every render update.\n   * Keeps aria-invalid on fieldElement in sync regardless of watcher timing.\n   */\n  protected onUpdated(_changedProps: Map<string, unknown>): void {\n    if (!this.fieldElement) return;\n    if (this.error) {\n      this.fieldElement.setAttribute('aria-invalid', 'true');\n    } else {\n      this.fieldElement.removeAttribute('aria-invalid');\n    }\n  }\n\n  /**\n   * Returns true if the field passes constraint validation.\n   * Delegates to the underlying fieldElement when available;\n   * falls back to a manual required-check otherwise.\n   */\n  public checkValidity(): boolean {\n    if (this.fieldElement) {\n      return this.fieldElement.checkValidity();\n    }\n    if (this.required) {\n      const v = this.value;\n      return v !== undefined && v !== '' && v !== null;\n    }\n    return true;\n  }\n\n  /**\n   * Reports validity, showing the browser's built-in validation UI when possible.\n   */\n  public reportValidity(): boolean {\n    if (this.fieldElement) {\n      return this.fieldElement.reportValidity();\n    }\n    return this.checkValidity();\n  }\n\n  /**\n   * Render the field component\n   * Override in subclass to provide custom rendering\n   */\n  render(): void {\n    // Default implementation - subclasses can override\n  }\n\n  /**\n   * Get current value from the field element\n   * Default implementation returns the value property of fieldElement\n   * Override in subclasses if needed (e.g., checkbox uses checked instead of value)\n   *\n   * @returns Current field value\n   */\n  protected getValue(): TValue {\n    return (this.fieldElement?.value || '') as TValue;\n  }\n\n  /**\n   * Write value to the underlying UI element and sync props\n   * Subclasses must override this to update their specific UI element\n   *\n   * @param _value New value to write to the element\n   */\n  protected writeValue(_value: TValue): void {\n    // Base implementation - subclasses override\n  }\n\n  /**\n   * Get event payload for change events\n   * Override in subclasses to customize event data (e.g., { checked, oldChecked } for checkbox)\n   *\n   * @param value New value\n   * @param oldValue Previous value\n   * @param action Action type\n   * @returns Event payload object\n   */\n  protected getEventPayload(\n    value: TValue,\n    oldValue: TValue,\n    action: FieldAction,\n  ): Record<string, unknown> {\n    return { value, oldValue, action };\n  }\n\n  /**\n   * Update field value programmatically (internal method)\n   * Subclasses should provide type-safe public wrappers (e.g., change() method)\n   *\n   * @param value New value\n   * @param options.silent If true, won't emit change event (default: true)\n   * @param options.action Action type for the event (default: 'change')\n   */\n  protected setValue(value: TValue, options?: { silent?: boolean; action?: FieldAction }): void {\n    const oldValue = this.getValue();\n\n    // Update property value\n    this.value = value;\n\n    // Write to UI element (DOM only)\n    this.writeValue(value);\n\n    // Emit event if not silent\n    if (options?.silent === false) {\n      const payload = this.getEventPayload(value, oldValue, options.action || 'change');\n      this.emit('change', { detail: payload });\n    }\n  }\n\n  /**\n   * Reset field to specified value or default value\n   *\n   * @param value Value to reset to, defaults to defaultValue prop\n   * @param options.silent If false, will emit reset event (default: true)\n   */\n  public reset(value?: TValue, options?: { silent?: boolean }): void {\n    const resetValue = value !== undefined ? value : this.defaultValue;\n    this.setValue(resetValue as TValue, { ...options, action: 'reset' });\n  }\n\n  /**\n   * Clear the field value\n   *\n   * @param options.silent If false, will emit clear event (default: true)\n   */\n  public clear(options?: { silent?: boolean }): void {\n    this.setValue('' as TValue, { ...options, action: 'clear' });\n  }\n\n  /**\n   * Handle clear button click\n   * Clears the field and dispatches event\n   */\n  protected onClear(): void {\n    this.clear({ silent: false });\n  }\n\n  /**\n   * Handle reset button click\n   * Resets to default value and dispatches event\n   */\n  protected onReset(): void {\n    this.reset(undefined, { silent: false });\n  }\n}\n\nexport default AeicoField;\nexport type AeicoFieldProps = InferProps<typeof AeicoField>;\n", "\uFEFFimport { AeicoElement } from 'aeico';\nimport { toKebab } from './utils';\n\nconst TAG_NAME_PREFIX = 'ae';\n\n/**\n * AeicoComponent is the base class for all built-in Aeico components.\n */\nclass AeicoComponent extends AeicoElement {\n  static register(name?: string) {\n    const tagName = name || `${TAG_NAME_PREFIX}-${this.tagName || toKebab(this.name)}`;\n\n    super.register(tagName);\n  }\n}\n\nexport default AeicoComponent;\n", "export const SVG_NS = 'http://www.w3.org/2000/svg';\n\nexport function toKebab(str: string): string {\n  const cleaned = str.replace(/^[_\\d]+/, '');\n\n  return cleaned.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n}\n", "\uFEFFimport AeicoField from '../aeico-field';\nimport type { InferProps } from 'aeico';\nimport { html, tags } from 'aeico';\nimport type {\n  SelectOptionValue,\n  SelectOption,\n  SelectOptions,\n  SelectPosition,\n  SelectMultiValue,\n} from './defines';\nimport style from '../styles/components/select.css';\nimport variables from '../styles/variables.css';\nimport sizeCSS from '../styles/size.css';\nimport fieldLabelCSS from '../styles/components/field-label.css';\nimport actionButtonCSS from '../styles/components/action-button.css';\nimport SelectOptionElement from './select-option';\nimport '../tag/tag';\nimport { prop } from 'aeico';\n\n/**\n * Select component supporting single and multi-select modes, with options provided via both props and slots.\n * - `options` prop accepts an array of strings or objects with `value` and `label` for programmatic options.\n * - Slot content allows for declarative options using `<ae-select-option>` elements.\n * @example\n * <ae-select placeholder=\"Choose an option\" position=\"bottom\">\n *   <ae-select-option value=\"1\" label=\"Option 1\">Option 1</ae-select-option>\n *   <ae-select-option value=\"2\" label=\"Option 2\">Option 2</ae-select-option>\n * </ae-select>\n *\n */\nclass Select extends AeicoField<SelectOptionValue | SelectMultiValue> {\n  protected fieldElement: HTMLInputElement | null = null;\n  private _isOpen = false;\n  private _triggerEl: HTMLElement | null = null;\n  private _dropdownEl: HTMLElement | null = null;\n  private _slotEl: HTMLSlotElement | null = null;\n  private _slotOptionData: Array<{ value: string; label: string }> = [];\n  private _selectedListEl: HTMLElement | null = null;\n\n  static tagName = 'select';\n\n  @prop({ type: Boolean, observe: false, reflect: false })\n  accessor _expanded: boolean = false;\n\n  @prop({ type: Array })\n  accessor options: SelectOptions | undefined;\n\n  @prop({ type: String })\n  accessor position: SelectPosition | undefined;\n\n  @prop({ type: String })\n  accessor placeholder: string | undefined;\n\n  @prop({ type: Boolean })\n  accessor multiple: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor expandable: boolean = false;\n\n  // Override base class value prop to support both string and array (multi-select).\n  // Uses field decorator (not accessor) because TypeScript TS2611 disallows overriding\n  // a parent class data property (declare value?) with an accessor in a subclass.\n  @prop({\n    type: String,\n    parser: (v) => {\n      if (v === null || v === undefined) return undefined;\n      try {\n        return JSON.parse(v);\n      } catch {\n        return v;\n      }\n    },\n    formatter: (v) => {\n      if (v === null || v === undefined) return '';\n      if (Array.isArray(v)) return JSON.stringify(v);\n      // eslint-disable-next-line @typescript-eslint/no-base-to-string\n      return String(v);\n    },\n  })\n  override value: SelectOptionValue | SelectMultiValue | undefined = undefined;\n\n  // Override base class defaultValue so arrays are JSON-serialized to the attribute,\n  // matching the value prop's parser/formatter. Without this override, setting\n  // defaultValue = ['a', 'b'] would be serialized as String(['a','b']) = \"a,b\",\n  // and reset() would restore a single string \"a,b\" instead of the array.\n  @prop({\n    type: String,\n    parser: (v) => {\n      if (v === null || v === undefined) return undefined;\n      try {\n        return JSON.parse(v);\n      } catch {\n        return v;\n      }\n    },\n    formatter: (v) => {\n      if (v === null || v === undefined) return '';\n      if (Array.isArray(v)) return JSON.stringify(v);\n      // eslint-disable-next-line @typescript-eslint/no-base-to-string\n      return String(v);\n    },\n  })\n  override defaultValue: SelectOptionValue | SelectMultiValue | undefined = undefined;\n\n  protected static styles = [variables, sizeCSS, fieldLabelCSS, actionButtonCSS, style];\n\n  protected writeValue(_value: SelectOptionValue | SelectMultiValue): void {\n    // Reactive re-render via this.value prop change handles the display update\n  }\n\n  protected getValue(): SelectOptionValue | SelectMultiValue {\n    if (this.multiple) return this._getMultiValues();\n\n    return this.value || '';\n  }\n\n  private _getMultiValues(): SelectMultiValue {\n    if (Array.isArray(this.value)) return this.value;\n    if (this.value != null && this.value !== '') return [this.value];\n\n    return [];\n  }\n\n  protected onDisabledChanged(_newValue: boolean): void {\n    // disabled is a reactive prop \u2014 render() already picks it up automatically\n  }\n\n  protected onUpdated(changedProps: Map<string, unknown>): void {\n    super.onUpdated(changedProps);\n    if (!this.multiple || this.expandable) {\n      if (this._expanded) this._expanded = false;\n      return;\n    }\n    const list = this._selectedListEl;\n    if (!list) return;\n    const overflowing = list.scrollWidth > list.clientWidth + 1;\n    if (overflowing !== this._expanded) this._expanded = overflowing;\n  }\n\n  private _findLabel(value: SelectOptionValue): string {\n    const strVal = String(value);\n    if (Array.isArray(this.options)) {\n      for (const opt of this.options) {\n        if (this._isSelectOption(opt)) {\n          if (String(opt.value) === strVal) return opt.label;\n        } else {\n          if (String(opt) === strVal) return strVal;\n        }\n      }\n    }\n\n    for (const opt of this._slotOptionData) {\n      if (opt.value === strVal) return opt.label;\n    }\n\n    return strVal;\n  }\n\n  private _onSlotChange(): void {\n    if (!this._slotEl) return;\n    const data: Array<{ value: string; label: string }> = [];\n    for (const el of this._slotEl.assignedElements({ flatten: true })) {\n      if (el.tagName.toLowerCase() !== 'ae-select-option') continue;\n      const optEl = el as SelectOptionElement;\n      data.push({\n        value: optEl.value ?? el.getAttribute('value') ?? '',\n        label: optEl.label || el.textContent?.trim() || '',\n      });\n    }\n    this._slotOptionData = data;\n    this.update();\n  }\n\n  private _toggleDropdown(): void {\n    if (this._isOpen) {\n      this._closeDropdown();\n    } else {\n      this._openDropdown();\n    }\n  }\n\n  private _openDropdown(): void {\n    this._isOpen = true;\n    this._syncOpenState();\n  }\n\n  private _closeDropdown(): void {\n    this._isOpen = false;\n    this._syncOpenState();\n  }\n\n  private _syncOpenState(): void {\n    this._triggerEl?.classList.toggle('open', this._isOpen);\n    this._dropdownEl?.classList.toggle('open', this._isOpen);\n  }\n\n  private readonly _handleOutsideClick = (e: Event): void => {\n    if (!e.composedPath().includes(this)) {\n      this._closeDropdown();\n    }\n  };\n\n  private readonly _handleOptionSelect = (e: Event): void => {\n    const { value, label } = (e as CustomEvent<{ value: string; label: string }>).detail;\n    if (!this._slotOptionData.find((o) => o.value === value)) {\n      this._slotOptionData = [\n        ...this._slotOptionData.filter((o) => o.value !== value),\n        { value, label },\n      ];\n    }\n    if (this.multiple) {\n      const current = this._getMultiValues();\n      const idx = current.findIndex((v) => String(v) === value);\n      const next: SelectMultiValue =\n        idx >= 0 ? current.filter((_, i) => i !== idx) : [...current, value];\n\n      this.setValue(next, { silent: false, action: 'change' });\n    } else {\n      this.setValue(value, { silent: false, action: 'change' });\n      this._closeDropdown();\n    }\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n    this.addEventListener('selectoption', this._handleOptionSelect);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._handleOutsideClick);\n    this.removeEventListener('selectoption', this._handleOptionSelect);\n  }\n\n  private _syncSlotOptionsSelected(): void {\n    if (!this._slotEl) return;\n    const multiValues = this._getMultiValues();\n    for (const el of this._slotEl.assignedElements({ flatten: true })) {\n      if (el.tagName.toLowerCase() !== 'ae-select-option') continue;\n      const optEl = el as SelectOptionElement;\n      const optVal = optEl.value ?? el.getAttribute('value') ?? '';\n      const isSelected = this.multiple\n        ? multiValues.some((v) => String(v) === optVal)\n        : this.value != null && this.value !== '' && String(this.value) === optVal;\n      // undefined triggers removeAttribute via reactive setter\n      // (null would work too but undefined is type-safe for boolean | undefined)\n      optEl.selected = isSelected ? true : undefined;\n    }\n  }\n\n  render() {\n    const position = this.position || 'bottom';\n    const multiValues = this.multiple ? this._getMultiValues() : [];\n    const hasMultiSelection = this.multiple && multiValues.length > 0;\n    const selectedLabel =\n      !this.multiple && this.value != null && this.value !== ''\n        ? this._findLabel(this.value as SelectOptionValue)\n        : '';\n    const isDisabled = Boolean(this.disabled);\n    this._selectedListEl = null;\n\n    this._syncSlotOptionsSelected();\n\n    return html(({ div, span, slot }) => {\n      const id = this.getFieldId();\n      this.renderLabel(id);\n      div(\n        {\n          id,\n          'aria-labelledby': this.label ? `${id}-label` : undefined,\n          className: 'container field-body',\n        },\n        () => {\n          this._triggerEl = div(\n            {\n              className: `trigger${this._isOpen ? ' open' : ''}${isDisabled ? ' disabled' : ''}`,\n              '@click': () => {\n                if (isDisabled) return;\n\n                this._toggleDropdown();\n              },\n            },\n            () => {\n              if (this.multiple) {\n                if (hasMultiSelection) {\n                  this._selectedListEl = div(\n                    {\n                      className: `selected-list${!this.expandable ? ' selected-list--clipped' : ''}`,\n                    },\n                    () => {\n                      for (const v of multiValues) {\n                        const lbl = this._findLabel(v);\n                        tags.aeTag({\n                          key: `sel-${v}`,\n                          color: 'default',\n                          variant: 'faint',\n                          dismissible: true,\n                          disabled: isDisabled,\n                          textContent: lbl,\n                          '@dismiss': (e: Event) => {\n                            e.stopPropagation();\n                            if (isDisabled) return;\n\n                            const next = multiValues.filter((item) => String(item) !== String(v));\n                            this.setValue(next, { silent: false, action: 'change' });\n                          },\n                        });\n                      }\n                    },\n                  );\n                  if (!this.expandable && this._expanded) {\n                    span({ className: 'overflow-indicator', textContent: '\u2026' });\n                  }\n                } else {\n                  span({ className: 'value placeholder', textContent: this.placeholder || '' });\n                }\n              } else {\n                if (selectedLabel) {\n                  span({ className: 'value', textContent: selectedLabel });\n                } else {\n                  span({ className: 'value placeholder', textContent: this.placeholder || '' });\n                }\n              }\n              span({ className: 'arrow', textContent: '\u25BE' });\n            },\n          );\n\n          this._dropdownEl = div(\n            {\n              className: `dropdown position-${position}${this._isOpen ? ' open' : ''}`,\n            },\n            () => {\n              this._renderProgrammaticOptions();\n              this._slotEl = slot({\n                '@slotchange': () => this._onSlotChange(),\n              });\n            },\n          );\n\n          this.renderActionButtons();\n        },\n      );\n      this.renderHelperText();\n      this.renderError();\n\n      // Visually-hidden input so native form constraint validation works for `required`.\n      // type=\"text\" (not \"hidden\") is required \u2014 type=\"hidden\" is exempt from constraint validation.\n      const currentValue =\n        this.value != null &&\n        this.value !== '' &&\n        !(Array.isArray(this.value) && this.value.length === 0)\n          ? String(this.value)\n          : '';\n      this.fieldElement = tags.input({\n        key: 'validation-input',\n        type: 'text',\n        'aria-hidden': 'true',\n        tabIndex: -1,\n        required: Boolean(this.required),\n        value: currentValue,\n        style: {\n          position: 'absolute',\n          width: '0',\n          height: '0',\n          opacity: '0',\n          margin: '0',\n          padding: '0',\n          border: '0',\n          pointerEvents: 'none',\n          overflow: 'hidden',\n        },\n      });\n    });\n  }\n\n  private _renderProgrammaticOptions(): void {\n    if (!Array.isArray(this.options)) return;\n\n    const { aeSelectOption } = tags;\n    const multiValues = this.multiple ? this._getMultiValues() : [];\n    for (const opt of this.options) {\n      if (this._isSelectOption(opt)) {\n        const isSelected = this.multiple\n          ? multiValues.some((v) => String(v) === String(opt.value))\n          : this.value != null && String(opt.value) === String(this.value);\n        aeSelectOption({\n          key: `opt-${opt.value}`,\n          value: String(opt.value),\n          label: opt.label,\n          textContent: opt.label,\n          selected: isSelected ? true : undefined,\n        });\n      } else {\n        const isSelected = this.multiple\n          ? multiValues.some((v) => String(v) === String(opt))\n          : this.value != null && String(opt) === String(this.value);\n        aeSelectOption({\n          key: `opt-${opt}`,\n          value: String(opt),\n          textContent: String(opt),\n          selected: isSelected ? true : undefined,\n        });\n      }\n    }\n  }\n\n  private _isSelectOption(option: unknown): option is SelectOption {\n    return (\n      option !== null &&\n      typeof option === 'object' &&\n      typeof (option as SelectOption).label === 'string' &&\n      (typeof (option as SelectOption).value === 'string' ||\n        typeof (option as SelectOption).value === 'number')\n    );\n  }\n}\n\nSelect.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-select': Select;\n  }\n}\n\nexport default Select;\nexport type SelectProps = InferProps<typeof Select>;\n", "export default \":host {\\n  display: block;\\n  flex: 1;\\n  min-width: 0;\\n  font-size: var(--ae-size-base);\\n\\n  /* Layout variables */\\n  --select-field-gap: 2px;\\n\\n  /* Trigger variables */\\n  --select-font-size: 1em;\\n  --select-padding: 0.333em 0.583em;\\n  --select-border-width: 1px;\\n  --select-transition: border-color 0.12s, background 0.12s;\\n\\n  /* Arrow */\\n  --select-arrow-size: 0.75em;\\n\\n  /* Dropdown */\\n  --select-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\\n  --select-dropdown-max-height: 240px;\\n  --select-dropdown-z-index: 1000;\\n}\\n\\n.container {\\n  display: flex;\\n  align-items: center;\\n  gap: var(--select-field-gap);\\n  width: 100%;\\n  position: relative;\\n}\\n\\n.trigger {\\n  flex: 1;\\n  min-width: 0;\\n  display: flex;\\n  align-items: center;\\n  flex-wrap: wrap;\\n  gap: 0.333em;\\n  font-size: var(--select-font-size);\\n  padding: var(--select-padding);\\n  border: var(--select-border-width) solid var(--ae-border-subtle);\\n  border-radius: var(--ae-border-radius, var(--ae-radius-xs));\\n  background: var(--ae-surface-base);\\n  color: var(--ae-color-text-muted);\\n  cursor: pointer;\\n  transition: var(--select-transition);\\n  user-select: none;\\n  outline: none;\\n  box-sizing: border-box;\\n}\\n\\n.trigger:hover:not(.disabled) {\\n  border-color: var(--ae-border-default);\\n  background: var(--ae-surface-raised);\\n}\\n\\n.trigger.open {\\n  border-color: var(--ae-border-focus);\\n  background: var(--ae-surface-raised);\\n}\\n\\n.trigger.disabled {\\n  opacity: 0.5;\\n  cursor: default;\\n  pointer-events: none;\\n}\\n\\n/* Error state */\\n:host([error]) .trigger {\\n  border-color: var(--field-error-color, var(--ae-red));\\n}\\n\\n:host([error]) .trigger:hover:not(.disabled),\\n:host([error]) .trigger.open {\\n  border-color: var(--field-error-color, var(--ae-red));\\n}\\n\\n.value {\\n  flex: 1;\\n  min-width: 0;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n\\n.placeholder {\\n  color: var(--ae-color-text-disabled);\\n}\\n\\n.selected-list {\\n  flex: 1;\\n  min-width: 0;\\n  display: flex;\\n  flex-wrap: wrap;\\n  gap: 4px;\\n  align-items: center;\\n  padding: 2px 0;\\n}\\n\\n/* Non-expandable (default): single-row, clip overflow */\\n.trigger:has(.selected-list--clipped) {\\n  flex-wrap: nowrap;\\n}\\n\\n.selected-list--clipped {\\n  flex-wrap: nowrap;\\n  overflow: hidden;\\n}\\n\\n.overflow-indicator {\\n  flex-shrink: 0;\\n  align-self: center;\\n  padding: 1px 6px;\\n  background: color-mix(in srgb, var(--ae-color-primary) 12%, transparent);\\n  color: var(--ae-color-primary);\\n  border: 1px solid color-mix(in srgb, var(--ae-color-primary) 30%, transparent);\\n  border-radius: var(--ae-border-radius, var(--ae-radius-xs));\\n  font-size: 0.82em;\\n  line-height: 1.6;\\n  cursor: default;\\n  user-select: none;\\n}\\n\\n.arrow {\\n  flex-shrink: 0;\\n  align-self: center;\\n  font-size: var(--select-arrow-size);\\n  color: var(--ae-color-text-muted);\\n  transition: transform 0.12s;\\n  pointer-events: none;\\n  line-height: 1;\\n}\\n\\n.trigger.open .arrow {\\n  transform: rotate(180deg);\\n}\\n\\n.dropdown {\\n  display: none;\\n  position: absolute;\\n  z-index: var(--select-dropdown-z-index);\\n  background: var(--ae-surface-overlay);\\n  border: 1px solid var(--ae-border-default);\\n  border-radius: var(--ae-border-radius, var(--ae-radius-xs));\\n  box-shadow: var(--select-dropdown-shadow);\\n  max-height: var(--select-dropdown-max-height);\\n  overflow-y: auto;\\n  min-width: 100%;\\n  box-sizing: border-box;\\n}\\n\\n.dropdown.open {\\n  display: block;\\n}\\n\\n.dropdown.position-bottom {\\n  top: 100%;\\n  left: 0;\\n  margin-top: 2px;\\n}\\n\\n.dropdown.position-top {\\n  bottom: 100%;\\n  left: 0;\\n  margin-bottom: 2px;\\n}\\n\\n.dropdown.position-left {\\n  right: 100%;\\n  top: 0;\\n  margin-right: 2px;\\n}\\n\\n.dropdown.position-right {\\n  left: 100%;\\n  top: 0;\\n  margin-left: 2px;\\n}\\n\\n.container:has(.action-controls) .trigger {\\n  border-radius: var(--ae-border-radius, var(--ae-radius-xs)) 0 0 var(--ae-border-radius, var(--ae-radius-xs));\\n}\\n\"", "export default \":root,\\n:host {\\n  --ae-font-sans-serif: system-ui, -apple-system, \\\"Segoe UI\\\", Roboto, \\\"Helvetica Neue\\\",\\n    \\\"Noto Sans\\\", \\\"Liberation Sans\\\", Arial, sans-serif,\\n    \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\";\\n  --ae-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,\\n    \\\"Liberation Mono\\\", \\\"Courier New\\\", monospace;\\n  font-family: var(--ae-font-sans-serif);\\n  --ae-blue:   #0e639c;\\n  --ae-green:  #28a745;\\n  --ae-red:    #dc3545;\\n  --ae-yellow: #ffc107;\\n  --ae-cyan:   #17a2b8;\\n  --ae-gray:   #6e6e6e;\\n  --ae-slate:  #64748b;\\n  --ae-dark:   #343a40;\\n  --ae-light:  #f8f9fa;\\n}\\n\\n:root,\\n:host {\\n  /* Blue */\\n  --ae-blue-100: color-mix(in srgb, var(--ae-blue) 20%, white);\\n  --ae-blue-200: color-mix(in srgb, var(--ae-blue) 40%, white);\\n  --ae-blue-300: color-mix(in srgb, var(--ae-blue) 60%, white);\\n  --ae-blue-400: color-mix(in srgb, var(--ae-blue) 80%, white);\\n  --ae-blue-500: var(--ae-blue);\\n  --ae-blue-600: color-mix(in srgb, var(--ae-blue) 80%, black);\\n  --ae-blue-700: color-mix(in srgb, var(--ae-blue) 60%, black);\\n  --ae-blue-800: color-mix(in srgb, var(--ae-blue) 40%, black);\\n  --ae-blue-900: color-mix(in srgb, var(--ae-blue) 20%, black);\\n\\n  /* Green */\\n  --ae-green-100: color-mix(in srgb, var(--ae-green) 20%, white);\\n  --ae-green-200: color-mix(in srgb, var(--ae-green) 40%, white);\\n  --ae-green-300: color-mix(in srgb, var(--ae-green) 60%, white);\\n  --ae-green-400: color-mix(in srgb, var(--ae-green) 80%, white);\\n  --ae-green-500: var(--ae-green);\\n  --ae-green-600: color-mix(in srgb, var(--ae-green) 80%, black);\\n  --ae-green-700: color-mix(in srgb, var(--ae-green) 60%, black);\\n  --ae-green-800: color-mix(in srgb, var(--ae-green) 40%, black);\\n  --ae-green-900: color-mix(in srgb, var(--ae-green) 20%, black);\\n\\n  /* Red */\\n  --ae-red-100: color-mix(in srgb, var(--ae-red) 20%, white);\\n  --ae-red-200: color-mix(in srgb, var(--ae-red) 40%, white);\\n  --ae-red-300: color-mix(in srgb, var(--ae-red) 60%, white);\\n  --ae-red-400: color-mix(in srgb, var(--ae-red) 80%, white);\\n  --ae-red-500: var(--ae-red);\\n  --ae-red-600: color-mix(in srgb, var(--ae-red) 80%, black);\\n  --ae-red-700: color-mix(in srgb, var(--ae-red) 60%, black);\\n  --ae-red-800: color-mix(in srgb, var(--ae-red) 40%, black);\\n  --ae-red-900: color-mix(in srgb, var(--ae-red) 20%, black);\\n\\n  /* Yellow */\\n  --ae-yellow-100: color-mix(in srgb, var(--ae-yellow) 20%, white);\\n  --ae-yellow-200: color-mix(in srgb, var(--ae-yellow) 40%, white);\\n  --ae-yellow-300: color-mix(in srgb, var(--ae-yellow) 60%, white);\\n  --ae-yellow-400: color-mix(in srgb, var(--ae-yellow) 80%, white);\\n  --ae-yellow-500: var(--ae-yellow);\\n  --ae-yellow-600: color-mix(in srgb, var(--ae-yellow) 80%, black);\\n  --ae-yellow-700: color-mix(in srgb, var(--ae-yellow) 60%, black);\\n  --ae-yellow-800: color-mix(in srgb, var(--ae-yellow) 40%, black);\\n  --ae-yellow-900: color-mix(in srgb, var(--ae-yellow) 20%, black);\\n\\n  /* Cyan */\\n  --ae-cyan-100: color-mix(in srgb, var(--ae-cyan) 20%, white);\\n  --ae-cyan-200: color-mix(in srgb, var(--ae-cyan) 40%, white);\\n  --ae-cyan-300: color-mix(in srgb, var(--ae-cyan) 60%, white);\\n  --ae-cyan-400: color-mix(in srgb, var(--ae-cyan) 80%, white);\\n  --ae-cyan-500: var(--ae-cyan);\\n  --ae-cyan-600: color-mix(in srgb, var(--ae-cyan) 80%, black);\\n  --ae-cyan-700: color-mix(in srgb, var(--ae-cyan) 60%, black);\\n  --ae-cyan-800: color-mix(in srgb, var(--ae-cyan) 40%, black);\\n  --ae-cyan-900: color-mix(in srgb, var(--ae-cyan) 20%, black);\\n\\n  /* Gray  (neutral \u2014 base #6e6e6e) */\\n  --ae-gray-100: color-mix(in srgb, var(--ae-gray) 20%, white);\\n  --ae-gray-200: color-mix(in srgb, var(--ae-gray) 40%, white);\\n  --ae-gray-300: color-mix(in srgb, var(--ae-gray) 60%, white);\\n  --ae-gray-400: color-mix(in srgb, var(--ae-gray) 80%, white);\\n  --ae-gray-500: var(--ae-gray);\\n  --ae-gray-600: color-mix(in srgb, var(--ae-gray) 80%, black);\\n  --ae-gray-700: color-mix(in srgb, var(--ae-gray) 60%, black);\\n  --ae-gray-800: color-mix(in srgb, var(--ae-gray) 40%, black);\\n  --ae-gray-900: color-mix(in srgb, var(--ae-gray) 20%, black);\\n\\n  /* Slate  (blue-gray \u2014 base #64748b, used for 'secondary') */\\n  --ae-slate-100: color-mix(in srgb, var(--ae-slate) 20%, white);\\n  --ae-slate-200: color-mix(in srgb, var(--ae-slate) 40%, white);\\n  --ae-slate-300: color-mix(in srgb, var(--ae-slate) 60%, white);\\n  --ae-slate-400: color-mix(in srgb, var(--ae-slate) 80%, white);\\n  --ae-slate-500: var(--ae-slate);\\n  --ae-slate-600: color-mix(in srgb, var(--ae-slate) 80%, black);\\n  --ae-slate-700: color-mix(in srgb, var(--ae-slate) 60%, black);\\n  --ae-slate-800: color-mix(in srgb, var(--ae-slate) 40%, black);\\n  --ae-slate-900: color-mix(in srgb, var(--ae-slate) 20%, black);\\n\\n  /* Dark  (base #343a40) */\\n  --ae-dark-100: color-mix(in srgb, var(--ae-dark) 20%, white);\\n  --ae-dark-200: color-mix(in srgb, var(--ae-dark) 40%, white);\\n  --ae-dark-300: color-mix(in srgb, var(--ae-dark) 60%, white);\\n  --ae-dark-400: color-mix(in srgb, var(--ae-dark) 80%, white);\\n  --ae-dark-500: var(--ae-dark);\\n  --ae-dark-600: color-mix(in srgb, var(--ae-dark) 80%, black);\\n  --ae-dark-700: color-mix(in srgb, var(--ae-dark) 60%, black);\\n  --ae-dark-800: color-mix(in srgb, var(--ae-dark) 40%, black);\\n  --ae-dark-900: color-mix(in srgb, var(--ae-dark) 20%, black);\\n\\n  /* Light  (base #f8f9fa) */\\n  --ae-light-100: color-mix(in srgb, var(--ae-light) 20%, white);\\n  --ae-light-200: color-mix(in srgb, var(--ae-light) 40%, white);\\n  --ae-light-300: color-mix(in srgb, var(--ae-light) 60%, white);\\n  --ae-light-400: color-mix(in srgb, var(--ae-light) 80%, white);\\n  --ae-light-500: var(--ae-light);\\n  --ae-light-600: color-mix(in srgb, var(--ae-light) 80%, black);\\n  --ae-light-700: color-mix(in srgb, var(--ae-light) 60%, black);\\n  --ae-light-800: color-mix(in srgb, var(--ae-light) 40%, black);\\n  --ae-light-900: color-mix(in srgb, var(--ae-light) 20%, black);\\n}\\n\\n:root,\\n:host {\\n  /* Hover / active mix (light default \u2014 overridden in \u00A7 6 dark) */\\n  --ae-color-mix-hover:  black 10%;\\n  --ae-color-mix-active: black 20%;\\n\\n  /* Primary (Blue) */\\n  --ae-color-primary:          var(--ae-blue-500);\\n  --ae-color-primary-hover:    color-mix(in srgb, var(--ae-color-primary), var(--ae-color-mix-hover));\\n  --ae-color-primary-active:   color-mix(in srgb, var(--ae-color-primary), var(--ae-color-mix-active));\\n  --ae-color-primary-disabled: color-mix(in srgb, var(--ae-blue) 50%, var(--ae-gray-500));\\n\\n  /* Success (Green) */\\n  --ae-color-success:          var(--ae-green-500);\\n  --ae-color-success-hover:    color-mix(in srgb, var(--ae-color-success), var(--ae-color-mix-hover));\\n  --ae-color-success-active:   color-mix(in srgb, var(--ae-color-success), var(--ae-color-mix-active));\\n  --ae-color-success-disabled: color-mix(in srgb, var(--ae-green) 50%, var(--ae-gray-500));\\n\\n  /* Danger (Red) */\\n  --ae-color-danger:           var(--ae-red-500);\\n  --ae-color-danger-hover:     color-mix(in srgb, var(--ae-color-danger), var(--ae-color-mix-hover));\\n  --ae-color-danger-active:    color-mix(in srgb, var(--ae-color-danger), var(--ae-color-mix-active));\\n  --ae-color-danger-disabled:  color-mix(in srgb, var(--ae-red) 50%, var(--ae-gray-500));\\n\\n  /* Warning (Yellow) */\\n  --ae-color-warning:          var(--ae-yellow-500);\\n  --ae-color-warning-hover:    color-mix(in srgb, var(--ae-color-warning), var(--ae-color-mix-hover));\\n  --ae-color-warning-active:   color-mix(in srgb, var(--ae-color-warning), var(--ae-color-mix-active));\\n  --ae-color-warning-disabled: color-mix(in srgb, var(--ae-yellow) 50%, var(--ae-gray-500));\\n\\n  /* Info (Cyan) */\\n  --ae-color-info:             var(--ae-cyan-500);\\n  --ae-color-info-hover:       color-mix(in srgb, var(--ae-color-info), var(--ae-color-mix-hover));\\n  --ae-color-info-active:      color-mix(in srgb, var(--ae-color-info), var(--ae-color-mix-active));\\n  --ae-color-info-disabled:    color-mix(in srgb, var(--ae-cyan) 50%, var(--ae-gray-500));\\n\\n  /* Secondary (Slate) \u2014 base differs per theme, overridden in \u00A7 6 dark */\\n  --ae-color-secondary:        var(--ae-slate-500);\\n  --ae-color-secondary-hover:  color-mix(in srgb, var(--ae-color-secondary), var(--ae-color-mix-hover));\\n  --ae-color-secondary-active: color-mix(in srgb, var(--ae-color-secondary), var(--ae-color-mix-active));\\n  --ae-color-secondary-text:   var(--ae-slate-700);\\n}\\n\\n\\n.theme-light,\\n:root[theme=\\\"light\\\"],\\n:host([theme=\\\"light\\\"]),\\n:host-context([theme=\\\"light\\\"]),\\n:where(:root),\\n:host {\\n  color-scheme: light;\\n\\n  /* Gray UI aliases \u2014 lighter palette steps for elements on white background */\\n  --ae-color-gray-dark:     var(--ae-gray-400);\\n  --ae-color-gray:          var(--ae-gray-300);\\n  --ae-color-gray-light:    var(--ae-gray-200);\\n  --ae-color-gray-lighter:  var(--ae-gray-100);\\n  --ae-color-gray-lightest: color-mix(in srgb, var(--ae-gray) 10%, white);\\n\\n  /* Text */\\n  --ae-color-text-main:       var(--ae-dark-700);\\n  --ae-color-text-muted:      var(--ae-gray-600);\\n  --ae-color-text-disabled:   var(--ae-gray-300);\\n  --ae-color-text-link:       var(--ae-blue-500);\\n  --ae-color-text-link-hover: var(--ae-blue-700);\\n\\n  /* Surfaces */\\n  --ae-surface-sunken:  var(--ae-light-500);\\n  --ae-surface-base:    white;\\n  --ae-surface-raised:  var(--ae-light-500);\\n  --ae-surface-overlay: white;\\n  --ae-color-overlay:   rgba(0, 0, 0, 0.4);\\n\\n  /* Borders */\\n  --ae-border-subtle:   rgba(0, 0, 0, 0.08);\\n  --ae-border-default:  rgba(0, 0, 0, 0.15);\\n  --ae-border-hover:    rgba(0, 0, 0, 0.25);\\n  --ae-border-focus:    var(--ae-color-primary);\\n  --ae-border-disabled: rgba(0, 0, 0, 0.06);\\n\\n  /* Focus ring */\\n  --ae-focus-ring:    rgb(from var(--ae-blue) r g b / 0.30);\\n  --ae-focus-ring-sm: rgb(from var(--ae-blue) r g b / 0.15);\\n\\n  /* Subtle intent tokens \u2014 light context */\\n  --ae-color-primary-bg-subtle:       rgb(from var(--ae-blue) r g b / 0.08);\\n  --ae-color-primary-border-subtle:   rgb(from var(--ae-blue) r g b / 0.40);\\n  --ae-color-primary-text-emphasis:   var(--ae-blue-700);\\n\\n  --ae-color-success-bg-subtle:       rgb(from var(--ae-green) r g b / 0.08);\\n  --ae-color-success-border-subtle:   rgb(from var(--ae-green) r g b / 0.40);\\n  --ae-color-success-text-emphasis:   var(--ae-green-700);\\n\\n  --ae-color-danger-bg-subtle:        rgb(from var(--ae-red) r g b / 0.08);\\n  --ae-color-danger-border-subtle:    rgb(from var(--ae-red) r g b / 0.40);\\n  --ae-color-danger-text-emphasis:    var(--ae-red-700);\\n\\n  --ae-color-warning-bg-subtle:       rgb(from var(--ae-yellow) r g b / 0.08);\\n  --ae-color-warning-border-subtle:   rgb(from var(--ae-yellow) r g b / 0.40);\\n  --ae-color-warning-text-emphasis:   var(--ae-yellow-700);\\n\\n  --ae-color-info-bg-subtle:          rgb(from var(--ae-cyan) r g b / 0.08);\\n  --ae-color-info-border-subtle:      rgb(from var(--ae-cyan) r g b / 0.40);\\n  --ae-color-info-text-emphasis:      var(--ae-cyan-700);\\n\\n  --ae-color-secondary-bg-subtle:     rgb(from var(--ae-slate) r g b / 0.08);\\n  --ae-color-secondary-border-subtle: rgb(from var(--ae-slate) r g b / 0.40);\\n  --ae-color-secondary-text-emphasis: var(--ae-slate-700);\\n\\n  --ae-color-light-bg-subtle:         var(--ae-gray-100);   /* opaque on white: ~#e2e2e2 */\\n  --ae-color-light-border-subtle:     var(--ae-gray-200);   /* opaque on white: ~#c4c4c4 */\\n\\n  --ae-color-dark-bg-subtle:          var(--ae-dark-100);   /* opaque on white: ~#d6d8d9 */\\n  --ae-color-dark-border-subtle:      var(--ae-dark-300);   /* opaque on white: ~#85898c */\\n\\n  /* Component tokens \u2014 light defaults */\\n  --ae-action-btn-bg:          var(--ae-gray-200);\\n  --ae-action-btn-bg-hover:    var(--ae-color-primary);\\n  --ae-action-btn-color:       var(--ae-gray-600);\\n  --ae-action-btn-color-hover: white;\\n\\n  --ae-clear-btn-bg-hover:     var(--ae-color-danger);\\n  --ae-clear-btn-color-hover:  white;\\n\\n  --ae-reset-btn-border-radius: var(--ae-radius-xs);\\n  --ae-reset-btn-bg:            var(--ae-action-btn-bg);\\n  --ae-reset-btn-bg-hover:      var(--ae-action-btn-bg-hover);\\n  --ae-reset-btn-color:         var(--ae-action-btn-color);\\n  --ae-reset-btn-color-hover:   var(--ae-action-btn-color-hover);\\n  --ae-reset-btn-transition:    all 0.12s;\\n\\n  --ae-clear-btn-border-radius: var(--ae-radius-xs);\\n  --ae-clear-btn-bg:            var(--ae-action-btn-bg);\\n  --ae-clear-btn-color:         var(--ae-action-btn-color);\\n  --ae-clear-btn-transition:    all 0.12s;\\n}\\n\\n:root,\\n:host {\\n  --ae-size-scale: 1;\\n  --ae-size-base:  calc(1rem * var(--ae-size-scale));                    /* 16px */\\n  --ae-size-xl:    round(calc(var(--ae-size-l) * 1.125), 1px);           /* 23px */\\n  --ae-size-l:     round(calc(var(--ae-size-m) * 1.125 * 1.125), 1px);   /* 20px */\\n  --ae-size-m:     var(--ae-size-base);                                  /* 16px */\\n  --ae-size-s:     round(calc(var(--ae-size-m) / 1.125), 1px);           /* 14px */\\n  --ae-size-xs:    round(calc(var(--ae-size-s) / 1.125), 1px);           /* 12px */\\n  --ae-size-2xs:   round(calc(var(--ae-size-xs) / 1.125), 1px);          /* 11px */\\n  --ae-size-3xs:   round(calc(var(--ae-size-2xs) / 1.125), 1px);         /* 10px */\\n}\\n\\n/* Border-radius tokens \u2014 shared across all components */\\n:root,\\n:host {\\n  /**\\n   * Unified border-radius hook for all components.\\n   *\\n   * Not set by default \u2014 each component falls back to its own --ae-radius-*\\n   * token (e.g. button \u2192 sm, card \u2192 lg, input \u2192 xs).\\n   *\\n   * Usage:\\n   *   :root { --ae-border-radius: 0; }       // global: all components square\\n   *   :root { --ae-border-radius: 999px; }   // global: all components pill\\n   *   ae-button { --ae-border-radius: 50%; } // scoped: only buttons circular\\n   *   .sidebar { --ae-border-radius: 8px; }  // scoped: everything inside .sidebar\\n   *\\n   * To restore a component to its own default:\\n   *   ae-card { --ae-border-radius: initial; }\\n   */\\n\\n  --ae-radius-square:  0;\\n  --ae-radius-xs:      2px;\\n  --ae-radius-sm:      4px;\\n  --ae-radius-md:      6px;\\n  --ae-radius-lg:      8px;\\n  --ae-radius-xl:      12px;\\n  --ae-radius-pill:    999px;\\n  --ae-radius-circle:  50%;\\n}\\n\\n/* Layout tokens \u2014 defined on :root so all light DOM elements can use them */\\n:root,\\n:host {\\n  --container-max-width: 1280px;\\n  --container-padding-x: 1.5rem;\\n}\\n\\n.theme-dark,\\n:root[theme=\\\"dark\\\"],\\n:host([theme=\\\"dark\\\"]),\\n:host-context([theme=\\\"dark\\\"]) {\\n  color-scheme: dark;\\n\\n  /* Hover / active \u2014 slightly gentler on dark backgrounds */\\n  --ae-color-mix-hover:  black 8%;\\n  --ae-color-mix-active: black 16%;\\n\\n  /* Gray UI aliases \u2014 darker palette steps for elements on dark background */\\n  --ae-color-gray-dark:     var(--ae-gray-800);\\n  --ae-color-gray:          var(--ae-gray-700);\\n  --ae-color-gray-light:    var(--ae-gray-600);\\n  --ae-color-gray-lighter:  var(--ae-gray-500);\\n  --ae-color-gray-lightest: var(--ae-gray-400);\\n\\n  /* Secondary \u2014 deeper base on dark background */\\n  --ae-color-secondary:      var(--ae-slate-700);\\n  --ae-color-secondary-text: var(--ae-slate-300);\\n\\n  /* Text */\\n  --ae-color-text-main:       white;\\n  --ae-color-text-muted:      var(--ae-gray-200);\\n  --ae-color-text-disabled:   var(--ae-gray-500);\\n  --ae-color-text-link:       var(--ae-blue-300);\\n  --ae-color-text-link-hover: var(--ae-blue-200);\\n\\n  /* Surfaces */\\n  --ae-surface-sunken:  var(--ae-gray-900);\\n  --ae-surface-base:    color-mix(in srgb, var(--ae-gray) 27%, black);\\n  --ae-surface-raised:  color-mix(in srgb, var(--ae-gray) 34%, black);\\n  --ae-surface-overlay: color-mix(in srgb, var(--ae-gray) 38%, black);\\n  --ae-color-overlay:   rgba(0, 0, 0, 0.6);\\n\\n  /* Borders */\\n  --ae-border-subtle:   rgba(255, 255, 255, 0.08);\\n  --ae-border-default:  rgba(255, 255, 255, 0.12);\\n  --ae-border-hover:    rgba(255, 255, 255, 0.20);\\n  --ae-border-focus:    var(--ae-color-primary);\\n  --ae-border-disabled: rgba(255, 255, 255, 0.06);\\n\\n  /* Focus ring */\\n  --ae-focus-ring:    rgb(from var(--ae-blue) r g b / 0.25);\\n  --ae-focus-ring-sm: rgb(from var(--ae-blue) r g b / 0.10);\\n\\n  /* Subtle intent tokens \u2014 dark context (more alpha, lighter text-emphasis) */\\n  --ae-color-primary-bg-subtle:       rgb(from var(--ae-blue) r g b / 0.10);\\n  --ae-color-primary-border-subtle:   rgb(from var(--ae-blue) r g b / 0.30);\\n  --ae-color-primary-text-emphasis:   var(--ae-blue-300);\\n\\n  --ae-color-success-bg-subtle:       rgb(from var(--ae-green) r g b / 0.10);\\n  --ae-color-success-border-subtle:   rgb(from var(--ae-green) r g b / 0.30);\\n  --ae-color-success-text-emphasis:   var(--ae-green-300);\\n\\n  --ae-color-danger-bg-subtle:        rgb(from var(--ae-red) r g b / 0.10);\\n  --ae-color-danger-border-subtle:    rgb(from var(--ae-red) r g b / 0.30);\\n  --ae-color-danger-text-emphasis:    var(--ae-red-300);\\n\\n  --ae-color-warning-bg-subtle:       rgb(from var(--ae-yellow) r g b / 0.10);\\n  --ae-color-warning-border-subtle:   rgb(from var(--ae-yellow) r g b / 0.30);\\n  --ae-color-warning-text-emphasis:   var(--ae-yellow-300);\\n\\n  --ae-color-info-bg-subtle:          rgb(from var(--ae-cyan) r g b / 0.10);\\n  --ae-color-info-border-subtle:      rgb(from var(--ae-cyan) r g b / 0.30);\\n  --ae-color-info-text-emphasis:      var(--ae-cyan-300);\\n\\n  --ae-color-secondary-bg-subtle:     rgb(from var(--ae-slate) r g b / 0.10);\\n  --ae-color-secondary-border-subtle: rgb(from var(--ae-slate) r g b / 0.30);\\n  --ae-color-secondary-text-emphasis: var(--ae-slate-300);\\n\\n  --ae-color-light-bg-subtle:         rgb(from var(--ae-light) r g b / 0.20);\\n  --ae-color-light-border-subtle:     rgb(from var(--ae-light) r g b / 0.25);\\n\\n  --ae-color-dark-bg-subtle:          rgb(from var(--ae-dark) r g b / 0.30);\\n  --ae-color-dark-border-subtle:      rgb(from var(--ae-dark) r g b / 0.50);\\n\\n  /* Component tokens \u2014 dark overrides */\\n  --ae-action-btn-bg:          var(--ae-color-gray);\\n  --ae-action-btn-bg-hover:    color-mix(in srgb, var(--ae-blue) 25%, var(--ae-gray-800));\\n  --ae-action-btn-color:       var(--ae-gray-400);\\n  --ae-action-btn-color-hover: var(--ae-cyan-300);\\n  --ae-clear-btn-bg-hover:     color-mix(in srgb, var(--ae-red) 25%, var(--ae-gray-800));\\n  --ae-clear-btn-color-hover:  var(--ae-red-300);\\n}\\n\"", "export default \":host([size=\\\"xs\\\"]) { font-size: var(--ae-size-xs); }\\n:host([size=\\\"sm\\\"]) { font-size: var(--ae-size-s); }\\n:host([size=\\\"md\\\"]) { font-size: var(--ae-size-m); }\\n:host([size=\\\"lg\\\"]) { font-size: var(--ae-size-l); }\\n:host([size=\\\"xl\\\"]) { font-size: var(--ae-size-xl); }\\n:host([size=\\\"3xs\\\"]) { font-size: var(--ae-size-3xs); }\\n:host([size=\\\"2xs\\\"]) { font-size: var(--ae-size-2xs); }\\n\"", "export default \":host {\\n  --field-label-gap: 4px;\\n  --field-label-col-gap: 8px;\\n  --field-label-width: 100px;\\n  --field-label-font-size: 0.875em;\\n  --field-label-color: inherit;\\n  --field-required-color: var(--ae-red, #dc3545);\\n  --field-helper-color: var(--ae-color-text-muted, #6e6e6e);\\n  --field-error-color: var(--ae-red, #dc3545);\\n}\\n\\n:host([label]) {\\n  display: flex;\\n  flex-direction: column;\\n  align-items: stretch;\\n  gap: var(--field-label-gap);\\n}\\n\\n:host([label][label-placement=\\\"left\\\"]) {\\n  display: grid;\\n  grid-template-columns: var(--field-label-width) 1fr;\\n  column-gap: var(--field-label-col-gap);\\n  row-gap: var(--field-label-gap);\\n  align-items: center;\\n}\\n\\n:host([label][label-placement=\\\"left\\\"]) .field-label {\\n  align-self: center;\\n}\\n\\n:host([label][label-placement=\\\"left\\\"]) .field-helper,\\n:host([label][label-placement=\\\"left\\\"]) .field-error {\\n  grid-column: 2;\\n}\\n\\n.field-label {\\n  font-size: var(--field-label-font-size);\\n  color: var(--field-label-color);\\n  user-select: none;\\n  line-height: 1.4;\\n}\\n\\n.field-required {\\n  color: var(--field-required-color);\\n  margin-left: 2px;\\n}\\n\\n.field-helper {\\n  font-size: 0.8em;\\n  color: var(--field-helper-color);\\n  line-height: 1.4;\\n}\\n\\n.field-error {\\n  font-size: 0.8em;\\n  color: var(--field-error-color);\\n  line-height: 1.4;\\n}\\n\\n/* Action controls container (integrated style) */\\n.action-controls {\\n  display: flex;\\n  flex-direction: row;\\n  align-items: stretch;\\n  margin-left: calc(-1 * var(--field-action-gap, 4px) - 1px);\\n  border: var(--field-action-border-width, 1px) solid var(--field-action-border-color, var(--ae-border-subtle));\\n  border-radius: 0 var(--field-action-border-radius, var(--ae-radius-xs)) var(--field-action-border-radius, var(--ae-radius-xs)) 0;\\n  overflow: hidden;\\n  flex-shrink: 0;\\n  transition: border-color 0.12s;\\n  background: var(--field-action-bg, var(--ae-surface-base));\\n  position: relative;\\n  z-index: 1;\\n  align-self: stretch;\\n}\\n\\n.action-controls .action-btn {\\n  border: none;\\n  background: transparent;\\n  color: var(--field-action-color, var(--ae-color-text-muted));\\n  font-size: 0.875em;\\n  line-height: 1;\\n  cursor: pointer;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  padding: 0 0.5em;\\n  transition: background 0.12s;\\n}\\n\\n.action-controls .action-btn:hover:not(:disabled) {\\n  background: var(--field-action-bg-hover, var(--ae-surface-raised));\\n}\\n\\n.action-controls .action-btn:active:not(:disabled) {\\n  background: var(--field-action-bg-focus, var(--ae-surface-raised));\\n}\\n\\n.action-controls .action-btn:disabled {\\n  opacity: 0.5;\\n  cursor: not-allowed;\\n}\\n\\n.action-controls .action-btn + .action-btn {\\n  border-left: var(--field-action-border-width, 1px) solid var(--field-action-border-color, var(--ae-border-subtle));\\n}\\n\\n.input-container:has(input:focus) ~ .action-controls,\\n.input-container:has(input:focus) .action-controls,\\n.container:has(.trigger.open) ~ .action-controls,\\n.container:has(.trigger.open) .action-controls {\\n  border-color: var(--field-action-border-color-focus, var(--ae-border-focus));\\n}\\n\\n.input-container:has(input:hover:not(:focus)) ~ .action-controls,\\n.input-container:has(input:hover:not(:focus)) .action-controls,\\n.container:has(.trigger:hover:not(.disabled)) ~ .action-controls,\\n.container:has(.trigger:hover:not(.disabled)) .action-controls {\\n  border-color: var(--field-action-border-color-hover, var(--ae-border-default));\\n}\\n\"", "export default \"/* Action button base styles \u2014 shared by clear-btn and reset-btn (standalone mode) */\\n.clear-btn:not(.action-btn),\\n.reset-btn:not(.action-btn) {\\n  width: 1.333em;\\n  height: 1.333em;\\n  border: none;\\n  cursor: pointer;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  flex-shrink: 0;\\n  line-height: 1;\\n}\\n\\n.clear-btn:not(.action-btn) {\\n  border-radius: var(--ae-clear-btn-border-radius);\\n  background: var(--ae-clear-btn-bg);\\n  color: var(--ae-clear-btn-color);\\n  transition: var(--ae-clear-btn-transition);\\n}\\n\\n.reset-btn:not(.action-btn) {\\n  border-radius: var(--ae-reset-btn-border-radius);\\n  background: var(--ae-reset-btn-bg);\\n  color: var(--ae-reset-btn-color);\\n  transition: var(--ae-reset-btn-transition);\\n}\\n\\n.clear-btn:not(.action-btn):hover {\\n  background: var(--ae-clear-btn-bg-hover);\\n  color: var(--ae-clear-btn-color-hover);\\n}\\n\\n.reset-btn:not(.action-btn):hover {\\n  background: var(--ae-reset-btn-bg-hover);\\n  color: var(--ae-reset-btn-color-hover);\\n}\\n\"", "export default \":host {\\n  --ae-color-solid:           var(--ae-color-gray);\\n  --ae-color-solid-hover:     color-mix(in srgb, var(--ae-color-solid), var(--ae-color-mix-hover));\\n  --ae-color-solid-active:    color-mix(in srgb, var(--ae-color-solid), var(--ae-color-mix-active));\\n  --ae-color-on-solid:        var(--ae-color-text-main);\\n  --ae-color-border:          var(--ae-color-gray);\\n  --ae-color-border-hover:    color-mix(in srgb, var(--ae-color-border), var(--ae-color-mix-hover));\\n  --ae-color-accent:          var(--ae-color-text-muted);\\n  --ae-color-accent-hover:    var(--ae-color-text-main);\\n  --ae-color-subtle:          var(--ae-border-subtle);\\n  --ae-color-subtle-hover:    var(--ae-border-default);\\n  --ae-color-bg-subtle:       var(--ae-border-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-text-muted);\\n  --ae-color-border-subtle:   var(--ae-border-default);\\n}\\n\\n:host([color=\\\"primary\\\"]) {\\n  --ae-color-solid:           var(--ae-color-primary);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-color-primary);\\n  --ae-color-accent:          var(--ae-color-text-link);\\n  --ae-color-accent-hover:    var(--ae-color-text-link-hover);\\n  --ae-color-subtle:          var(--ae-color-primary-bg-subtle);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-blue) r g b / 0.15);\\n  --ae-color-bg-subtle:       var(--ae-color-primary-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-primary-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-primary-border-subtle);\\n}\\n\\n:host([color=\\\"secondary\\\"]) {\\n  --ae-color-solid:           var(--ae-color-secondary);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-color-secondary-hover);\\n  --ae-color-accent:          var(--ae-color-secondary-text-emphasis);\\n  --ae-color-accent-hover:    var(--ae-color-text-main);\\n  --ae-color-subtle:          rgb(from var(--ae-slate) r g b / 0.06);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-slate) r g b / 0.12);\\n  --ae-color-bg-subtle:       var(--ae-color-secondary-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-secondary-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-secondary-border-subtle);\\n}\\n\\n:host([color=\\\"success\\\"]) {\\n  --ae-color-solid:           var(--ae-color-success);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-color-success);\\n  --ae-color-accent:          var(--ae-color-success-text-emphasis);\\n  --ae-color-accent-hover:    var(--ae-color-success-hover);\\n  --ae-color-subtle:          var(--ae-color-success-bg-subtle);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-green) r g b / 0.15);\\n  --ae-color-bg-subtle:       var(--ae-color-success-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-success-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-success-border-subtle);\\n}\\n\\n:host([color=\\\"danger\\\"]) {\\n  --ae-color-solid:           var(--ae-color-danger);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-color-danger);\\n  --ae-color-accent:          var(--ae-color-danger-text-emphasis);\\n  --ae-color-accent-hover:    var(--ae-color-danger-hover);\\n  --ae-color-subtle:          var(--ae-color-danger-bg-subtle);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-red) r g b / 0.15);\\n  --ae-color-bg-subtle:       var(--ae-color-danger-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-danger-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-danger-border-subtle);\\n}\\n\\n:host([color=\\\"warning\\\"]) {\\n  --ae-color-solid:           var(--ae-color-warning);\\n  --ae-color-on-solid:        var(--ae-gray-900);\\n  --ae-color-border:          var(--ae-color-warning);\\n  --ae-color-accent:          var(--ae-color-warning-text-emphasis);\\n  --ae-color-accent-hover:    var(--ae-color-warning-hover);\\n  --ae-color-subtle:          var(--ae-color-warning-bg-subtle);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-yellow) r g b / 0.15);\\n  --ae-color-bg-subtle:       var(--ae-color-warning-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-warning-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-warning-border-subtle);\\n}\\n\\n:host([color=\\\"info\\\"]) {\\n  --ae-color-solid:           var(--ae-color-info);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-color-info);\\n  --ae-color-accent:          var(--ae-color-info-text-emphasis);\\n  --ae-color-accent-hover:    var(--ae-color-info-hover);\\n  --ae-color-subtle:          var(--ae-color-info-bg-subtle);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-cyan) r g b / 0.15);\\n  --ae-color-bg-subtle:       var(--ae-color-info-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-info-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-info-border-subtle);\\n}\\n\\n:host([color=\\\"light\\\"]) {\\n  --ae-color-solid:           var(--ae-light);\\n  --ae-color-on-solid:        var(--ae-gray-900);\\n  --ae-color-border:          var(--ae-border-hover);\\n  --ae-color-subtle:          var(--ae-color-light-bg-subtle);\\n  --ae-color-subtle-hover:    var(--ae-color-light-border-subtle);\\n  --ae-color-bg-subtle:       var(--ae-color-light-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-text-muted);\\n  --ae-color-border-subtle:   var(--ae-color-light-border-subtle);\\n}\\n\\n:host([color=\\\"dark\\\"]) {\\n  --ae-color-solid:           var(--ae-dark-500);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-dark-500);\\n  --ae-color-accent:          var(--ae-color-text-main);\\n  --ae-color-accent-hover:    var(--ae-color-text-main);\\n  --ae-color-subtle:          var(--ae-color-dark-bg-subtle);\\n  --ae-color-subtle-hover:    var(--ae-color-dark-border-subtle);\\n  --ae-color-bg-subtle:       var(--ae-color-dark-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-text-main);\\n  --ae-color-border-subtle:   var(--ae-color-dark-border-subtle);\\n}\\n\"", "export default \":host {\\n  display: inline-flex;\\n  align-items: center;\\n}\\n\\n.tag {\\n  display: inline-flex;\\n  align-items: center;\\n  gap: 4px;\\n  font-family: inherit;\\n  font-weight: 500;\\n  white-space: nowrap;\\n  vertical-align: middle;\\n  line-height: 1.2;\\n  font-size: 1em;\\n  padding: 0.15em 0.5em 0.15em 0.6em;\\n  border-radius: var(--ae-border-radius, var(--ae-radius-sm));\\n  border: 1px solid var(--ae-color-solid);\\n  background: var(--ae-color-solid);\\n  color: var(--ae-color-on-solid);\\n  max-width: 160px;\\n  min-width: 0;\\n}\\n\\n:host([variant=\\\"outlined\\\"]) .tag {\\n  background:   transparent;\\n  border-color: var(--ae-color-border);\\n  color:        var(--ae-color-accent);\\n}\\n\\n:host([variant=\\\"faint\\\"]) .tag {\\n  background:   var(--ae-color-bg-subtle);\\n  border-color: var(--ae-color-border-subtle);\\n  color:        var(--ae-color-text-subtle);\\n}\\n\\n:host([variant=\\\"subtle\\\"]) .tag {\\n  background:   var(--ae-color-bg-subtle);\\n  border-color: transparent;\\n  color:        var(--ae-color-text-subtle);\\n}\\n\\n:host([variant=\\\"text\\\"]) .tag {\\n  background:   transparent;\\n  border-color: transparent;\\n  color:        var(--ae-color-accent);\\n  padding-left:  0;\\n  padding-right: 0;\\n}\\n\\n\\n:host([pill]) .tag { border-radius: var(--ae-radius-pill); }\\n\\n.tag-content {\\n  flex: 1;\\n  min-width: 0;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n\\n::slotted(ae-icon) { font-size: 1.1em; }\\n\\n.tag-dismiss {\\n  display: none;\\n  flex-shrink: 0;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: pointer;\\n  opacity: 0.55;\\n  line-height: 1;\\n  font-size: 1em;\\n  padding: 0 1px;\\n  border-radius: var(--ae-border-radius, var(--ae-radius-xs));\\n  background: transparent;\\n  border: none;\\n  color: inherit;\\n  font-family: inherit;\\n  transition: opacity 0.1s, background 0.1s;\\n}\\n\\n:host([dismissible]) .tag-dismiss {\\n  display: inline-flex;\\n}\\n\\n.tag-dismiss:hover {\\n  opacity: 1;\\n  background: color-mix(in srgb, currentColor 15%, transparent);\\n}\\n\\n/* disabled: button remains visible but is inert */\\n:host([disabled]) .tag-dismiss {\\n  opacity: 0.4;\\n  pointer-events: none;\\n  cursor: default;\\n}\\n\\n:host([disabled]) .tag {\\n  opacity: 0.6;\\n}\\n\"", "\uFEFFimport type { InferProps } from 'aeico';\nimport styleVariables from '../styles/variables.css';\nimport sizeCSS from '../styles/size.css';\nimport colorCSS from '../styles/color.css';\nimport tagStyle from '../styles/components/tag.css';\nimport AeicoComponent from '../aeico-component';\nimport { html } from 'aeico';\nimport type { TagColor, TagSize, TagVariant } from './defines';\nimport { prop } from 'aeico';\n\n/**\n * Tag Component\n *\n * An inline label component with optional dismiss button.\n * Supports the same color, variant, and size options as Button.\n *\n * @example\n * ```html\n * <ae-tag color=\"primary\" variant=\"faint\">Label</ae-tag>\n * <ae-tag color=\"success\" variant=\"outlined\" dismissible>Removable</ae-tag>\n * <ae-tag color=\"danger\" size=\"sm\">\n *   <ae-icon slot=\"start\" name=\"warning\"></ae-icon>\n *   Error\n * </ae-tag>\n * ```\n */\nclass Tag extends AeicoComponent {\n  protected static styles = [styleVariables, sizeCSS, colorCSS, tagStyle];\n\n  @prop({ type: String })\n  accessor color: TagColor | undefined;\n\n  @prop({ type: String })\n  accessor variant: TagVariant | undefined;\n\n  @prop({ type: String })\n  accessor size: TagSize | undefined;\n\n  @prop({ type: Boolean })\n  accessor dismissible: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor disabled: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor pill: boolean = false;\n\n  protected render() {\n    return html(({ span, button, slot }) => {\n      span({ part: 'tag', className: 'tag' }, () => {\n        slot({ name: 'start' });\n        span({ className: 'tag-content' }, () => {\n          slot();\n        });\n        slot({ name: 'end' });\n        button(\n          {\n            type: 'button',\n            className: 'tag-dismiss',\n            'aria-label': 'dismiss',\n            '@click': (e: Event) => {\n              e.stopPropagation();\n              if (this.disabled) return;\n              this.emit('dismiss');\n            },\n          },\n          () => {\n            span({ textContent: '\\u00d7' });\n          },\n        );\n      });\n    });\n  }\n}\n\nTag.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-tag': Tag;\n  }\n}\n\nexport default Tag;\nexport type TagProps = InferProps<typeof Tag>;\n", "\uFEFFimport AeicoComponent from '../aeico-component';\nimport type { InferProps } from 'aeico';\nimport { html } from 'aeico';\nimport style from '../styles/components/select-option.css';\nimport variables from '../styles/variables.css';\nimport { prop } from 'aeico';\n\nclass SelectOption extends AeicoComponent {\n  static tagName = 'select-option';\n\n  @prop({ type: String })\n  accessor value: string | undefined;\n\n  @prop({ type: String })\n  accessor label: string | undefined;\n\n  @prop({ type: Boolean })\n  accessor disabled: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor selected: boolean | undefined = false;\n\n  protected static styles = [variables, style];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.listen('click', this._handleClick);\n  }\n\n  private _handleClick = (e: Event): void => {\n    if (this.disabled) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    const displayLabel = this.label || this.textContent?.trim() || '';\n    this.emit('selectoption', { detail: { value: this.value ?? '', label: displayLabel } });\n  };\n\n  render() {\n    return html(({ div, slot }) => {\n      div({ className: 'option-item' }, () => {\n        slot();\n      });\n    });\n  }\n}\n\nSelectOption.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-select-option': SelectOption;\n  }\n}\n\nexport default SelectOption;\nexport type SelectOptionProps = InferProps<typeof SelectOption>;\n", "export default \":host {\\n  display: block;\\n\\n  --option-padding: 0.417em 0.667em;\\n  --option-bg: transparent;\\n  --option-bg-hover: var(--ae-surface-raised);\\n  --option-bg-selected: color-mix(in srgb, var(--ae-color-primary) 12%, transparent);\\n  --option-color: var(--ae-color-text-main);\\n  --option-color-disabled: var(--ae-color-text-disabled);\\n  --option-color-selected: var(--ae-color-primary);\\n  --option-font-size: 1em;\\n  --option-transition: background 0.1s;\\n}\\n\\n.option-item {\\n  padding: var(--option-padding);\\n  font-size: var(--option-font-size);\\n  color: var(--option-color);\\n  background: var(--option-bg);\\n  cursor: pointer;\\n  transition: var(--option-transition);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  user-select: none;\\n}\\n\\n:host(:hover:not([disabled])) .option-item {\\n  background: var(--option-bg-hover);\\n}\\n\\n:host([selected]) .option-item {\\n  background: var(--option-bg-selected);\\n  color: var(--option-color-selected);\\n}\\n\\n:host([disabled]) .option-item {\\n  color: var(--option-color-disabled);\\n  cursor: default;\\n  pointer-events: none;\\n}\\n\\n\\n\""],
-  "mappings": "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",
+  "sources": ["../src/aeico-field.ts", "../src/aeico-component.ts", "../src/select/select.ts", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/select.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/variables.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/size.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/field-label.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/action-button.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/color.css", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/tag.css", "../src/tag/tag.ts", "../src/select/select-option.ts", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/select-option.css"],
+  "sourcesContent": ["import type { InferProps, Props, Watchers } from 'aeico';\nimport { tags } from 'aeico';\nimport AeicoComponent from './aeico-component';\n\nexport type FieldAction = 'clear' | 'reset' | 'change';\nexport type FieldElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\nexport type ActionButtonStyle = 'standalone' | 'integrated';\n\n/**\n * Base class for form field components\n *\n * Provides common functionality for field components including:\n * - Theme support\n * - i18n integration (via Localizable mixin)\n * - Reset button management\n * - Value management\n * - Common configuration handling\n */\nclass AeicoField<TValue = string> extends AeicoComponent {\n  /**\n   * Define base field properties (extends AeicoElement properties)\n   */\n  static props: Props = {\n    value: { type: String },\n    defaultValue: { type: String },\n    resettable: { type: Boolean },\n    resetText: { type: String },\n    resetTitle: { type: String },\n    clearable: { type: Boolean },\n    clearText: { type: String },\n    clearTitle: { type: String },\n    actionButtonStyle: { type: String },\n    size: { type: String },\n    disabled: { type: Boolean },\n    label: { type: String },\n    labelPlacement: { type: String },\n    required: { type: Boolean },\n    helperText: { type: String },\n    error: { type: String },\n  };\n\n  /**\n   * Property watchers\n   */\n  static watchers: Watchers = {\n    disabled: 'onDisabledChanged',\n    error: 'onErrorChanged',\n  };\n\n  private static _fieldIdCounter = 0;\n  private readonly _fieldId: string;\n\n  constructor() {\n    super();\n    this._fieldId = `ae-field-${++AeicoField._fieldIdCounter}`;\n  }\n\n  /**\n   * The underlying form control element (input, select, etc.)\n   * Subclasses should set this to their specific element\n   */\n  protected fieldElement: FieldElement | null = null;\n\n  protected resetBtn: HTMLButtonElement | null = null;\n  protected clearBtn: HTMLButtonElement | null = null;\n\n  protected readonly boundOnChange = () =>\n    this.setValue(this.getValue(), { silent: false, action: 'change' });\n\n  protected readonly boundOnReset = () => this.onReset();\n  protected readonly boundOnClear = () => this.onClear();\n\n  // Declare reactive properties for TypeScript\n  declare value?: TValue;\n  declare defaultValue?: TValue | string;\n  declare resettable?: boolean;\n  declare resetText?: string;\n  declare resetTitle?: string;\n  declare clearable?: boolean;\n  declare clearText?: string;\n  declare clearTitle?: string;\n  declare actionButtonStyle?: ActionButtonStyle;\n  declare size?: string;\n  declare disabled?: boolean;\n  declare label?: string;\n  declare labelPlacement?: 'top' | 'left';\n  declare required?: boolean;\n  declare helperText?: string;\n  declare error?: string;\n\n  /**\n   * Lifecycle: Component connected to DOM\n   */\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /**\n   * Lifecycle: Component disconnected from DOM\n   */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Render action buttons (clear/reset) using this.builder.\n   * Must be called from within a build() callback.\n   */\n  protected renderActionButtons(force: boolean = false) {\n    const style = this.actionButtonStyle || 'integrated';\n    const hasActions = force || this.clearable || this.resettable;\n\n    if (hasActions && style === 'integrated') {\n      tags.div({ className: 'action-controls' }, () => {\n        this.renderClearButton(force);\n        this.renderResetButton(force);\n      });\n    } else {\n      this.renderClearButton(force);\n      this.renderResetButton(force);\n    }\n  }\n\n  protected renderResetButton(force: boolean = false) {\n    const { button } = tags;\n    const style = this.actionButtonStyle || 'integrated';\n\n    if (force || this.resettable) {\n      const className = style === 'integrated' ? 'reset-btn action-btn' : 'reset-btn';\n      this.resetBtn = button({\n        className,\n        textContent: this.resetText || '\u21BA',\n        title: this.resetTitle || '\u21BA',\n        '@click': this.boundOnReset,\n      });\n    }\n  }\n\n  protected renderClearButton(force: boolean = false) {\n    const { button } = tags;\n    const style = this.actionButtonStyle || 'integrated';\n\n    if (force || this.clearable) {\n      const className = style === 'integrated' ? 'clear-btn action-btn' : 'clear-btn';\n      this.clearBtn = button({\n        className,\n        textContent: this.clearText || '\u2715',\n        title: this.clearTitle || '\u2715',\n        '@click': this.boundOnClear,\n      });\n    }\n  }\n\n  /**\n   * Returns a stable unique ID for this field instance,\n   * used to associate <label htmlFor> with the underlying input.\n   */\n  protected getFieldId(): string {\n    return this._fieldId;\n  }\n\n  /**\n   * Renders a <label> element when the `label` prop is set.\n   * Call this as the first statement inside the render() html() callback.\n   * @param fieldId - The id to set on the underlying form control element (pass to input via id prop)\n   */\n  protected renderLabel(fieldId: string): void {\n    if (!this.label) return;\n    const { span } = tags;\n    tags.label({ id: `${fieldId}-label`, className: 'field-label', for: fieldId }, () => {\n      span({ textContent: this.label! });\n      if (this.required) {\n        span({ className: 'field-required', 'aria-hidden': 'true', textContent: ' *' });\n      }\n    });\n  }\n\n  /**\n   * Renders helper text below the field. Hidden when `error` is set.\n   * Call this after the field-body div in render().\n   */\n  protected renderHelperText(): void {\n    if (!this.helperText || this.error) return;\n    const { span } = tags;\n    span({ className: 'field-helper', textContent: this.helperText });\n  }\n\n  /**\n   * Renders an error message below the field when `error` is set.\n   * Call this after renderHelperText() in render().\n   */\n  protected renderError(): void {\n    if (!this.error) return;\n    const { span } = tags;\n    span({ className: 'field-error', textContent: this.error });\n  }\n\n  /**\n   * Watcher for disabled property\n   */\n  protected onDisabledChanged(newValue: boolean) {\n    if (this.fieldElement) {\n      (this.fieldElement as HTMLInputElement | HTMLSelectElement).disabled = Boolean(newValue);\n    }\n  }\n\n  /**\n   * Watcher for error property - syncs aria-invalid on the field element\n   */\n  protected onErrorChanged(newValue: string | undefined): void {\n    if (this.fieldElement) {\n      if (newValue) {\n        this.fieldElement.setAttribute('aria-invalid', 'true');\n      } else {\n        this.fieldElement.removeAttribute('aria-invalid');\n      }\n    }\n  }\n\n  /**\n   * Lifecycle: called after every render update.\n   * Keeps aria-invalid on fieldElement in sync regardless of watcher timing.\n   */\n  protected onUpdated(_changedProps: Map<string, unknown>): void {\n    if (!this.fieldElement) return;\n    if (this.error) {\n      this.fieldElement.setAttribute('aria-invalid', 'true');\n    } else {\n      this.fieldElement.removeAttribute('aria-invalid');\n    }\n  }\n\n  /**\n   * Returns true if the field passes constraint validation.\n   * Delegates to the underlying fieldElement when available;\n   * falls back to a manual required-check otherwise.\n   */\n  public checkValidity(): boolean {\n    if (this.fieldElement) {\n      return this.fieldElement.checkValidity();\n    }\n    if (this.required) {\n      const v = this.value;\n      return v !== undefined && v !== '' && v !== null;\n    }\n    return true;\n  }\n\n  /**\n   * Reports validity, showing the browser's built-in validation UI when possible.\n   */\n  public reportValidity(): boolean {\n    if (this.fieldElement) {\n      return this.fieldElement.reportValidity();\n    }\n    return this.checkValidity();\n  }\n\n  /**\n   * Render the field component\n   * Override in subclass to provide custom rendering\n   */\n  render(): void {\n    // Default implementation - subclasses can override\n  }\n\n  /**\n   * Get current value from the field element\n   * Default implementation returns the value property of fieldElement\n   * Override in subclasses if needed (e.g., checkbox uses checked instead of value)\n   *\n   * @returns Current field value\n   */\n  protected getValue(): TValue {\n    return (this.fieldElement?.value || '') as TValue;\n  }\n\n  /**\n   * Write value to the underlying UI element and sync props\n   * Subclasses must override this to update their specific UI element\n   *\n   * @param _value New value to write to the element\n   */\n  protected writeValue(_value: TValue): void {\n    // Base implementation - subclasses override\n  }\n\n  /**\n   * Get event payload for change events\n   * Override in subclasses to customize event data (e.g., { checked, oldChecked } for checkbox)\n   *\n   * @param value New value\n   * @param oldValue Previous value\n   * @param action Action type\n   * @returns Event payload object\n   */\n  protected getEventPayload(\n    value: TValue,\n    oldValue: TValue,\n    action: FieldAction,\n  ): Record<string, unknown> {\n    return { value, oldValue, action };\n  }\n\n  /**\n   * Update field value programmatically (internal method)\n   * Subclasses should provide type-safe public wrappers (e.g., change() method)\n   *\n   * @param value New value\n   * @param options.silent If true, won't emit change event (default: true)\n   * @param options.action Action type for the event (default: 'change')\n   */\n  protected setValue(value: TValue, options?: { silent?: boolean; action?: FieldAction }): void {\n    const oldValue = this.getValue();\n\n    // Update property value\n    this.value = value;\n\n    // Write to UI element (DOM only)\n    this.writeValue(value);\n\n    // Emit event if not silent\n    if (options?.silent === false) {\n      const payload = this.getEventPayload(value, oldValue, options.action || 'change');\n      this.emit('change', { detail: payload });\n    }\n  }\n\n  /**\n   * Reset field to specified value or default value\n   *\n   * @param value Value to reset to, defaults to defaultValue prop\n   * @param options.silent If false, will emit reset event (default: true)\n   */\n  public reset(value?: TValue, options?: { silent?: boolean }): void {\n    const resetValue = value !== undefined ? value : this.defaultValue;\n    this.setValue(resetValue as TValue, { ...options, action: 'reset' });\n  }\n\n  /**\n   * Clear the field value\n   *\n   * @param options.silent If false, will emit clear event (default: true)\n   */\n  public clear(options?: { silent?: boolean }): void {\n    this.setValue('' as TValue, { ...options, action: 'clear' });\n  }\n\n  /**\n   * Handle clear button click\n   * Clears the field and dispatches event\n   */\n  protected onClear(): void {\n    this.clear({ silent: false });\n  }\n\n  /**\n   * Handle reset button click\n   * Resets to default value and dispatches event\n   */\n  protected onReset(): void {\n    this.reset(undefined, { silent: false });\n  }\n}\n\nexport default AeicoField;\nexport type AeicoFieldProps = InferProps<typeof AeicoField>;\n", "import { AeicoElement } from 'aeico';\n\nconst TAG_NAME_PREFIX = 'ae';\n\n/**\n * AeicoComponent is the base class for all built-in Aeico components.\n */\nclass AeicoComponent extends AeicoElement {\n  static define(name: string) {\n    const prefix = `${TAG_NAME_PREFIX}-`;\n\n    const tagName = name.startsWith(prefix) ? name : `${prefix}${name}`;\n\n    super.define(tagName);\n  }\n}\n\nexport default AeicoComponent;\n", "import AeicoField from '../aeico-field';\nimport type { InferProps } from 'aeico';\nimport { html, tags } from 'aeico';\nimport type {\n  SelectOptionValue,\n  SelectOption,\n  SelectOptions,\n  SelectPosition,\n  SelectMultiValue,\n} from './defines';\nimport style from '../styles/components/select.css';\nimport variables from '../styles/variables.css';\nimport sizeCSS from '../styles/size.css';\nimport fieldLabelCSS from '../styles/components/field-label.css';\nimport actionButtonCSS from '../styles/components/action-button.css';\nimport SelectOptionElement from './select-option';\nimport '../tag/tag';\nimport { prop } from 'aeico';\n\n/**\n * Select component supporting single and multi-select modes, with options provided via both props and slots.\n * - `options` prop accepts an array of strings or objects with `value` and `label` for programmatic options.\n * - Slot content allows for declarative options using `<ae-select-option>` elements.\n * @example\n * <ae-select placeholder=\"Choose an option\" position=\"bottom\">\n *   <ae-select-option value=\"1\" label=\"Option 1\">Option 1</ae-select-option>\n *   <ae-select-option value=\"2\" label=\"Option 2\">Option 2</ae-select-option>\n * </ae-select>\n *\n */\nclass Select extends AeicoField<SelectOptionValue | SelectMultiValue> {\n  protected fieldElement: HTMLInputElement | null = null;\n  private _isOpen = false;\n  private _triggerEl: HTMLElement | null = null;\n  private _dropdownEl: HTMLElement | null = null;\n  private _slotEl: HTMLSlotElement | null = null;\n  private _slotOptionData: Array<{ value: string; label: string }> = [];\n  private _selectedListEl: HTMLElement | null = null;\n\n  @prop({ type: Boolean, observe: false, reflect: false })\n  accessor _expanded: boolean = false;\n\n  @prop({ type: Array })\n  accessor options: SelectOptions | undefined;\n\n  @prop({ type: String })\n  accessor position: SelectPosition | undefined;\n\n  @prop({ type: String })\n  accessor placeholder: string | undefined;\n\n  @prop({ type: Boolean })\n  accessor multiple: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor expandable: boolean = false;\n\n  // Override base class value prop to support both string and array (multi-select).\n  // Uses field decorator (not accessor) because TypeScript TS2611 disallows overriding\n  // a parent class data property (declare value?) with an accessor in a subclass.\n  @prop({\n    type: String,\n    parser: (v) => {\n      if (v === null || v === undefined) return undefined;\n      try {\n        return JSON.parse(v);\n      } catch {\n        return v;\n      }\n    },\n    formatter: (v) => {\n      if (v === null || v === undefined) return '';\n      if (Array.isArray(v)) return JSON.stringify(v);\n      // eslint-disable-next-line @typescript-eslint/no-base-to-string\n      return String(v);\n    },\n  })\n  override value: SelectOptionValue | SelectMultiValue | undefined = undefined;\n\n  // Override base class defaultValue so arrays are JSON-serialized to the attribute,\n  // matching the value prop's parser/formatter. Without this override, setting\n  // defaultValue = ['a', 'b'] would be serialized as String(['a','b']) = \"a,b\",\n  // and reset() would restore a single string \"a,b\" instead of the array.\n  @prop({\n    type: String,\n    parser: (v) => {\n      if (v === null || v === undefined) return undefined;\n      try {\n        return JSON.parse(v);\n      } catch {\n        return v;\n      }\n    },\n    formatter: (v) => {\n      if (v === null || v === undefined) return '';\n      if (Array.isArray(v)) return JSON.stringify(v);\n      // eslint-disable-next-line @typescript-eslint/no-base-to-string\n      return String(v);\n    },\n  })\n  override defaultValue: SelectOptionValue | SelectMultiValue | undefined = undefined;\n\n  protected static styles = [variables, sizeCSS, fieldLabelCSS, actionButtonCSS, style];\n\n  protected writeValue(_value: SelectOptionValue | SelectMultiValue): void {\n    // Reactive re-render via this.value prop change handles the display update\n  }\n\n  protected getValue(): SelectOptionValue | SelectMultiValue {\n    if (this.multiple) return this._getMultiValues();\n\n    return this.value || '';\n  }\n\n  private _getMultiValues(): SelectMultiValue {\n    if (Array.isArray(this.value)) return this.value;\n    if (this.value != null && this.value !== '') return [this.value];\n\n    return [];\n  }\n\n  protected onDisabledChanged(_newValue: boolean): void {\n    // disabled is a reactive prop - render() already picks it up automatically\n  }\n\n  protected onUpdated(changedProps: Map<string, unknown>): void {\n    super.onUpdated(changedProps);\n    if (!this.multiple || this.expandable) {\n      if (this._expanded) this._expanded = false;\n      return;\n    }\n    const list = this._selectedListEl;\n    if (!list) return;\n    const overflowing = list.scrollWidth > list.clientWidth + 1;\n    if (overflowing !== this._expanded) this._expanded = overflowing;\n  }\n\n  private _findLabel(value: SelectOptionValue): string {\n    const strVal = String(value);\n    if (Array.isArray(this.options)) {\n      for (const opt of this.options) {\n        if (this._isSelectOption(opt)) {\n          if (String(opt.value) === strVal) return opt.label;\n        } else {\n          if (String(opt) === strVal) return strVal;\n        }\n      }\n    }\n\n    for (const opt of this._slotOptionData) {\n      if (opt.value === strVal) return opt.label;\n    }\n\n    return strVal;\n  }\n\n  private _onSlotChange(): void {\n    if (!this._slotEl) return;\n    const data: Array<{ value: string; label: string }> = [];\n    for (const el of this._slotEl.assignedElements({ flatten: true })) {\n      if (el.tagName.toLowerCase() !== 'ae-select-option') continue;\n      const optEl = el as SelectOptionElement;\n      data.push({\n        value: optEl.value ?? el.getAttribute('value') ?? '',\n        label: optEl.label || el.textContent?.trim() || '',\n      });\n    }\n    this._slotOptionData = data;\n    this.update();\n  }\n\n  private _toggleDropdown(): void {\n    if (this._isOpen) {\n      this._closeDropdown();\n    } else {\n      this._openDropdown();\n    }\n  }\n\n  private _openDropdown(): void {\n    this._isOpen = true;\n    this._syncOpenState();\n  }\n\n  private _closeDropdown(): void {\n    this._isOpen = false;\n    this._syncOpenState();\n  }\n\n  private _syncOpenState(): void {\n    this._triggerEl?.classList.toggle('open', this._isOpen);\n    this._dropdownEl?.classList.toggle('open', this._isOpen);\n  }\n\n  private readonly _handleOutsideClick = (e: Event): void => {\n    if (!e.composedPath().includes(this)) {\n      this._closeDropdown();\n    }\n  };\n\n  private readonly _handleOptionSelect = (e: Event): void => {\n    const { value, label } = (e as CustomEvent<{ value: string; label: string }>).detail;\n    if (!this._slotOptionData.find((o) => o.value === value)) {\n      this._slotOptionData = [\n        ...this._slotOptionData.filter((o) => o.value !== value),\n        { value, label },\n      ];\n    }\n    if (this.multiple) {\n      const current = this._getMultiValues();\n      const idx = current.findIndex((v) => String(v) === value);\n      const next: SelectMultiValue =\n        idx >= 0 ? current.filter((_, i) => i !== idx) : [...current, value];\n\n      this.setValue(next, { silent: false, action: 'change' });\n    } else {\n      this.setValue(value, { silent: false, action: 'change' });\n      this._closeDropdown();\n    }\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleOutsideClick);\n    this.addEventListener('selectoption', this._handleOptionSelect);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._handleOutsideClick);\n    this.removeEventListener('selectoption', this._handleOptionSelect);\n  }\n\n  private _syncSlotOptionsSelected(): void {\n    if (!this._slotEl) return;\n    const multiValues = this._getMultiValues();\n    for (const el of this._slotEl.assignedElements({ flatten: true })) {\n      if (el.tagName.toLowerCase() !== 'ae-select-option') continue;\n      const optEl = el as SelectOptionElement;\n      const optVal = optEl.value ?? el.getAttribute('value') ?? '';\n      const isSelected = this.multiple\n        ? multiValues.some((v) => String(v) === optVal)\n        : this.value != null && this.value !== '' && String(this.value) === optVal;\n      // undefined triggers removeAttribute via reactive setter\n      // (null would work too but undefined is type-safe for boolean | undefined)\n      optEl.selected = isSelected ? true : undefined;\n    }\n  }\n\n  render() {\n    const position = this.position || 'bottom';\n    const multiValues = this.multiple ? this._getMultiValues() : [];\n    const hasMultiSelection = this.multiple && multiValues.length > 0;\n    const selectedLabel =\n      !this.multiple && this.value != null && this.value !== ''\n        ? this._findLabel(this.value as SelectOptionValue)\n        : '';\n    const isDisabled = Boolean(this.disabled);\n    this._selectedListEl = null;\n\n    this._syncSlotOptionsSelected();\n\n    return html(({ div, span, slot }) => {\n      const id = this.getFieldId();\n      this.renderLabel(id);\n      div(\n        {\n          id,\n          'aria-labelledby': this.label ? `${id}-label` : undefined,\n          className: 'container field-body',\n        },\n        () => {\n          this._triggerEl = div(\n            {\n              className: `trigger${this._isOpen ? ' open' : ''}${isDisabled ? ' disabled' : ''}`,\n              '@click': () => {\n                if (isDisabled) return;\n\n                this._toggleDropdown();\n              },\n            },\n            () => {\n              if (this.multiple) {\n                if (hasMultiSelection) {\n                  this._selectedListEl = div(\n                    {\n                      className: `selected-list${!this.expandable ? ' selected-list--clipped' : ''}`,\n                    },\n                    () => {\n                      for (const v of multiValues) {\n                        const lbl = this._findLabel(v);\n                        tags.aeTag({\n                          key: `sel-${v}`,\n                          color: 'default',\n                          variant: 'faint',\n                          dismissible: true,\n                          disabled: isDisabled,\n                          textContent: lbl,\n                          '@dismiss': (e: Event) => {\n                            e.stopPropagation();\n                            if (isDisabled) return;\n\n                            const next = multiValues.filter((item) => String(item) !== String(v));\n                            this.setValue(next, { silent: false, action: 'change' });\n                          },\n                        });\n                      }\n                    },\n                  );\n                  if (!this.expandable && this._expanded) {\n                    span({ className: 'overflow-indicator', textContent: '\u2026' });\n                  }\n                } else {\n                  span({ className: 'value placeholder', textContent: this.placeholder || '' });\n                }\n              } else {\n                if (selectedLabel) {\n                  span({ className: 'value', textContent: selectedLabel });\n                } else {\n                  span({ className: 'value placeholder', textContent: this.placeholder || '' });\n                }\n              }\n              span({ className: 'arrow', textContent: '\u25BE' });\n            },\n          );\n\n          this._dropdownEl = div(\n            {\n              className: `dropdown position-${position}${this._isOpen ? ' open' : ''}`,\n            },\n            () => {\n              this._renderProgrammaticOptions();\n              this._slotEl = slot({\n                '@slotchange': () => this._onSlotChange(),\n              });\n            },\n          );\n\n          this.renderActionButtons();\n        },\n      );\n      this.renderHelperText();\n      this.renderError();\n\n      // Visually-hidden input so native form constraint validation works for `required`.\n      // type=\"text\" (not \"hidden\") is required - type=\"hidden\" is exempt from constraint validation.\n      const currentValue =\n        this.value != null &&\n        this.value !== '' &&\n        !(Array.isArray(this.value) && this.value.length === 0)\n          ? String(this.value)\n          : '';\n      this.fieldElement = tags.input({\n        key: 'validation-input',\n        type: 'text',\n        'aria-hidden': 'true',\n        tabIndex: -1,\n        required: Boolean(this.required),\n        value: currentValue,\n        style: {\n          position: 'absolute',\n          width: '0',\n          height: '0',\n          opacity: '0',\n          margin: '0',\n          padding: '0',\n          border: '0',\n          pointerEvents: 'none',\n          overflow: 'hidden',\n        },\n      });\n    });\n  }\n\n  private _renderProgrammaticOptions(): void {\n    if (!Array.isArray(this.options)) return;\n\n    const { aeSelectOption } = tags;\n    const multiValues = this.multiple ? this._getMultiValues() : [];\n    for (const opt of this.options) {\n      if (this._isSelectOption(opt)) {\n        const isSelected = this.multiple\n          ? multiValues.some((v) => String(v) === String(opt.value))\n          : this.value != null && String(opt.value) === String(this.value);\n        aeSelectOption({\n          key: `opt-${opt.value}`,\n          value: String(opt.value),\n          label: opt.label,\n          textContent: opt.label,\n          selected: isSelected ? true : undefined,\n        });\n      } else {\n        const isSelected = this.multiple\n          ? multiValues.some((v) => String(v) === String(opt))\n          : this.value != null && String(opt) === String(this.value);\n        aeSelectOption({\n          key: `opt-${opt}`,\n          value: String(opt),\n          textContent: String(opt),\n          selected: isSelected ? true : undefined,\n        });\n      }\n    }\n  }\n\n  private _isSelectOption(option: unknown): option is SelectOption {\n    return (\n      option !== null &&\n      typeof option === 'object' &&\n      typeof (option as SelectOption).label === 'string' &&\n      (typeof (option as SelectOption).value === 'string' ||\n        typeof (option as SelectOption).value === 'number')\n    );\n  }\n}\n\nSelect.define('select');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-select': Select;\n  }\n}\n\nexport default Select;\nexport type SelectProps = InferProps<typeof Select>;\n", "export default \":host {\\n  display: block;\\n  flex: 1;\\n  min-width: 0;\\n  font-size: var(--ae-size-base);\\n\\n  /* Layout variables */\\n  --select-field-gap: 2px;\\n\\n  /* Trigger variables */\\n  --select-font-size: 1em;\\n  --select-padding: 0.333em 0.583em;\\n  --select-border-width: 1px;\\n  --select-transition: border-color 0.12s, background 0.12s;\\n\\n  /* Arrow */\\n  --select-arrow-size: 0.75em;\\n\\n  /* Dropdown */\\n  --select-dropdown-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\\n  --select-dropdown-max-height: 240px;\\n  --select-dropdown-z-index: 1000;\\n}\\n\\n.container {\\n  display: flex;\\n  align-items: center;\\n  gap: var(--select-field-gap);\\n  width: 100%;\\n  position: relative;\\n}\\n\\n.trigger {\\n  flex: 1;\\n  min-width: 0;\\n  display: flex;\\n  align-items: center;\\n  flex-wrap: wrap;\\n  gap: 0.333em;\\n  font-size: var(--select-font-size);\\n  padding: var(--select-padding);\\n  border: var(--select-border-width) solid var(--ae-border-subtle);\\n  border-radius: var(--ae-border-radius, var(--ae-radius-xs));\\n  background: var(--ae-surface-base);\\n  color: var(--ae-color-text-muted);\\n  cursor: pointer;\\n  transition: var(--select-transition);\\n  user-select: none;\\n  outline: none;\\n  box-sizing: border-box;\\n}\\n\\n.trigger:hover:not(.disabled) {\\n  border-color: var(--ae-border-default);\\n  background: var(--ae-surface-raised);\\n}\\n\\n.trigger.open {\\n  border-color: var(--ae-border-focus);\\n  background: var(--ae-surface-raised);\\n}\\n\\n.trigger.disabled {\\n  opacity: 0.5;\\n  cursor: default;\\n  pointer-events: none;\\n}\\n\\n/* Error state */\\n:host([error]) .trigger {\\n  border-color: var(--field-error-color, var(--ae-red));\\n}\\n\\n:host([error]) .trigger:hover:not(.disabled),\\n:host([error]) .trigger.open {\\n  border-color: var(--field-error-color, var(--ae-red));\\n}\\n\\n.value {\\n  flex: 1;\\n  min-width: 0;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n\\n.placeholder {\\n  color: var(--ae-color-text-disabled);\\n}\\n\\n.selected-list {\\n  flex: 1;\\n  min-width: 0;\\n  display: flex;\\n  flex-wrap: wrap;\\n  gap: 4px;\\n  align-items: center;\\n  padding: 2px 0;\\n}\\n\\n/* Non-expandable (default): single-row, clip overflow */\\n.trigger:has(.selected-list--clipped) {\\n  flex-wrap: nowrap;\\n}\\n\\n.selected-list--clipped {\\n  flex-wrap: nowrap;\\n  overflow: hidden;\\n}\\n\\n.overflow-indicator {\\n  flex-shrink: 0;\\n  align-self: center;\\n  padding: 1px 6px;\\n  background: color-mix(in srgb, var(--ae-color-primary) 12%, transparent);\\n  color: var(--ae-color-primary);\\n  border: 1px solid color-mix(in srgb, var(--ae-color-primary) 30%, transparent);\\n  border-radius: var(--ae-border-radius, var(--ae-radius-xs));\\n  font-size: 0.82em;\\n  line-height: 1.6;\\n  cursor: default;\\n  user-select: none;\\n}\\n\\n.arrow {\\n  flex-shrink: 0;\\n  align-self: center;\\n  font-size: var(--select-arrow-size);\\n  color: var(--ae-color-text-muted);\\n  transition: transform 0.12s;\\n  pointer-events: none;\\n  line-height: 1;\\n}\\n\\n.trigger.open .arrow {\\n  transform: rotate(180deg);\\n}\\n\\n.dropdown {\\n  display: none;\\n  position: absolute;\\n  z-index: var(--select-dropdown-z-index);\\n  background: var(--ae-surface-overlay);\\n  border: 1px solid var(--ae-border-default);\\n  border-radius: var(--ae-border-radius, var(--ae-radius-xs));\\n  box-shadow: var(--select-dropdown-shadow);\\n  max-height: var(--select-dropdown-max-height);\\n  overflow-y: auto;\\n  min-width: 100%;\\n  box-sizing: border-box;\\n}\\n\\n.dropdown.open {\\n  display: block;\\n}\\n\\n.dropdown.position-bottom {\\n  top: 100%;\\n  left: 0;\\n  margin-top: 2px;\\n}\\n\\n.dropdown.position-top {\\n  bottom: 100%;\\n  left: 0;\\n  margin-bottom: 2px;\\n}\\n\\n.dropdown.position-left {\\n  right: 100%;\\n  top: 0;\\n  margin-right: 2px;\\n}\\n\\n.dropdown.position-right {\\n  left: 100%;\\n  top: 0;\\n  margin-left: 2px;\\n}\\n\\n.container:has(.action-controls) .trigger {\\n  border-radius: var(--ae-border-radius, var(--ae-radius-xs)) 0 0 var(--ae-border-radius, var(--ae-radius-xs));\\n}\\n\"", "export default \":root,\\n:host {\\n  --ae-font-sans-serif: system-ui, -apple-system, \\\"Segoe UI\\\", Roboto, \\\"Helvetica Neue\\\",\\n    \\\"Noto Sans\\\", \\\"Liberation Sans\\\", Arial, sans-serif,\\n    \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\";\\n  --ae-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,\\n    \\\"Liberation Mono\\\", \\\"Courier New\\\", monospace;\\n  font-family: var(--ae-font-sans-serif);\\n  --ae-blue:   #0e639c;\\n  --ae-green:  #28a745;\\n  --ae-red:    #dc3545;\\n  --ae-yellow: #ffc107;\\n  --ae-cyan:   #17a2b8;\\n  --ae-gray:   #6e6e6e;\\n  --ae-slate:  #64748b;\\n  --ae-dark:   #343a40;\\n  --ae-light:  #f8f9fa;\\n}\\n\\n:root,\\n:host {\\n  /* Blue */\\n  --ae-blue-100: color-mix(in srgb, var(--ae-blue) 20%, white);\\n  --ae-blue-200: color-mix(in srgb, var(--ae-blue) 40%, white);\\n  --ae-blue-300: color-mix(in srgb, var(--ae-blue) 60%, white);\\n  --ae-blue-400: color-mix(in srgb, var(--ae-blue) 80%, white);\\n  --ae-blue-500: var(--ae-blue);\\n  --ae-blue-600: color-mix(in srgb, var(--ae-blue) 80%, black);\\n  --ae-blue-700: color-mix(in srgb, var(--ae-blue) 60%, black);\\n  --ae-blue-800: color-mix(in srgb, var(--ae-blue) 40%, black);\\n  --ae-blue-900: color-mix(in srgb, var(--ae-blue) 20%, black);\\n\\n  /* Green */\\n  --ae-green-100: color-mix(in srgb, var(--ae-green) 20%, white);\\n  --ae-green-200: color-mix(in srgb, var(--ae-green) 40%, white);\\n  --ae-green-300: color-mix(in srgb, var(--ae-green) 60%, white);\\n  --ae-green-400: color-mix(in srgb, var(--ae-green) 80%, white);\\n  --ae-green-500: var(--ae-green);\\n  --ae-green-600: color-mix(in srgb, var(--ae-green) 80%, black);\\n  --ae-green-700: color-mix(in srgb, var(--ae-green) 60%, black);\\n  --ae-green-800: color-mix(in srgb, var(--ae-green) 40%, black);\\n  --ae-green-900: color-mix(in srgb, var(--ae-green) 20%, black);\\n\\n  /* Red */\\n  --ae-red-100: color-mix(in srgb, var(--ae-red) 20%, white);\\n  --ae-red-200: color-mix(in srgb, var(--ae-red) 40%, white);\\n  --ae-red-300: color-mix(in srgb, var(--ae-red) 60%, white);\\n  --ae-red-400: color-mix(in srgb, var(--ae-red) 80%, white);\\n  --ae-red-500: var(--ae-red);\\n  --ae-red-600: color-mix(in srgb, var(--ae-red) 80%, black);\\n  --ae-red-700: color-mix(in srgb, var(--ae-red) 60%, black);\\n  --ae-red-800: color-mix(in srgb, var(--ae-red) 40%, black);\\n  --ae-red-900: color-mix(in srgb, var(--ae-red) 20%, black);\\n\\n  /* Yellow */\\n  --ae-yellow-100: color-mix(in srgb, var(--ae-yellow) 20%, white);\\n  --ae-yellow-200: color-mix(in srgb, var(--ae-yellow) 40%, white);\\n  --ae-yellow-300: color-mix(in srgb, var(--ae-yellow) 60%, white);\\n  --ae-yellow-400: color-mix(in srgb, var(--ae-yellow) 80%, white);\\n  --ae-yellow-500: var(--ae-yellow);\\n  --ae-yellow-600: color-mix(in srgb, var(--ae-yellow) 80%, black);\\n  --ae-yellow-700: color-mix(in srgb, var(--ae-yellow) 60%, black);\\n  --ae-yellow-800: color-mix(in srgb, var(--ae-yellow) 40%, black);\\n  --ae-yellow-900: color-mix(in srgb, var(--ae-yellow) 20%, black);\\n\\n  /* Cyan */\\n  --ae-cyan-100: color-mix(in srgb, var(--ae-cyan) 20%, white);\\n  --ae-cyan-200: color-mix(in srgb, var(--ae-cyan) 40%, white);\\n  --ae-cyan-300: color-mix(in srgb, var(--ae-cyan) 60%, white);\\n  --ae-cyan-400: color-mix(in srgb, var(--ae-cyan) 80%, white);\\n  --ae-cyan-500: var(--ae-cyan);\\n  --ae-cyan-600: color-mix(in srgb, var(--ae-cyan) 80%, black);\\n  --ae-cyan-700: color-mix(in srgb, var(--ae-cyan) 60%, black);\\n  --ae-cyan-800: color-mix(in srgb, var(--ae-cyan) 40%, black);\\n  --ae-cyan-900: color-mix(in srgb, var(--ae-cyan) 20%, black);\\n\\n  /* Gray  (neutral - base #6e6e6e) */\\n  --ae-gray-100: color-mix(in srgb, var(--ae-gray) 20%, white);\\n  --ae-gray-200: color-mix(in srgb, var(--ae-gray) 40%, white);\\n  --ae-gray-300: color-mix(in srgb, var(--ae-gray) 60%, white);\\n  --ae-gray-400: color-mix(in srgb, var(--ae-gray) 80%, white);\\n  --ae-gray-500: var(--ae-gray);\\n  --ae-gray-600: color-mix(in srgb, var(--ae-gray) 80%, black);\\n  --ae-gray-700: color-mix(in srgb, var(--ae-gray) 60%, black);\\n  --ae-gray-800: color-mix(in srgb, var(--ae-gray) 40%, black);\\n  --ae-gray-900: color-mix(in srgb, var(--ae-gray) 20%, black);\\n\\n  /* Slate  (blue-gray - base #64748b, used for 'secondary') */\\n  --ae-slate-100: color-mix(in srgb, var(--ae-slate) 20%, white);\\n  --ae-slate-200: color-mix(in srgb, var(--ae-slate) 40%, white);\\n  --ae-slate-300: color-mix(in srgb, var(--ae-slate) 60%, white);\\n  --ae-slate-400: color-mix(in srgb, var(--ae-slate) 80%, white);\\n  --ae-slate-500: var(--ae-slate);\\n  --ae-slate-600: color-mix(in srgb, var(--ae-slate) 80%, black);\\n  --ae-slate-700: color-mix(in srgb, var(--ae-slate) 60%, black);\\n  --ae-slate-800: color-mix(in srgb, var(--ae-slate) 40%, black);\\n  --ae-slate-900: color-mix(in srgb, var(--ae-slate) 20%, black);\\n\\n  /* Dark  (base #343a40) */\\n  --ae-dark-100: color-mix(in srgb, var(--ae-dark) 20%, white);\\n  --ae-dark-200: color-mix(in srgb, var(--ae-dark) 40%, white);\\n  --ae-dark-300: color-mix(in srgb, var(--ae-dark) 60%, white);\\n  --ae-dark-400: color-mix(in srgb, var(--ae-dark) 80%, white);\\n  --ae-dark-500: var(--ae-dark);\\n  --ae-dark-600: color-mix(in srgb, var(--ae-dark) 80%, black);\\n  --ae-dark-700: color-mix(in srgb, var(--ae-dark) 60%, black);\\n  --ae-dark-800: color-mix(in srgb, var(--ae-dark) 40%, black);\\n  --ae-dark-900: color-mix(in srgb, var(--ae-dark) 20%, black);\\n\\n  /* Light  (base #f8f9fa) */\\n  --ae-light-100: color-mix(in srgb, var(--ae-light) 20%, white);\\n  --ae-light-200: color-mix(in srgb, var(--ae-light) 40%, white);\\n  --ae-light-300: color-mix(in srgb, var(--ae-light) 60%, white);\\n  --ae-light-400: color-mix(in srgb, var(--ae-light) 80%, white);\\n  --ae-light-500: var(--ae-light);\\n  --ae-light-600: color-mix(in srgb, var(--ae-light) 80%, black);\\n  --ae-light-700: color-mix(in srgb, var(--ae-light) 60%, black);\\n  --ae-light-800: color-mix(in srgb, var(--ae-light) 40%, black);\\n  --ae-light-900: color-mix(in srgb, var(--ae-light) 20%, black);\\n}\\n\\n:root,\\n:host {\\n  /* Hover / active mix (light default - overridden in \u00A7 6 dark) */\\n  --ae-color-mix-hover:  black 10%;\\n  --ae-color-mix-active: black 20%;\\n\\n  /* Primary (Blue) */\\n  --ae-color-primary:          var(--ae-blue-500);\\n  --ae-color-primary-hover:    color-mix(in srgb, var(--ae-color-primary), var(--ae-color-mix-hover));\\n  --ae-color-primary-active:   color-mix(in srgb, var(--ae-color-primary), var(--ae-color-mix-active));\\n  --ae-color-primary-disabled: color-mix(in srgb, var(--ae-blue) 50%, var(--ae-gray-500));\\n\\n  /* Success (Green) */\\n  --ae-color-success:          var(--ae-green-500);\\n  --ae-color-success-hover:    color-mix(in srgb, var(--ae-color-success), var(--ae-color-mix-hover));\\n  --ae-color-success-active:   color-mix(in srgb, var(--ae-color-success), var(--ae-color-mix-active));\\n  --ae-color-success-disabled: color-mix(in srgb, var(--ae-green) 50%, var(--ae-gray-500));\\n\\n  /* Danger (Red) */\\n  --ae-color-danger:           var(--ae-red-500);\\n  --ae-color-danger-hover:     color-mix(in srgb, var(--ae-color-danger), var(--ae-color-mix-hover));\\n  --ae-color-danger-active:    color-mix(in srgb, var(--ae-color-danger), var(--ae-color-mix-active));\\n  --ae-color-danger-disabled:  color-mix(in srgb, var(--ae-red) 50%, var(--ae-gray-500));\\n\\n  /* Warning (Yellow) */\\n  --ae-color-warning:          var(--ae-yellow-500);\\n  --ae-color-warning-hover:    color-mix(in srgb, var(--ae-color-warning), var(--ae-color-mix-hover));\\n  --ae-color-warning-active:   color-mix(in srgb, var(--ae-color-warning), var(--ae-color-mix-active));\\n  --ae-color-warning-disabled: color-mix(in srgb, var(--ae-yellow) 50%, var(--ae-gray-500));\\n\\n  /* Info (Cyan) */\\n  --ae-color-info:             var(--ae-cyan-500);\\n  --ae-color-info-hover:       color-mix(in srgb, var(--ae-color-info), var(--ae-color-mix-hover));\\n  --ae-color-info-active:      color-mix(in srgb, var(--ae-color-info), var(--ae-color-mix-active));\\n  --ae-color-info-disabled:    color-mix(in srgb, var(--ae-cyan) 50%, var(--ae-gray-500));\\n\\n  /* Secondary (Slate) - base differs per theme, overridden in \u00A7 6 dark */\\n  --ae-color-secondary:        var(--ae-slate-500);\\n  --ae-color-secondary-hover:  color-mix(in srgb, var(--ae-color-secondary), var(--ae-color-mix-hover));\\n  --ae-color-secondary-active: color-mix(in srgb, var(--ae-color-secondary), var(--ae-color-mix-active));\\n  --ae-color-secondary-text:   var(--ae-slate-700);\\n}\\n\\n\\n.theme-light,\\n:root[theme=\\\"light\\\"],\\n:host([theme=\\\"light\\\"]),\\n:host-context([theme=\\\"light\\\"]),\\n:where(:root),\\n:host {\\n  color-scheme: light;\\n\\n  /* Gray UI aliases - lighter palette steps for elements on white background */\\n  --ae-color-gray-dark:     var(--ae-gray-400);\\n  --ae-color-gray:          var(--ae-gray-300);\\n  --ae-color-gray-light:    var(--ae-gray-200);\\n  --ae-color-gray-lighter:  var(--ae-gray-100);\\n  --ae-color-gray-lightest: color-mix(in srgb, var(--ae-gray) 10%, white);\\n\\n  /* Text */\\n  --ae-color-text-main:       var(--ae-dark-700);\\n  --ae-color-text-muted:      var(--ae-gray-600);\\n  --ae-color-text-disabled:   var(--ae-gray-300);\\n  --ae-color-text-link:       var(--ae-blue-500);\\n  --ae-color-text-link-hover: var(--ae-blue-700);\\n\\n  /* Surfaces */\\n  --ae-surface-sunken:  var(--ae-light-500);\\n  --ae-surface-base:    white;\\n  --ae-surface-raised:  var(--ae-light-500);\\n  --ae-surface-overlay: white;\\n  --ae-color-overlay:   rgba(0, 0, 0, 0.4);\\n\\n  /* Borders */\\n  --ae-border-subtle:   rgba(0, 0, 0, 0.08);\\n  --ae-border-default:  rgba(0, 0, 0, 0.15);\\n  --ae-border-hover:    rgba(0, 0, 0, 0.25);\\n  --ae-border-focus:    var(--ae-color-primary);\\n  --ae-border-disabled: rgba(0, 0, 0, 0.06);\\n\\n  /* Focus ring */\\n  --ae-focus-ring:    rgb(from var(--ae-blue) r g b / 0.30);\\n  --ae-focus-ring-sm: rgb(from var(--ae-blue) r g b / 0.15);\\n\\n  /* Subtle intent tokens - light context */\\n  --ae-color-primary-bg-subtle:       rgb(from var(--ae-blue) r g b / 0.08);\\n  --ae-color-primary-border-subtle:   rgb(from var(--ae-blue) r g b / 0.40);\\n  --ae-color-primary-text-emphasis:   var(--ae-blue-700);\\n\\n  --ae-color-success-bg-subtle:       rgb(from var(--ae-green) r g b / 0.08);\\n  --ae-color-success-border-subtle:   rgb(from var(--ae-green) r g b / 0.40);\\n  --ae-color-success-text-emphasis:   var(--ae-green-700);\\n\\n  --ae-color-danger-bg-subtle:        rgb(from var(--ae-red) r g b / 0.08);\\n  --ae-color-danger-border-subtle:    rgb(from var(--ae-red) r g b / 0.40);\\n  --ae-color-danger-text-emphasis:    var(--ae-red-700);\\n\\n  --ae-color-warning-bg-subtle:       rgb(from var(--ae-yellow) r g b / 0.08);\\n  --ae-color-warning-border-subtle:   rgb(from var(--ae-yellow) r g b / 0.40);\\n  --ae-color-warning-text-emphasis:   var(--ae-yellow-700);\\n\\n  --ae-color-info-bg-subtle:          rgb(from var(--ae-cyan) r g b / 0.08);\\n  --ae-color-info-border-subtle:      rgb(from var(--ae-cyan) r g b / 0.40);\\n  --ae-color-info-text-emphasis:      var(--ae-cyan-700);\\n\\n  --ae-color-secondary-bg-subtle:     rgb(from var(--ae-slate) r g b / 0.08);\\n  --ae-color-secondary-border-subtle: rgb(from var(--ae-slate) r g b / 0.40);\\n  --ae-color-secondary-text-emphasis: var(--ae-slate-700);\\n\\n  --ae-color-light-bg-subtle:         var(--ae-gray-100);   /* opaque on white: ~#e2e2e2 */\\n  --ae-color-light-border-subtle:     var(--ae-gray-200);   /* opaque on white: ~#c4c4c4 */\\n\\n  --ae-color-dark-bg-subtle:          var(--ae-dark-100);   /* opaque on white: ~#d6d8d9 */\\n  --ae-color-dark-border-subtle:      var(--ae-dark-300);   /* opaque on white: ~#85898c */\\n\\n  /* Component tokens - light defaults */\\n  --ae-action-btn-bg:          var(--ae-gray-200);\\n  --ae-action-btn-bg-hover:    var(--ae-color-primary);\\n  --ae-action-btn-color:       var(--ae-gray-600);\\n  --ae-action-btn-color-hover: white;\\n\\n  --ae-clear-btn-bg-hover:     var(--ae-color-danger);\\n  --ae-clear-btn-color-hover:  white;\\n\\n  --ae-reset-btn-border-radius: var(--ae-radius-xs);\\n  --ae-reset-btn-bg:            var(--ae-action-btn-bg);\\n  --ae-reset-btn-bg-hover:      var(--ae-action-btn-bg-hover);\\n  --ae-reset-btn-color:         var(--ae-action-btn-color);\\n  --ae-reset-btn-color-hover:   var(--ae-action-btn-color-hover);\\n  --ae-reset-btn-transition:    all 0.12s;\\n\\n  --ae-clear-btn-border-radius: var(--ae-radius-xs);\\n  --ae-clear-btn-bg:            var(--ae-action-btn-bg);\\n  --ae-clear-btn-color:         var(--ae-action-btn-color);\\n  --ae-clear-btn-transition:    all 0.12s;\\n}\\n\\n:root,\\n:host {\\n  --ae-size-scale: 1;\\n  --ae-size-base:  calc(1rem * var(--ae-size-scale));                    /* 16px */\\n  --ae-size-xl:    round(calc(var(--ae-size-l) * 1.125), 1px);           /* 23px */\\n  --ae-size-l:     round(calc(var(--ae-size-m) * 1.125 * 1.125), 1px);   /* 20px */\\n  --ae-size-m:     var(--ae-size-base);                                  /* 16px */\\n  --ae-size-s:     round(calc(var(--ae-size-m) / 1.125), 1px);           /* 14px */\\n  --ae-size-xs:    round(calc(var(--ae-size-s) / 1.125), 1px);           /* 12px */\\n  --ae-size-2xs:   round(calc(var(--ae-size-xs) / 1.125), 1px);          /* 11px */\\n  --ae-size-3xs:   round(calc(var(--ae-size-2xs) / 1.125), 1px);         /* 10px */\\n}\\n\\n/* Border-radius tokens - shared across all components */\\n:root,\\n:host {\\n  /**\\n   * Unified border-radius hook for all components.\\n   *\\n   *\\n   * Usage:\\n   *   :root { --ae-border-radius: 0; }       // global: all components square\\n   *   :root { --ae-border-radius: 999px; }   // global: all components pill\\n   *   ae-button { --ae-border-radius: 50%; } // scoped: only buttons circular\\n   *   .sidebar { --ae-border-radius: 8px; }  // scoped: everything inside .sidebar\\n   *\\n   * To restore a component to its own default:\\n   *   ae-card { --ae-border-radius: initial; }\\n   */\\n\\n  --ae-radius-square:  0;\\n  --ae-radius-xs:      2px;\\n  --ae-radius-sm:      4px;\\n  --ae-radius-md:      6px;\\n  --ae-radius-lg:      8px;\\n  --ae-radius-xl:      12px;\\n  --ae-radius-pill:    999px;\\n  --ae-radius-circle:  50%;\\n}\\n\\n/* Layout tokens - defined on :root so all light DOM elements can use them */\\n:root,\\n:host {\\n  --container-max-width: 1280px;\\n  --container-padding-x: 1.5rem;\\n}\\n\\n.theme-dark,\\n:root[theme=\\\"dark\\\"],\\n:host([theme=\\\"dark\\\"]),\\n:host-context([theme=\\\"dark\\\"]) {\\n  color-scheme: dark;\\n\\n  /* Hover / active - slightly gentler on dark backgrounds */\\n  --ae-color-mix-hover:  black 8%;\\n  --ae-color-mix-active: black 16%;\\n\\n  /* Gray UI aliases - darker palette steps for elements on dark background */\\n  --ae-color-gray-dark:     var(--ae-gray-800);\\n  --ae-color-gray:          var(--ae-gray-700);\\n  --ae-color-gray-light:    var(--ae-gray-600);\\n  --ae-color-gray-lighter:  var(--ae-gray-500);\\n  --ae-color-gray-lightest: var(--ae-gray-400);\\n\\n  /* Secondary - deeper base on dark background */\\n  --ae-color-secondary:      var(--ae-slate-700);\\n  --ae-color-secondary-text: var(--ae-slate-300);\\n\\n  /* Text */\\n  --ae-color-text-main:       white;\\n  --ae-color-text-muted:      var(--ae-gray-200);\\n  --ae-color-text-disabled:   var(--ae-gray-500);\\n  --ae-color-text-link:       var(--ae-blue-300);\\n  --ae-color-text-link-hover: var(--ae-blue-200);\\n\\n  /* Surfaces */\\n  --ae-surface-sunken:  var(--ae-gray-900);\\n  --ae-surface-base:    color-mix(in srgb, var(--ae-gray) 27%, black);\\n  --ae-surface-raised:  color-mix(in srgb, var(--ae-gray) 34%, black);\\n  --ae-surface-overlay: color-mix(in srgb, var(--ae-gray) 38%, black);\\n  --ae-color-overlay:   rgba(0, 0, 0, 0.6);\\n\\n  /* Borders */\\n  --ae-border-subtle:   rgba(255, 255, 255, 0.08);\\n  --ae-border-default:  rgba(255, 255, 255, 0.12);\\n  --ae-border-hover:    rgba(255, 255, 255, 0.20);\\n  --ae-border-focus:    var(--ae-color-primary);\\n  --ae-border-disabled: rgba(255, 255, 255, 0.06);\\n\\n  /* Focus ring */\\n  --ae-focus-ring:    rgb(from var(--ae-blue) r g b / 0.25);\\n  --ae-focus-ring-sm: rgb(from var(--ae-blue) r g b / 0.10);\\n\\n  /* Subtle intent tokens - dark context (more alpha, lighter text-emphasis) */\\n  --ae-color-primary-bg-subtle:       rgb(from var(--ae-blue) r g b / 0.10);\\n  --ae-color-primary-border-subtle:   rgb(from var(--ae-blue) r g b / 0.30);\\n  --ae-color-primary-text-emphasis:   var(--ae-blue-300);\\n\\n  --ae-color-success-bg-subtle:       rgb(from var(--ae-green) r g b / 0.10);\\n  --ae-color-success-border-subtle:   rgb(from var(--ae-green) r g b / 0.30);\\n  --ae-color-success-text-emphasis:   var(--ae-green-300);\\n\\n  --ae-color-danger-bg-subtle:        rgb(from var(--ae-red) r g b / 0.10);\\n  --ae-color-danger-border-subtle:    rgb(from var(--ae-red) r g b / 0.30);\\n  --ae-color-danger-text-emphasis:    var(--ae-red-300);\\n\\n  --ae-color-warning-bg-subtle:       rgb(from var(--ae-yellow) r g b / 0.10);\\n  --ae-color-warning-border-subtle:   rgb(from var(--ae-yellow) r g b / 0.30);\\n  --ae-color-warning-text-emphasis:   var(--ae-yellow-300);\\n\\n  --ae-color-info-bg-subtle:          rgb(from var(--ae-cyan) r g b / 0.10);\\n  --ae-color-info-border-subtle:      rgb(from var(--ae-cyan) r g b / 0.30);\\n  --ae-color-info-text-emphasis:      var(--ae-cyan-300);\\n\\n  --ae-color-secondary-bg-subtle:     rgb(from var(--ae-slate) r g b / 0.10);\\n  --ae-color-secondary-border-subtle: rgb(from var(--ae-slate) r g b / 0.30);\\n  --ae-color-secondary-text-emphasis: var(--ae-slate-300);\\n\\n  --ae-color-light-bg-subtle:         rgb(from var(--ae-light) r g b / 0.20);\\n  --ae-color-light-border-subtle:     rgb(from var(--ae-light) r g b / 0.25);\\n\\n  --ae-color-dark-bg-subtle:          rgb(from var(--ae-dark) r g b / 0.30);\\n  --ae-color-dark-border-subtle:      rgb(from var(--ae-dark) r g b / 0.50);\\n\\n  /* Component tokens - dark overrides */\\n  --ae-action-btn-bg:          var(--ae-color-gray);\\n  --ae-action-btn-bg-hover:    color-mix(in srgb, var(--ae-blue) 25%, var(--ae-gray-800));\\n  --ae-action-btn-color:       var(--ae-gray-400);\\n  --ae-action-btn-color-hover: var(--ae-cyan-300);\\n  --ae-clear-btn-bg-hover:     color-mix(in srgb, var(--ae-red) 25%, var(--ae-gray-800));\\n  --ae-clear-btn-color-hover:  var(--ae-red-300);\\n}\\n\"", "export default \":host([size=\\\"xs\\\"]) { font-size: var(--ae-size-xs); }\\n:host([size=\\\"sm\\\"]) { font-size: var(--ae-size-s); }\\n:host([size=\\\"md\\\"]) { font-size: var(--ae-size-m); }\\n:host([size=\\\"lg\\\"]) { font-size: var(--ae-size-l); }\\n:host([size=\\\"xl\\\"]) { font-size: var(--ae-size-xl); }\\n:host([size=\\\"3xs\\\"]) { font-size: var(--ae-size-3xs); }\\n:host([size=\\\"2xs\\\"]) { font-size: var(--ae-size-2xs); }\\n\"", "export default \":host {\\n  --field-label-gap: 4px;\\n  --field-label-col-gap: 8px;\\n  --field-label-width: 100px;\\n  --field-label-font-size: 0.875em;\\n  --field-label-color: inherit;\\n  --field-required-color: var(--ae-red, #dc3545);\\n  --field-helper-color: var(--ae-color-text-muted, #6e6e6e);\\n  --field-error-color: var(--ae-red, #dc3545);\\n}\\n\\n:host([label]) {\\n  display: flex;\\n  flex-direction: column;\\n  align-items: stretch;\\n  gap: var(--field-label-gap);\\n}\\n\\n:host([label][label-placement=\\\"left\\\"]) {\\n  display: grid;\\n  grid-template-columns: var(--field-label-width) 1fr;\\n  column-gap: var(--field-label-col-gap);\\n  row-gap: var(--field-label-gap);\\n  align-items: center;\\n}\\n\\n:host([label][label-placement=\\\"left\\\"]) .field-label {\\n  align-self: center;\\n}\\n\\n:host([label][label-placement=\\\"left\\\"]) .field-helper,\\n:host([label][label-placement=\\\"left\\\"]) .field-error {\\n  grid-column: 2;\\n}\\n\\n.field-label {\\n  font-size: var(--field-label-font-size);\\n  color: var(--field-label-color);\\n  user-select: none;\\n  line-height: 1.4;\\n}\\n\\n.field-required {\\n  color: var(--field-required-color);\\n  margin-left: 2px;\\n}\\n\\n.field-helper {\\n  font-size: 0.8em;\\n  color: var(--field-helper-color);\\n  line-height: 1.4;\\n}\\n\\n.field-error {\\n  font-size: 0.8em;\\n  color: var(--field-error-color);\\n  line-height: 1.4;\\n}\\n\\n/* Action controls container (integrated style) */\\n.action-controls {\\n  display: flex;\\n  flex-direction: row;\\n  align-items: stretch;\\n  margin-left: calc(-1 * var(--field-action-gap, 4px) - 1px);\\n  border: var(--field-action-border-width, 1px) solid var(--field-action-border-color, var(--ae-border-subtle));\\n  border-radius: 0 var(--field-action-border-radius, var(--ae-radius-xs)) var(--field-action-border-radius, var(--ae-radius-xs)) 0;\\n  overflow: hidden;\\n  flex-shrink: 0;\\n  transition: border-color 0.12s;\\n  background: var(--field-action-bg, var(--ae-surface-base));\\n  position: relative;\\n  z-index: 1;\\n  align-self: stretch;\\n}\\n\\n.action-controls .action-btn {\\n  border: none;\\n  background: transparent;\\n  color: var(--field-action-color, var(--ae-color-text-muted));\\n  font-size: 0.875em;\\n  line-height: 1;\\n  cursor: pointer;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  padding: 0 0.5em;\\n  transition: background 0.12s;\\n}\\n\\n.action-controls .action-btn:hover:not(:disabled) {\\n  background: var(--field-action-bg-hover, var(--ae-surface-raised));\\n}\\n\\n.action-controls .action-btn:active:not(:disabled) {\\n  background: var(--field-action-bg-focus, var(--ae-surface-raised));\\n}\\n\\n.action-controls .action-btn:disabled {\\n  opacity: 0.5;\\n  cursor: not-allowed;\\n}\\n\\n.action-controls .action-btn + .action-btn {\\n  border-left: var(--field-action-border-width, 1px) solid var(--field-action-border-color, var(--ae-border-subtle));\\n}\\n\\n.input-container:has(input:focus) ~ .action-controls,\\n.input-container:has(input:focus) .action-controls,\\n.container:has(.trigger.open) ~ .action-controls,\\n.container:has(.trigger.open) .action-controls {\\n  border-color: var(--field-action-border-color-focus, var(--ae-border-focus));\\n}\\n\\n.input-container:has(input:hover:not(:focus)) ~ .action-controls,\\n.input-container:has(input:hover:not(:focus)) .action-controls,\\n.container:has(.trigger:hover:not(.disabled)) ~ .action-controls,\\n.container:has(.trigger:hover:not(.disabled)) .action-controls {\\n  border-color: var(--field-action-border-color-hover, var(--ae-border-default));\\n}\\n\"", "export default \"/* Action button base styles - shared by clear-btn and reset-btn (standalone mode) */\\n.clear-btn:not(.action-btn),\\n.reset-btn:not(.action-btn) {\\n  width: 1.333em;\\n  height: 1.333em;\\n  border: none;\\n  cursor: pointer;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  flex-shrink: 0;\\n  line-height: 1;\\n}\\n\\n.clear-btn:not(.action-btn) {\\n  border-radius: var(--ae-clear-btn-border-radius);\\n  background: var(--ae-clear-btn-bg);\\n  color: var(--ae-clear-btn-color);\\n  transition: var(--ae-clear-btn-transition);\\n}\\n\\n.reset-btn:not(.action-btn) {\\n  border-radius: var(--ae-reset-btn-border-radius);\\n  background: var(--ae-reset-btn-bg);\\n  color: var(--ae-reset-btn-color);\\n  transition: var(--ae-reset-btn-transition);\\n}\\n\\n.clear-btn:not(.action-btn):hover {\\n  background: var(--ae-clear-btn-bg-hover);\\n  color: var(--ae-clear-btn-color-hover);\\n}\\n\\n.reset-btn:not(.action-btn):hover {\\n  background: var(--ae-reset-btn-bg-hover);\\n  color: var(--ae-reset-btn-color-hover);\\n}\\n\"", "export default \":host {\\n  --ae-color-solid:           var(--ae-color-gray);\\n  --ae-color-solid-hover:     color-mix(in srgb, var(--ae-color-solid), var(--ae-color-mix-hover));\\n  --ae-color-solid-active:    color-mix(in srgb, var(--ae-color-solid), var(--ae-color-mix-active));\\n  --ae-color-on-solid:        var(--ae-color-text-main);\\n  --ae-color-border:          var(--ae-color-gray);\\n  --ae-color-border-hover:    color-mix(in srgb, var(--ae-color-border), var(--ae-color-mix-hover));\\n  --ae-color-accent:          var(--ae-color-text-muted);\\n  --ae-color-accent-hover:    var(--ae-color-text-main);\\n  --ae-color-subtle:          var(--ae-border-subtle);\\n  --ae-color-subtle-hover:    var(--ae-border-default);\\n  --ae-color-bg-subtle:       var(--ae-border-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-text-muted);\\n  --ae-color-border-subtle:   var(--ae-border-default);\\n}\\n\\n:host([color=\\\"primary\\\"]) {\\n  --ae-color-solid:           var(--ae-color-primary);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-color-primary);\\n  --ae-color-accent:          var(--ae-color-text-link);\\n  --ae-color-accent-hover:    var(--ae-color-text-link-hover);\\n  --ae-color-subtle:          var(--ae-color-primary-bg-subtle);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-blue) r g b / 0.15);\\n  --ae-color-bg-subtle:       var(--ae-color-primary-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-primary-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-primary-border-subtle);\\n}\\n\\n:host([color=\\\"secondary\\\"]) {\\n  --ae-color-solid:           var(--ae-color-secondary);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-color-secondary-hover);\\n  --ae-color-accent:          var(--ae-color-secondary-text-emphasis);\\n  --ae-color-accent-hover:    var(--ae-color-text-main);\\n  --ae-color-subtle:          rgb(from var(--ae-slate) r g b / 0.06);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-slate) r g b / 0.12);\\n  --ae-color-bg-subtle:       var(--ae-color-secondary-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-secondary-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-secondary-border-subtle);\\n}\\n\\n:host([color=\\\"success\\\"]) {\\n  --ae-color-solid:           var(--ae-color-success);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-color-success);\\n  --ae-color-accent:          var(--ae-color-success-text-emphasis);\\n  --ae-color-accent-hover:    var(--ae-color-success-hover);\\n  --ae-color-subtle:          var(--ae-color-success-bg-subtle);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-green) r g b / 0.15);\\n  --ae-color-bg-subtle:       var(--ae-color-success-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-success-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-success-border-subtle);\\n}\\n\\n:host([color=\\\"danger\\\"]) {\\n  --ae-color-solid:           var(--ae-color-danger);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-color-danger);\\n  --ae-color-accent:          var(--ae-color-danger-text-emphasis);\\n  --ae-color-accent-hover:    var(--ae-color-danger-hover);\\n  --ae-color-subtle:          var(--ae-color-danger-bg-subtle);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-red) r g b / 0.15);\\n  --ae-color-bg-subtle:       var(--ae-color-danger-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-danger-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-danger-border-subtle);\\n}\\n\\n:host([color=\\\"warning\\\"]) {\\n  --ae-color-solid:           var(--ae-color-warning);\\n  --ae-color-on-solid:        var(--ae-gray-900);\\n  --ae-color-border:          var(--ae-color-warning);\\n  --ae-color-accent:          var(--ae-color-warning-text-emphasis);\\n  --ae-color-accent-hover:    var(--ae-color-warning-hover);\\n  --ae-color-subtle:          var(--ae-color-warning-bg-subtle);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-yellow) r g b / 0.15);\\n  --ae-color-bg-subtle:       var(--ae-color-warning-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-warning-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-warning-border-subtle);\\n}\\n\\n:host([color=\\\"info\\\"]) {\\n  --ae-color-solid:           var(--ae-color-info);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-color-info);\\n  --ae-color-accent:          var(--ae-color-info-text-emphasis);\\n  --ae-color-accent-hover:    var(--ae-color-info-hover);\\n  --ae-color-subtle:          var(--ae-color-info-bg-subtle);\\n  --ae-color-subtle-hover:    rgb(from var(--ae-cyan) r g b / 0.15);\\n  --ae-color-bg-subtle:       var(--ae-color-info-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-info-text-emphasis);\\n  --ae-color-border-subtle:   var(--ae-color-info-border-subtle);\\n}\\n\\n:host([color=\\\"light\\\"]) {\\n  --ae-color-solid:           var(--ae-light);\\n  --ae-color-on-solid:        var(--ae-gray-900);\\n  --ae-color-border:          var(--ae-border-hover);\\n  --ae-color-subtle:          var(--ae-color-light-bg-subtle);\\n  --ae-color-subtle-hover:    var(--ae-color-light-border-subtle);\\n  --ae-color-bg-subtle:       var(--ae-color-light-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-text-muted);\\n  --ae-color-border-subtle:   var(--ae-color-light-border-subtle);\\n}\\n\\n:host([color=\\\"dark\\\"]) {\\n  --ae-color-solid:           var(--ae-dark-500);\\n  --ae-color-on-solid:        white;\\n  --ae-color-border:          var(--ae-dark-500);\\n  --ae-color-accent:          var(--ae-color-text-main);\\n  --ae-color-accent-hover:    var(--ae-color-text-main);\\n  --ae-color-subtle:          var(--ae-color-dark-bg-subtle);\\n  --ae-color-subtle-hover:    var(--ae-color-dark-border-subtle);\\n  --ae-color-bg-subtle:       var(--ae-color-dark-bg-subtle);\\n  --ae-color-text-subtle:     var(--ae-color-text-main);\\n  --ae-color-border-subtle:   var(--ae-color-dark-border-subtle);\\n}\\n\"", "export default \":host {\\n  display: inline-flex;\\n  align-items: center;\\n}\\n\\n.tag {\\n  display: inline-flex;\\n  align-items: center;\\n  gap: 4px;\\n  font-family: inherit;\\n  font-weight: 500;\\n  white-space: nowrap;\\n  vertical-align: middle;\\n  line-height: 1.2;\\n  font-size: 1em;\\n  padding: 0.15em 0.5em 0.15em 0.6em;\\n  border-radius: var(--ae-border-radius, var(--ae-radius-sm));\\n  border: 1px solid var(--ae-color-solid);\\n  background: var(--ae-color-solid);\\n  color: var(--ae-color-on-solid);\\n  max-width: 160px;\\n  min-width: 0;\\n}\\n\\n:host([variant=\\\"outlined\\\"]) .tag {\\n  background:   transparent;\\n  border-color: var(--ae-color-border);\\n  color:        var(--ae-color-accent);\\n}\\n\\n:host([variant=\\\"faint\\\"]) .tag {\\n  background:   var(--ae-color-bg-subtle);\\n  border-color: var(--ae-color-border-subtle);\\n  color:        var(--ae-color-text-subtle);\\n}\\n\\n:host([variant=\\\"subtle\\\"]) .tag {\\n  background:   var(--ae-color-bg-subtle);\\n  border-color: transparent;\\n  color:        var(--ae-color-text-subtle);\\n}\\n\\n:host([variant=\\\"text\\\"]) .tag {\\n  background:   transparent;\\n  border-color: transparent;\\n  color:        var(--ae-color-accent);\\n  padding-left:  0;\\n  padding-right: 0;\\n}\\n\\n\\n:host([pill]) .tag { border-radius: var(--ae-radius-pill); }\\n\\n.tag-content {\\n  flex: 1;\\n  min-width: 0;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n\\n::slotted(ae-icon) { font-size: 1.1em; }\\n\\n.tag-dismiss {\\n  display: none;\\n  flex-shrink: 0;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: pointer;\\n  opacity: 0.55;\\n  line-height: 1;\\n  font-size: 1em;\\n  padding: 0 1px;\\n  border-radius: var(--ae-border-radius, var(--ae-radius-xs));\\n  background: transparent;\\n  border: none;\\n  color: inherit;\\n  font-family: inherit;\\n  transition: opacity 0.1s, background 0.1s;\\n}\\n\\n:host([dismissible]) .tag-dismiss {\\n  display: inline-flex;\\n}\\n\\n.tag-dismiss:hover {\\n  opacity: 1;\\n  background: color-mix(in srgb, currentColor 15%, transparent);\\n}\\n\\n/* disabled: button remains visible but is inert */\\n:host([disabled]) .tag-dismiss {\\n  opacity: 0.4;\\n  pointer-events: none;\\n  cursor: default;\\n}\\n\\n:host([disabled]) .tag {\\n  opacity: 0.6;\\n}\\n\"", "import type { InferProps } from 'aeico';\nimport styleVariables from '../styles/variables.css';\nimport sizeCSS from '../styles/size.css';\nimport colorCSS from '../styles/color.css';\nimport tagStyle from '../styles/components/tag.css';\nimport AeicoComponent from '../aeico-component';\nimport { html } from 'aeico';\nimport type { TagColor, TagSize, TagVariant } from './defines';\nimport { prop } from 'aeico';\n\n/**\n * Tag Component\n *\n * An inline label component with optional dismiss button.\n * Supports the same color, variant, and size options as Button.\n *\n * @example\n * ```html\n * <ae-tag color=\"primary\" variant=\"faint\">Label</ae-tag>\n * <ae-tag color=\"success\" variant=\"outlined\" dismissible>Removable</ae-tag>\n * <ae-tag color=\"danger\" size=\"sm\">\n *   <ae-icon slot=\"start\" name=\"warning\"></ae-icon>\n *   Error\n * </ae-tag>\n * ```\n */\nclass Tag extends AeicoComponent {\n  protected static styles = [styleVariables, sizeCSS, colorCSS, tagStyle];\n\n  @prop({ type: String })\n  accessor color: TagColor | undefined;\n\n  @prop({ type: String })\n  accessor variant: TagVariant | undefined;\n\n  @prop({ type: String })\n  accessor size: TagSize | undefined;\n\n  @prop({ type: Boolean })\n  accessor dismissible: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor disabled: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor pill: boolean = false;\n\n  protected render() {\n    return html(({ span, button, slot }) => {\n      span({ part: 'tag', className: 'tag' }, () => {\n        slot({ name: 'start' });\n        span({ className: 'tag-content' }, () => {\n          slot();\n        });\n        slot({ name: 'end' });\n        button(\n          {\n            type: 'button',\n            className: 'tag-dismiss',\n            'aria-label': 'dismiss',\n            '@click': (e: Event) => {\n              e.stopPropagation();\n              if (this.disabled) return;\n              this.emit('dismiss');\n            },\n          },\n          () => {\n            span({ textContent: '\\u00d7' });\n          },\n        );\n      });\n    });\n  }\n}\n\nTag.define('tag');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-tag': Tag;\n  }\n}\n\nexport default Tag;\nexport type TagProps = InferProps<typeof Tag>;\n", "import AeicoComponent from '../aeico-component';\nimport type { InferProps } from 'aeico';\nimport { html } from 'aeico';\nimport style from '../styles/components/select-option.css';\nimport variables from '../styles/variables.css';\nimport { prop } from 'aeico';\n\nclass SelectOption extends AeicoComponent {\n  @prop({ type: String })\n  accessor value: string | undefined;\n\n  @prop({ type: String })\n  accessor label: string | undefined;\n\n  @prop({ type: Boolean })\n  accessor disabled: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor selected: boolean | undefined = false;\n\n  protected static styles = [variables, style];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.listen('click', this._handleClick);\n  }\n\n  private _handleClick = (e: Event): void => {\n    if (this.disabled) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    const displayLabel = this.label || this.textContent?.trim() || '';\n    this.emit('selectoption', { detail: { value: this.value ?? '', label: displayLabel } });\n  };\n\n  render() {\n    return html(({ div, slot }) => {\n      div({ className: 'option-item' }, () => {\n        slot();\n      });\n    });\n  }\n}\n\nSelectOption.define('select-option');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-select-option': SelectOption;\n  }\n}\n\nexport default SelectOption;\nexport type SelectOptionProps = InferProps<typeof SelectOption>;\n", "export default \":host {\\n  display: block;\\n\\n  --option-padding: 0.417em 0.667em;\\n  --option-bg: transparent;\\n  --option-bg-hover: var(--ae-surface-raised);\\n  --option-bg-selected: color-mix(in srgb, var(--ae-color-primary) 12%, transparent);\\n  --option-color: var(--ae-color-text-main);\\n  --option-color-disabled: var(--ae-color-text-disabled);\\n  --option-color-selected: var(--ae-color-primary);\\n  --option-font-size: 1em;\\n  --option-transition: background 0.1s;\\n}\\n\\n.option-item {\\n  padding: var(--option-padding);\\n  font-size: var(--option-font-size);\\n  color: var(--option-color);\\n  background: var(--option-bg);\\n  cursor: pointer;\\n  transition: var(--option-transition);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  user-select: none;\\n}\\n\\n:host(:hover:not([disabled])) .option-item {\\n  background: var(--option-bg-hover);\\n}\\n\\n:host([selected]) .option-item {\\n  background: var(--option-bg-selected);\\n  color: var(--option-color-selected);\\n}\\n\\n:host([disabled]) .option-item {\\n  color: var(--option-color-disabled);\\n  cursor: default;\\n  pointer-events: none;\\n}\\n\\n\\n\""],
+  "mappings": "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IAAO,sBAAQ;;;AE3Wf,SAAS,QAAAC,OAAM,QAAAC,aAAY;;;ACF3B,IAAO,iBAAQ;;;ACAf,IAAO,oBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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",
   "names": ["_value", "html", "tags", "prop", "_a", "_init", "prop", "_value", "html", "tags", "select_default", "html", "prop", "_disabled_dec", "_value_dec", "_a", "_init", "_disabled", "prop", "html", "select_option_default"]
 }