aeico-components 0.1.8 → 0.1.10

package/dist/slider.js

@@ -53,19 +53,12 @@ import { tags } from "aeico";
 
 // src/aeico-component.ts
 import { AeicoElement } from "aeico";
-
-// src/utils.ts
-function toKebab(str) {
-  const cleaned = str.replace(/^[_\d]+/, "");
-  return cleaned.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-}
-
-// src/aeico-component.ts
 var TAG_NAME_PREFIX = "ae";
 var AeicoComponent = class extends AeicoElement {
-  static register(name) {
-    const tagName = name || `${TAG_NAME_PREFIX}-${this.tagName || toKebab(this.name)}`;
-    super.register(tagName);
+  static define(name) {
+    const prefix = `${TAG_NAME_PREFIX}-`;
+    const tagName = name.startsWith(prefix) ? name : `${prefix}${name}`;
+    super.define(tagName);
   }
 };
 var aeico_component_default = AeicoComponent;
@@ -220,7 +213,7 @@ var AeicoField = class _AeicoField extends aeico_component_default {
     }
   }
   /**
-   * Watcher for error property — syncs aria-invalid on the field element
+   * Watcher for error property - syncs aria-invalid on the field element
    */
   onErrorChanged(newValue) {
     if (this.fieldElement) {
@@ -744,7 +737,7 @@ var variables_default = `:root,
   --ae-cyan-800: color-mix(in srgb, var(--ae-cyan) 40%, black);
   --ae-cyan-900: color-mix(in srgb, var(--ae-cyan) 20%, black);
 
-  /* Gray  (neutral \u2014 base #6e6e6e) */
+  /* Gray  (neutral - base #6e6e6e) */
   --ae-gray-100: color-mix(in srgb, var(--ae-gray) 20%, white);
   --ae-gray-200: color-mix(in srgb, var(--ae-gray) 40%, white);
   --ae-gray-300: color-mix(in srgb, var(--ae-gray) 60%, white);
@@ -755,7 +748,7 @@ var variables_default = `:root,
   --ae-gray-800: color-mix(in srgb, var(--ae-gray) 40%, black);
   --ae-gray-900: color-mix(in srgb, var(--ae-gray) 20%, black);
 
-  /* Slate  (blue-gray \u2014 base #64748b, used for 'secondary') */
+  /* Slate  (blue-gray - base #64748b, used for 'secondary') */
   --ae-slate-100: color-mix(in srgb, var(--ae-slate) 20%, white);
   --ae-slate-200: color-mix(in srgb, var(--ae-slate) 40%, white);
   --ae-slate-300: color-mix(in srgb, var(--ae-slate) 60%, white);
@@ -791,7 +784,7 @@ var variables_default = `:root,
 
 :root,
 :host {
-  /* Hover / active mix (light default \u2014 overridden in \xA7 6 dark) */
+  /* Hover / active mix (light default - overridden in \xA7 6 dark) */
   --ae-color-mix-hover:  black 10%;
   --ae-color-mix-active: black 20%;
 
@@ -825,7 +818,7 @@ var variables_default = `:root,
   --ae-color-info-active:      color-mix(in srgb, var(--ae-color-info), var(--ae-color-mix-active));
   --ae-color-info-disabled:    color-mix(in srgb, var(--ae-cyan) 50%, var(--ae-gray-500));
 
-  /* Secondary (Slate) \u2014 base differs per theme, overridden in \xA7 6 dark */
+  /* Secondary (Slate) - base differs per theme, overridden in \xA7 6 dark */
   --ae-color-secondary:        var(--ae-slate-500);
   --ae-color-secondary-hover:  color-mix(in srgb, var(--ae-color-secondary), var(--ae-color-mix-hover));
   --ae-color-secondary-active: color-mix(in srgb, var(--ae-color-secondary), var(--ae-color-mix-active));
@@ -841,7 +834,7 @@ var variables_default = `:root,
 :host {
   color-scheme: light;
 
-  /* Gray UI aliases \u2014 lighter palette steps for elements on white background */
+  /* Gray UI aliases - lighter palette steps for elements on white background */
   --ae-color-gray-dark:     var(--ae-gray-400);
   --ae-color-gray:          var(--ae-gray-300);
   --ae-color-gray-light:    var(--ae-gray-200);
@@ -873,7 +866,7 @@ var variables_default = `:root,
   --ae-focus-ring:    rgb(from var(--ae-blue) r g b / 0.30);
   --ae-focus-ring-sm: rgb(from var(--ae-blue) r g b / 0.15);
 
-  /* Subtle intent tokens \u2014 light context */
+  /* Subtle intent tokens - light context */
   --ae-color-primary-bg-subtle:       rgb(from var(--ae-blue) r g b / 0.08);
   --ae-color-primary-border-subtle:   rgb(from var(--ae-blue) r g b / 0.40);
   --ae-color-primary-text-emphasis:   var(--ae-blue-700);
@@ -904,7 +897,7 @@ var variables_default = `:root,
   --ae-color-dark-bg-subtle:          var(--ae-dark-100);   /* opaque on white: ~#d6d8d9 */
   --ae-color-dark-border-subtle:      var(--ae-dark-300);   /* opaque on white: ~#85898c */
 
-  /* Component tokens \u2014 light defaults */
+  /* Component tokens - light defaults */
   --ae-action-btn-bg:          var(--ae-gray-200);
   --ae-action-btn-bg-hover:    var(--ae-color-primary);
   --ae-action-btn-color:       var(--ae-gray-600);
@@ -939,14 +932,12 @@ var variables_default = `:root,
   --ae-size-3xs:   round(calc(var(--ae-size-2xs) / 1.125), 1px);         /* 10px */
 }
 
-/* Border-radius tokens \u2014 shared across all components */
+/* Border-radius tokens - shared across all components */
 :root,
 :host {
   /**
    * Unified border-radius hook for all components.
    *
-   * Not set by default \u2014 each component falls back to its own --ae-radius-*
-   * token (e.g. button \u2192 sm, card \u2192 lg, input \u2192 xs).
    *
    * Usage:
    *   :root { --ae-border-radius: 0; }       // global: all components square
@@ -968,7 +959,7 @@ var variables_default = `:root,
   --ae-radius-circle:  50%;
 }
 
-/* Layout tokens \u2014 defined on :root so all light DOM elements can use them */
+/* Layout tokens - defined on :root so all light DOM elements can use them */
 :root,
 :host {
   --container-max-width: 1280px;
@@ -981,18 +972,18 @@ var variables_default = `:root,
 :host-context([theme="dark"]) {
   color-scheme: dark;
 
-  /* Hover / active \u2014 slightly gentler on dark backgrounds */
+  /* Hover / active - slightly gentler on dark backgrounds */
   --ae-color-mix-hover:  black 8%;
   --ae-color-mix-active: black 16%;
 
-  /* Gray UI aliases \u2014 darker palette steps for elements on dark background */
+  /* Gray UI aliases - darker palette steps for elements on dark background */
   --ae-color-gray-dark:     var(--ae-gray-800);
   --ae-color-gray:          var(--ae-gray-700);
   --ae-color-gray-light:    var(--ae-gray-600);
   --ae-color-gray-lighter:  var(--ae-gray-500);
   --ae-color-gray-lightest: var(--ae-gray-400);
 
-  /* Secondary \u2014 deeper base on dark background */
+  /* Secondary - deeper base on dark background */
   --ae-color-secondary:      var(--ae-slate-700);
   --ae-color-secondary-text: var(--ae-slate-300);
 
@@ -1021,7 +1012,7 @@ var variables_default = `:root,
   --ae-focus-ring:    rgb(from var(--ae-blue) r g b / 0.25);
   --ae-focus-ring-sm: rgb(from var(--ae-blue) r g b / 0.10);
 
-  /* Subtle intent tokens \u2014 dark context (more alpha, lighter text-emphasis) */
+  /* Subtle intent tokens - dark context (more alpha, lighter text-emphasis) */
   --ae-color-primary-bg-subtle:       rgb(from var(--ae-blue) r g b / 0.10);
   --ae-color-primary-border-subtle:   rgb(from var(--ae-blue) r g b / 0.30);
   --ae-color-primary-text-emphasis:   var(--ae-blue-300);
@@ -1052,7 +1043,7 @@ var variables_default = `:root,
   --ae-color-dark-bg-subtle:          rgb(from var(--ae-dark) r g b / 0.30);
   --ae-color-dark-border-subtle:      rgb(from var(--ae-dark) r g b / 0.50);
 
-  /* Component tokens \u2014 dark overrides */
+  /* Component tokens - dark overrides */
   --ae-action-btn-bg:          var(--ae-color-gray);
   --ae-action-btn-bg-hover:    color-mix(in srgb, var(--ae-blue) 25%, var(--ae-gray-800));
   --ae-action-btn-color:       var(--ae-gray-400);
@@ -1072,14 +1063,13 @@ var color_default = ':host {\n  --ae-color-solid:           var(--ae-color-gray)
 var field_label_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';
 
 // css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/action-button.css
-var action_button_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";
+var action_button_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";
 
 // src/slider/slider.ts
 import { prop } from "aeico";
 var _marks_dec, _tracked_dec, _editable_dec, _step_dec, _max_dec, _min_dec, _percentage_dec, _options_dec, _a, _init, _options, _percentage, _min, _max, _step, _editable, _tracked, _marks;
 var Slider = class extends (_a = aeico_field_default, _options_dec = [prop({ type: Array })], _percentage_dec = [prop({ type: Boolean })], _min_dec = [prop({ type: Number })], _max_dec = [prop({ type: Number })], _step_dec = [prop({ type: Number })], _editable_dec = [prop({ type: Boolean })], _tracked_dec = [prop({ type: Boolean })], _marks_dec = [prop({
   type: Array,
-  // bare attribute (<ae-slider marks>) → true; JSON array → MarkItem[]
   parser: (value) => {
     if (value === null) return void 0;
     if (value === "" || value === "true") return true;
@@ -1343,9 +1333,8 @@ __decorateElement(_init, 4, "editable", _editable_dec, Slider, _editable);
 __decorateElement(_init, 4, "tracked", _tracked_dec, Slider, _tracked);
 __decorateElement(_init, 4, "marks", _marks_dec, Slider, _marks);
 __decoratorMetadata(_init, Slider);
-__publicField(Slider, "tagName", "slider");
 __publicField(Slider, "styles", [variables_default, size_default, color_default, field_label_default, action_button_default, slider_default]);
-Slider.register();
+Slider.define("slider");
 var slider_default2 = Slider;
 export {
   slider_default2 as Slider,

package/dist/slider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/aeico-field.ts", "../src/aeico-component.ts", "../src/utils.ts", "../src/slider/slider.ts", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/slider.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/color.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"],
-  "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 { NormalizedOption, SliderMarks, SliderOption, SliderOptions } from './defines';\nimport style from '../styles/components/slider.css';\nimport variables from '../styles/variables.css';\nimport sizeCSS from '../styles/size.css';\nimport colorCSS from '../styles/color.css';\nimport fieldLabelCSS from '../styles/components/field-label.css';\nimport actionButtonCSS from '../styles/components/action-button.css';\nimport { prop } from 'aeico';\n\nclass Slider extends AeicoField {\n  protected fieldElement: HTMLInputElement | null = null;\n  private _valueLabel: HTMLSpanElement | null = null;\n  private _numberInput: HTMLInputElement | null = null;\n\n  private _boundOnRangeInput: () => void;\n  private _boundOnNumberInput: () => void;\n\n  static tagName = 'slider';\n\n  @prop({ type: Array })\n  accessor options: SliderOptions = [];\n\n  @prop({ type: Boolean })\n  accessor percentage = false;\n\n  @prop({ type: Number })\n  accessor min = 0;\n\n  @prop({ type: Number })\n  accessor max = 100;\n\n  @prop({ type: Number })\n  accessor step = 1;\n\n  @prop({ type: Boolean })\n  accessor editable = false;\n\n  @prop({ type: Boolean })\n  accessor tracked = false;\n\n  @prop({\n    type: Array,\n    // bare attribute (<ae-slider marks>) \u2192 true; JSON array \u2192 MarkItem[]\n    parser: (value: string | null) => {\n      if (value === null) return undefined;\n      if (value === '' || value === 'true') return true;\n      if (value === 'false') return false;\n      try {\n        return JSON.parse(value);\n      } catch {\n        return true;\n      }\n    },\n  })\n  accessor marks: SliderMarks | undefined;\n\n  protected static styles = [variables, sizeCSS, colorCSS, fieldLabelCSS, actionButtonCSS, style];\n\n  constructor() {\n    super();\n    this._boundOnRangeInput = this._onRangeInput.bind(this);\n    this._boundOnNumberInput = this._onNumberInput.bind(this);\n  }\n\n  private _normalizeOptions(): NormalizedOption[] | null {\n    if (!Array.isArray(this.options) || this.options.length === 0) return null;\n\n    const opts = this.options.map((opt) =>\n      this._isSliderOption(opt)\n        ? { label: opt.label, value: String(opt.value) }\n        : { label: String(opt), value: String(opt) },\n    );\n\n    // Sort by numeric value if all values are numeric; otherwise keep original order\n    const allNumeric = opts.every((o) => o.value !== '' && !isNaN(Number(o.value)));\n\n    if (allNumeric) {\n      return [...opts]\n        .sort((a, b) => Number(a.value) - Number(b.value))\n        .map((o) => ({ ...o, rangeValue: Number(o.value) }));\n    } else {\n      return opts.map((o, i) => ({ ...o, rangeValue: i }));\n    }\n  }\n\n  private _getRangeAttrs(normalized: NormalizedOption[] | null): {\n    min: string;\n    max: string;\n    step: string;\n    inOptionsMode: boolean;\n  } {\n    if (normalized && normalized.length >= 1) {\n      const vals = normalized.map((o) => o.rangeValue);\n      const min = Math.min(...vals);\n      const max = Math.max(...vals);\n\n      // Compute step from minimum gap between adjacent sorted values\n      const sorted = [...vals].sort((a, b) => a - b);\n      let minGap = Infinity;\n      for (let i = 1; i < sorted.length; i++) {\n        const d = sorted[i] - sorted[i - 1];\n        if (d > 0 && d < minGap) minGap = d;\n      }\n\n      return {\n        min: String(min),\n        max: String(max),\n        step: minGap === Infinity ? '1' : String(minGap),\n        inOptionsMode: true,\n      };\n    }\n\n    return {\n      min: String(this.min),\n      max: String(this.max),\n      step: String(this.step),\n      inOptionsMode: false,\n    };\n  }\n\n  private _toRangeValue(value: string | undefined, normalized: NormalizedOption[] | null): string {\n    if (value == null || value === '') return '';\n    if (normalized) {\n      const found = normalized.find((o) => o.value === value);\n\n      return found !== undefined ? String(found.rangeValue) : '';\n    }\n\n    return value;\n  }\n\n  private _fromRangeValue(rv: string, normalized: NormalizedOption[] | null): string {\n    if (normalized) {\n      const n = Number(rv);\n\n      return normalized.find((o) => o.rangeValue === n)?.value ?? normalized[0]?.value ?? rv;\n    }\n    return rv;\n  }\n\n  private _displayLabel(value: string | undefined, normalized: NormalizedOption[] | null): string {\n    if (value == null || value === '') return '';\n    const label = normalized ? (normalized.find((o) => o.value === value)?.label ?? value) : value;\n\n    return this.percentage ? `${label}%` : label;\n  }\n\n  private _maxValueLabelWidth(\n    normalized: NormalizedOption[] | null,\n    attrs: { min: string; max: string },\n  ): string {\n    const candidates = normalized\n      ? normalized.map((o) => this._displayLabel(o.value, normalized))\n      : [this._displayLabel(attrs.min, null), this._displayLabel(attrs.max, null)];\n    const maxLen = Math.max(...candidates.map((l) => l.length), 1);\n\n    return `${maxLen}ch`;\n  }\n\n  private _updateTrackFill(): void {\n    if (!this.tracked || !this.fieldElement) return;\n    const min = Number(this.fieldElement.min);\n    const max = Number(this.fieldElement.max);\n    const val = Number(this.fieldElement.value);\n    const range = max - min || 1;\n    const pct = Math.max(0, Math.min(100, ((val - min) / range) * 100));\n    this.style.setProperty('--fill-pct', `${pct}%`);\n  }\n\n  private _getMarksData(\n    normalized: NormalizedOption[] | null,\n    attrs: { min: string; max: string; inOptionsMode: boolean },\n  ): Array<{ value: string; label: string; pct: number }> {\n    const minVal = Number(attrs.min);\n    const maxVal = Number(attrs.max);\n    const range = maxVal - minVal || 1;\n\n    const marks = this.marks;\n\n    // Custom marks array \u2014 purely visual, no snapping effect\n    if (Array.isArray(marks)) {\n      const result: Array<{ value: string; label: string; pct: number }> = [];\n      for (const m of marks) {\n        const isObj = m !== null && typeof m === 'object';\n        const numVal = isObj ? (m as { value: number }).value : m;\n        if (numVal < minVal || numVal > maxVal) continue;\n        const rawLabel = isObj ? (m.label ?? String(numVal)) : String(numVal);\n        result.push({\n          value: String(numVal),\n          label: this.percentage ? `${rawLabel}%` : rawLabel,\n          pct: ((numVal - minVal) / range) * 100,\n        });\n      }\n\n      return result;\n    }\n\n    // marks === true \u2014 auto-generate from options or free-mode endpoints\n    if (normalized) {\n      return normalized.map((o) => ({\n        value: o.value,\n        label: this.percentage ? `${o.label}%` : o.label,\n        pct: ((o.rangeValue - minVal) / range) * 100,\n      }));\n    }\n\n    // Free mode \u2014 show min and max endpoints only\n    return [\n      { value: attrs.min, label: this.percentage ? `${minVal}%` : String(minVal), pct: 0 },\n      { value: attrs.max, label: this.percentage ? `${maxVal}%` : String(maxVal), pct: 100 },\n    ];\n  }\n\n  protected writeValue(value: string): void {\n    const normalized = this._normalizeOptions();\n    const rv = this._toRangeValue(value, normalized);\n\n    if (this.fieldElement && rv !== '' && this.fieldElement.value !== rv) {\n      this.fieldElement.value = rv;\n    }\n\n    if (this._valueLabel) {\n      this._valueLabel.textContent = this._displayLabel(value, normalized);\n    }\n\n    // Sync number input only in free mode (options mode disables it)\n    if (this._numberInput && !normalized && this._numberInput.value !== rv) {\n      this._numberInput.value = rv;\n    }\n\n    this._updateTrackFill();\n  }\n\n  protected getValue(): string {\n    if (!this.fieldElement) return '';\n\n    return this._fromRangeValue(this.fieldElement.value, this._normalizeOptions());\n  }\n\n  render() {\n    const normalized = this._normalizeOptions();\n    const attrs = this._getRangeAttrs(normalized);\n\n    return html(({ div, input, span }) => {\n      const id = this.getFieldId();\n      this.renderLabel(id);\n      div({ className: 'range-container field-body' }, () => {\n        // Wrap range + optional marks in a column so marks don't push siblings\n        div({ key: 'range-wrapper', className: 'range-wrapper' }, () => {\n          this.fieldElement = input({\n            key: 'range',\n            id,\n            type: 'range',\n            min: attrs.min,\n            max: attrs.max,\n            step: attrs.step,\n            '@input': this._boundOnRangeInput,\n            '@change': this.boundOnChange,\n          });\n\n          if (this.marks) {\n            const marksData = this._getMarksData(normalized, attrs);\n            div({ key: 'marks', className: 'marks-container' }, () => {\n              for (const m of marksData) {\n                tags.span(\n                  {\n                    key: `mark-${m.value}`,\n                    className: 'mark',\n                    style: { left: `${m.pct}%` },\n                  },\n                  () => {\n                    tags.span({ className: 'mark-label', textContent: m.label });\n                  },\n                );\n              }\n            });\n          }\n        });\n\n        this._valueLabel = span({\n          key: 'label',\n          className: 'value-label',\n          style: { minWidth: this._maxValueLabelWidth(normalized, attrs) },\n          textContent: this._displayLabel(this.value, normalized),\n        });\n\n        // Action buttons first so the number input can be toggled without disrupting button reuse\n        this.renderActionButtons();\n\n        if (this.editable) {\n          this._numberInput = input({\n            key: 'number',\n            type: 'number',\n            className: 'value-input',\n            min: attrs.min,\n            max: attrs.max,\n            step: attrs.step,\n            // Disabled in options mode: valid values are discrete, free text makes no sense\n            disabled: attrs.inOptionsMode,\n            '@input': this._boundOnNumberInput,\n          });\n        } else {\n          this._numberInput = null;\n        }\n      });\n\n      if (this.value != null) this.writeValue(this.value);\n      this.renderHelperText();\n      this.renderError();\n    });\n  }\n\n  private _onRangeInput(): void {\n    if (!this.fieldElement) return;\n\n    const normalized = this._normalizeOptions();\n    const actualValue = this._fromRangeValue(this.fieldElement.value, normalized);\n\n    if (this._valueLabel) {\n      this._valueLabel.textContent = this._displayLabel(actualValue, normalized);\n    }\n    // Keep number input in sync during drag\n    if (this._numberInput && !normalized) {\n      this._numberInput.value = this.fieldElement.value;\n    }\n\n    this._updateTrackFill();\n  }\n\n  private _onNumberInput(): void {\n    if (!this._numberInput || !this.fieldElement) return;\n    const v = this._numberInput.value;\n\n    if (this.fieldElement.value === v) return;\n\n    this.fieldElement.value = v;\n    if (this._valueLabel) {\n      this._valueLabel.textContent = this._displayLabel(v, null);\n    }\n  }\n\n  public clear(options?: { silent?: boolean }): void {\n    const normalized = this._normalizeOptions();\n    const attrs = this._getRangeAttrs(normalized);\n    // Reset to the option whose rangeValue === min, or to attrs.min in free mode\n    const clearTo = normalized\n      ? (normalized.find((o) => String(o.rangeValue) === attrs.min)?.value ??\n        normalized[0]?.value ??\n        attrs.min)\n      : attrs.min;\n    this.setValue(clearTo, { ...options, action: 'clear' });\n  }\n\n  private _isSliderOption(opt: unknown): opt is SliderOption {\n    return opt !== null && typeof opt === 'object' && 'label' in opt && 'value' in opt;\n  }\n}\n\nSlider.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-slider': Slider;\n  }\n}\n\nexport default Slider;\nexport type SliderProps = InferProps<typeof Slider>;\n", "export default \":host {\\n  display: block;\\n  flex: 1;\\n  min-width: 0;\\n  font-size: var(--ae-size-base);\\n}\\n\\n.range-container {\\n  display: flex;\\n  align-items: center;\\n  gap: 6px;\\n  width: 100%;\\n  height: 26px;\\n}\\n\\ninput[type=\\\"range\\\"] {\\n  flex: 1;\\n  margin: 0;\\n}\\n\\n.input-range,\\n.slider-input,\\ninput[type=\\\"range\\\"] {\\n  -webkit-appearance: none;\\n  appearance: none;\\n  width: 100%;\\n  height: 0.333em;\\n  border-radius: var(--ae-radius-xs);\\n  background: var(--ae-border-subtle);\\n  outline: none;\\n  cursor: pointer;\\n  margin: 0;\\n}\\n\\n.input-range {\\n  margin: 10px 0;\\n}\\n\\n.input-range::-webkit-slider-thumb,\\n.slider-input::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]::-webkit-slider-thumb {\\n  -webkit-appearance: none;\\n  appearance: none;\\n  width: 1.167em;\\n  height: 1.167em;\\n  border-radius: var(--ae-radius-circle);\\n  background: var(--ae-color-solid);\\n  cursor: pointer;\\n  transition: background 0.12s, transform 0.12s;\\n}\\n\\n.input-range::-webkit-slider-thumb:hover,\\n.slider-input::-webkit-slider-thumb:hover,\\ninput[type=\\\"range\\\"]:hover::-webkit-slider-thumb {\\n  background: var(--ae-color-solid-hover);\\n  transform: scale(1.1);\\n}\\n\\n.input-range::-webkit-slider-thumb:active,\\n.slider-input::-webkit-slider-thumb:active,\\ninput[type=\\\"range\\\"]:active::-webkit-slider-thumb {\\n  background: var(--ae-color-solid-hover);\\n  transform: scale(1.2);\\n}\\n\\n.input-range:focus::-webkit-slider-thumb,\\n.slider-input:focus::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]:focus::-webkit-slider-thumb {\\n  background: var(--ae-color-solid);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range:focus:hover::-webkit-slider-thumb,\\n.slider-input:focus:hover::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]:focus:hover::-webkit-slider-thumb {\\n  background: var(--ae-color-solid-hover);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range:focus:active::-webkit-slider-thumb,\\n.slider-input:focus:active::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]:focus:active::-webkit-slider-thumb {\\n  background: var(--ae-color-solid-hover);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range::-moz-range-thumb,\\n.slider-input::-moz-range-thumb,\\ninput[type=\\\"range\\\"]::-moz-range-thumb {\\n  width: 1.167em;\\n  height: 1.167em;\\n  border: none;\\n  border-radius: var(--ae-radius-circle);\\n  background: var(--ae-color-solid);\\n  cursor: pointer;\\n  transition: background 0.12s, transform 0.12s;\\n}\\n\\n.input-range::-moz-range-thumb:hover,\\n.slider-input::-moz-range-thumb:hover,\\ninput[type=\\\"range\\\"]:hover::-moz-range-thumb {\\n  background: var(--ae-color-solid-hover);\\n  transform: scale(1.1);\\n}\\n\\n.input-range::-moz-range-thumb:active,\\n.slider-input::-moz-range-thumb:active,\\ninput[type=\\\"range\\\"]:active::-moz-range-thumb {\\n  background: var(--ae-color-solid-hover);\\n  transform: scale(1.2);\\n}\\n\\n.input-range:focus::-moz-range-thumb,\\n.slider-input:focus::-moz-range-thumb,\\ninput[type=\\\"range\\\"]:focus::-moz-range-thumb {\\n  background: var(--ae-color-solid);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range:focus:hover::-moz-range-thumb,\\n.slider-input:focus:hover::-moz-range-thumb,\\ninput[type=\\\"range\\\"]:focus:hover::-moz-range-thumb {\\n  background: var(--ae-color-solid-hover);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range:focus:active::-moz-range-thumb,\\n.slider-input:focus:active::-moz-range-thumb,\\ninput[type=\\\"range\\\"]:focus:active::-moz-range-thumb {\\n  background: var(--ae-color-solid-hover);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range:disabled,\\n.slider-input:disabled,\\ninput[type=\\\"range\\\"]:disabled {\\n  opacity: 0.5;\\n  cursor: not-allowed;\\n}\\n\\n.input-range:disabled::-webkit-slider-thumb,\\n.slider-input:disabled::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]:disabled::-webkit-slider-thumb {\\n  cursor: not-allowed;\\n}\\n\\n.input-range:disabled::-moz-range-thumb,\\n.slider-input:disabled::-moz-range-thumb,\\ninput[type=\\\"range\\\"]:disabled::-moz-range-thumb {\\n  cursor: not-allowed;\\n}\\n\\n.value-label {\\n  min-width: 14px;\\n  text-align: center;\\n  font-size: 12px;\\n  color: var(--ae-color-text-muted);\\n  font-weight: 500;\\n  font-variant-numeric: tabular-nums;\\n  pointer-events: none;\\n  user-select: none;\\n}\\n\\n.input-range,\\n.slider-input,\\ninput[type=\\\"range\\\"] {\\n  height: 0.333em;\\n}\\n\\n.input-range::-webkit-slider-thumb,\\n.slider-input::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]::-webkit-slider-thumb {\\n  width: 1.167em;\\n  height: 1.167em;\\n}\\n\\n.input-range::-moz-range-thumb,\\n.slider-input::-moz-range-thumb,\\ninput[type=\\\"range\\\"]::-moz-range-thumb {\\n  width: 1.167em;\\n  height: 1.167em;\\n}\\n\\n.value-label {\\n  font-size: 1em;\\n}\\n\\n.value-input {\\n  width: 56px;\\n  padding: 0 4px;\\n  height: 22px;\\n  line-height: 20px;\\n  border: 1px solid var(--ae-border-subtle);\\n  border-radius: var(--ae-radius-sm);\\n  background: transparent;\\n  color: var(--ae-color-text);\\n  font-size: 12px;\\n  text-align: center;\\n  outline: none;\\n  flex-shrink: 0;\\n  box-sizing: border-box;\\n}\\n\\n.value-input:focus {\\n  border-color: var(--ae-color-solid);\\n}\\n\\n.value-input:disabled {\\n  opacity: 0.4;\\n  cursor: not-allowed;\\n}\\n\\n.range-container .action-controls {\\n  display: flex;\\n  align-self: center;\\n  border: 1px solid var(--field-action-border-color, var(--ae-border-subtle));\\n  border-radius: var(--ae-radius-sm);\\n  overflow: hidden;\\n  background: var(--field-action-bg, var(--ae-surface-base));\\n  height: 22px;\\n  box-sizing: border-box;\\n}\\n\\n.range-container .action-controls .action-btn {\\n  padding: 0 0.35em;\\n  font-size: 12px;\\n}\\n\\n.range-container:has(.value-input) .action-controls {\\n  border-radius: var(--ae-radius-sm) 0 0 var(--ae-radius-sm);\\n}\\n\\n.range-container:has(.action-controls) .value-input {\\n  margin-left: -7px;\\n  border-radius: 0 var(--ae-radius-sm) var(--ae-radius-sm) 0;\\n}\\n\\n:host([tracked]) .input-range,\\n:host([tracked]) .slider-input,\\n:host([tracked]) input[type=\\\"range\\\"] {\\n  background: linear-gradient(\\n    to right,\\n    var(--ae-color-solid) var(--fill-pct, 0%),\\n    var(--ae-border-subtle) var(--fill-pct, 0%)\\n  );\\n}\\n\\n.range-wrapper {\\n  flex: 1;\\n  min-width: 0;\\n  display: flex;\\n  flex-direction: column;\\n  position: relative;\\n}\\n\\n.range-wrapper input[type=\\\"range\\\"] {\\n  width: 100%;\\n  flex: none;\\n}\\n\\n.marks-container {\\n  position: absolute;\\n  top: 100%;\\n  left: 7px;\\n  right: 7px;\\n  height: 18px;\\n  margin-top: 2px;\\n  overflow: visible;\\n}\\n\\n.mark {\\n  position: absolute;\\n  transform: translateX(-50%);\\n  display: flex;\\n  flex-direction: column;\\n  align-items: center;\\n  gap: 2px;\\n  pointer-events: none;\\n  user-select: none;\\n}\\n\\n.mark::before {\\n  content: '';\\n  display: block;\\n  width: 1px;\\n  height: 4px;\\n  background: var(--ae-border-default, var(--ae-border-subtle));\\n  border-radius: 1px;\\n}\\n\\n.mark-label {\\n  font-size: 10px;\\n  color: var(--ae-color-text-muted);\\n  white-space: nowrap;\\n}\\n\\n:host([marks]) .range-container {\\n  padding-bottom: 24px;\\n  height: auto;\\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  --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  --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\""],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,YAAY;;;ACDpB,SAAS,oBAAoB;;;ACEvB,SAAS,QAAQ,KAAqB;AAC3C,QAAM,UAAU,IAAI,QAAQ,WAAW,EAAE;AAEzC,SAAO,QAAQ,QAAQ,mBAAmB,OAAO,EAAE,YAAY;AACjE;;;ADHA,IAAM,kBAAkB;AAKxB,IAAM,iBAAN,cAA6B,aAAa;AAAA,EACxC,OAAO,SAAS,MAAe;AAC7B,UAAM,UAAU,QAAQ,GAAG,eAAe,IAAI,KAAK,WAAW,QAAQ,KAAK,IAAI,CAAC;AAEhF,UAAM,SAAS,OAAO;AAAA,EACxB;AACF;AAEA,IAAO,0BAAQ;;;ADEf,IAAM,aAAN,MAAM,oBAAoC,wBAAe;AAAA;AAAA;AAAA;AAAA,EAIvD,OAAO,QAAe;AAAA,IACpB,OAAO,EAAE,MAAM,OAAO;AAAA,IACtB,cAAc,EAAE,MAAM,OAAO;AAAA,IAC7B,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,WAAW,EAAE,MAAM,OAAO;AAAA,IAC1B,YAAY,EAAE,MAAM,OAAO;AAAA,IAC3B,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,WAAW,EAAE,MAAM,OAAO;AAAA,IAC1B,YAAY,EAAE,MAAM,OAAO;AAAA,IAC3B,mBAAmB,EAAE,MAAM,OAAO;AAAA,IAClC,MAAM,EAAE,MAAM,OAAO;AAAA,IACrB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,OAAO,EAAE,MAAM,OAAO;AAAA,IACtB,gBAAgB,EAAE,MAAM,OAAO;AAAA,IAC/B,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,YAAY,EAAE,MAAM,OAAO;AAAA,IAC3B,OAAO,EAAE,MAAM,OAAO;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,WAAqB;AAAA,IAC1B,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EAEA,OAAe,kBAAkB;AAAA,EAChB;AAAA,EAEjB,cAAc;AACZ,UAAM;AACN,SAAK,WAAW,YAAY,EAAE,YAAW,eAAe;AAAA,EAC1D;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,eAAoC;AAAA,EAEpC,WAAqC;AAAA,EACrC,WAAqC;AAAA,EAE5B,gBAAgB,MACjC,KAAK,SAAS,KAAK,SAAS,GAAG,EAAE,QAAQ,OAAO,QAAQ,SAAS,CAAC;AAAA,EAEjD,eAAe,MAAM,KAAK,QAAQ;AAAA,EAClC,eAAe,MAAM,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,EAuBrD,oBAAoB;AAClB,UAAM,kBAAkB;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA,EAKA,uBAAuB;AACrB,UAAM,qBAAqB;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,oBAAoB,QAAiB,OAAO;AACpD,UAAM,QAAQ,KAAK,qBAAqB;AACxC,UAAM,aAAa,SAAS,KAAK,aAAa,KAAK;AAEnD,QAAI,cAAc,UAAU,cAAc;AACxC,WAAK,IAAI,EAAE,WAAW,kBAAkB,GAAG,MAAM;AAC/C,aAAK,kBAAkB,KAAK;AAC5B,aAAK,kBAAkB,KAAK;AAAA,MAC9B,CAAC;AAAA,IACH,OAAO;AACL,WAAK,kBAAkB,KAAK;AAC5B,WAAK,kBAAkB,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEU,kBAAkB,QAAiB,OAAO;AAClD,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,QAAQ,KAAK,qBAAqB;AAExC,QAAI,SAAS,KAAK,YAAY;AAC5B,YAAM,YAAY,UAAU,eAAe,yBAAyB;AACpE,WAAK,WAAW,OAAO;AAAA,QACrB;AAAA,QACA,aAAa,KAAK,aAAa;AAAA,QAC/B,OAAO,KAAK,cAAc;AAAA,QAC1B,UAAU,KAAK;AAAA,MACjB,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEU,kBAAkB,QAAiB,OAAO;AAClD,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,QAAQ,KAAK,qBAAqB;AAExC,QAAI,SAAS,KAAK,WAAW;AAC3B,YAAM,YAAY,UAAU,eAAe,yBAAyB;AACpE,WAAK,WAAW,OAAO;AAAA,QACrB;AAAA,QACA,aAAa,KAAK,aAAa;AAAA,QAC/B,OAAO,KAAK,cAAc;AAAA,QAC1B,UAAU,KAAK;AAAA,MACjB,CAAC;AAAA,IACH;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,aAAqB;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOU,YAAY,SAAuB;AAC3C,QAAI,CAAC,KAAK,MAAO;AACjB,UAAM,EAAE,KAAK,IAAI;AACjB,SAAK,MAAM,EAAE,IAAI,GAAG,OAAO,UAAU,WAAW,eAAe,KAAK,QAAQ,GAAG,MAAM;AACnF,WAAK,EAAE,aAAa,KAAK,MAAO,CAAC;AACjC,UAAI,KAAK,UAAU;AACjB,aAAK,EAAE,WAAW,kBAAkB,eAAe,QAAQ,aAAa,KAAK,CAAC;AAAA,MAChF;AAAA,IACF,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,mBAAyB;AACjC,QAAI,CAAC,KAAK,cAAc,KAAK,MAAO;AACpC,UAAM,EAAE,KAAK,IAAI;AACjB,SAAK,EAAE,WAAW,gBAAgB,aAAa,KAAK,WAAW,CAAC;AAAA,EAClE;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,cAAoB;AAC5B,QAAI,CAAC,KAAK,MAAO;AACjB,UAAM,EAAE,KAAK,IAAI;AACjB,SAAK,EAAE,WAAW,eAAe,aAAa,KAAK,MAAM,CAAC;AAAA,EAC5D;AAAA;AAAA;AAAA;AAAA,EAKU,kBAAkB,UAAmB;AAC7C,QAAI,KAAK,cAAc;AACrB,MAAC,KAAK,aAAsD,WAAW,QAAQ,QAAQ;AAAA,IACzF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKU,eAAe,UAAoC;AAC3D,QAAI,KAAK,cAAc;AACrB,UAAI,UAAU;AACZ,aAAK,aAAa,aAAa,gBAAgB,MAAM;AAAA,MACvD,OAAO;AACL,aAAK,aAAa,gBAAgB,cAAc;AAAA,MAClD;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,UAAU,eAA2C;AAC7D,QAAI,CAAC,KAAK,aAAc;AACxB,QAAI,KAAK,OAAO;AACd,WAAK,aAAa,aAAa,gBAAgB,MAAM;AAAA,IACvD,OAAO;AACL,WAAK,aAAa,gBAAgB,cAAc;AAAA,IAClD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOO,gBAAyB;AAC9B,QAAI,KAAK,cAAc;AACrB,aAAO,KAAK,aAAa,cAAc;AAAA,IACzC;AACA,QAAI,KAAK,UAAU;AACjB,YAAM,IAAI,KAAK;AACf,aAAO,MAAM,UAAa,MAAM,MAAM,MAAM;AAAA,IAC9C;AACA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKO,iBAA0B;AAC/B,QAAI,KAAK,cAAc;AACrB,aAAO,KAAK,aAAa,eAAe;AAAA,IAC1C;AACA,WAAO,KAAK,cAAc;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAe;AAAA,EAEf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASU,WAAmB;AAC3B,WAAQ,KAAK,cAAc,SAAS;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQU,WAAW,QAAsB;AAAA,EAE3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWU,gBACR,OACA,UACA,QACyB;AACzB,WAAO,EAAE,OAAO,UAAU,OAAO;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUU,SAAS,OAAe,SAA4D;AAC5F,UAAM,WAAW,KAAK,SAAS;AAG/B,SAAK,QAAQ;AAGb,SAAK,WAAW,KAAK;AAGrB,QAAI,SAAS,WAAW,OAAO;AAC7B,YAAM,UAAU,KAAK,gBAAgB,OAAO,UAAU,QAAQ,UAAU,QAAQ;AAChF,WAAK,KAAK,UAAU,EAAE,QAAQ,QAAQ,CAAC;AAAA,IACzC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,MAAM,OAAgB,SAAsC;AACjE,UAAM,aAAa,UAAU,SAAY,QAAQ,KAAK;AACtD,SAAK,SAAS,YAAsB,EAAE,GAAG,SAAS,QAAQ,QAAQ,CAAC;AAAA,EACrE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOO,MAAM,SAAsC;AACjD,SAAK,SAAS,IAAc,EAAE,GAAG,SAAS,QAAQ,QAAQ,CAAC;AAAA,EAC7D;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,UAAgB;AACxB,SAAK,MAAM,EAAE,QAAQ,MAAM,CAAC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,UAAgB;AACxB,SAAK,MAAM,QAAW,EAAE,QAAQ,MAAM,CAAC;AAAA,EACzC;AACF;AAEA,IAAO,sBAAQ;;;AG3Wf,SAAS,MAAM,QAAAA,aAAY;;;ACF3B,IAAO,iBAAQ;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;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;;;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;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;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",
+  "sources": ["../src/aeico-field.ts", "../src/aeico-component.ts", "../src/slider/slider.ts", "css-inline:/home/runner/work/aeico-components/aeico-components/src/styles/components/slider.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/color.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"],
+  "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 { NormalizedOption, SliderMarks, SliderOption, SliderOptions } from './defines';\nimport style from '../styles/components/slider.css';\nimport variables from '../styles/variables.css';\nimport sizeCSS from '../styles/size.css';\nimport colorCSS from '../styles/color.css';\nimport fieldLabelCSS from '../styles/components/field-label.css';\nimport actionButtonCSS from '../styles/components/action-button.css';\nimport { prop } from 'aeico';\n\nclass Slider extends AeicoField {\n  protected fieldElement: HTMLInputElement | null = null;\n  private _valueLabel: HTMLSpanElement | null = null;\n  private _numberInput: HTMLInputElement | null = null;\n\n  private _boundOnRangeInput: () => void;\n  private _boundOnNumberInput: () => void;\n\n  @prop({ type: Array })\n  accessor options: SliderOptions = [];\n\n  @prop({ type: Boolean })\n  accessor percentage = false;\n\n  @prop({ type: Number })\n  accessor min = 0;\n\n  @prop({ type: Number })\n  accessor max = 100;\n\n  @prop({ type: Number })\n  accessor step = 1;\n\n  @prop({ type: Boolean })\n  accessor editable = false;\n\n  @prop({ type: Boolean })\n  accessor tracked = false;\n\n  @prop({\n    type: Array,\n    parser: (value: string | null) => {\n      if (value === null) return undefined;\n      if (value === '' || value === 'true') return true;\n      if (value === 'false') return false;\n      try {\n        return JSON.parse(value);\n      } catch {\n        return true;\n      }\n    },\n  })\n  accessor marks: SliderMarks | undefined;\n\n  protected static styles = [variables, sizeCSS, colorCSS, fieldLabelCSS, actionButtonCSS, style];\n\n  constructor() {\n    super();\n    this._boundOnRangeInput = this._onRangeInput.bind(this);\n    this._boundOnNumberInput = this._onNumberInput.bind(this);\n  }\n\n  private _normalizeOptions(): NormalizedOption[] | null {\n    if (!Array.isArray(this.options) || this.options.length === 0) return null;\n\n    const opts = this.options.map((opt) =>\n      this._isSliderOption(opt)\n        ? { label: opt.label, value: String(opt.value) }\n        : { label: String(opt), value: String(opt) },\n    );\n\n    // Sort by numeric value if all values are numeric; otherwise keep original order\n    const allNumeric = opts.every((o) => o.value !== '' && !isNaN(Number(o.value)));\n\n    if (allNumeric) {\n      return [...opts]\n        .sort((a, b) => Number(a.value) - Number(b.value))\n        .map((o) => ({ ...o, rangeValue: Number(o.value) }));\n    } else {\n      return opts.map((o, i) => ({ ...o, rangeValue: i }));\n    }\n  }\n\n  private _getRangeAttrs(normalized: NormalizedOption[] | null): {\n    min: string;\n    max: string;\n    step: string;\n    inOptionsMode: boolean;\n  } {\n    if (normalized && normalized.length >= 1) {\n      const vals = normalized.map((o) => o.rangeValue);\n      const min = Math.min(...vals);\n      const max = Math.max(...vals);\n\n      // Compute step from minimum gap between adjacent sorted values\n      const sorted = [...vals].sort((a, b) => a - b);\n      let minGap = Infinity;\n      for (let i = 1; i < sorted.length; i++) {\n        const d = sorted[i] - sorted[i - 1];\n        if (d > 0 && d < minGap) minGap = d;\n      }\n\n      return {\n        min: String(min),\n        max: String(max),\n        step: minGap === Infinity ? '1' : String(minGap),\n        inOptionsMode: true,\n      };\n    }\n\n    return {\n      min: String(this.min),\n      max: String(this.max),\n      step: String(this.step),\n      inOptionsMode: false,\n    };\n  }\n\n  private _toRangeValue(value: string | undefined, normalized: NormalizedOption[] | null): string {\n    if (value == null || value === '') return '';\n    if (normalized) {\n      const found = normalized.find((o) => o.value === value);\n\n      return found !== undefined ? String(found.rangeValue) : '';\n    }\n\n    return value;\n  }\n\n  private _fromRangeValue(rv: string, normalized: NormalizedOption[] | null): string {\n    if (normalized) {\n      const n = Number(rv);\n\n      return normalized.find((o) => o.rangeValue === n)?.value ?? normalized[0]?.value ?? rv;\n    }\n    return rv;\n  }\n\n  private _displayLabel(value: string | undefined, normalized: NormalizedOption[] | null): string {\n    if (value == null || value === '') return '';\n    const label = normalized ? (normalized.find((o) => o.value === value)?.label ?? value) : value;\n\n    return this.percentage ? `${label}%` : label;\n  }\n\n  private _maxValueLabelWidth(\n    normalized: NormalizedOption[] | null,\n    attrs: { min: string; max: string },\n  ): string {\n    const candidates = normalized\n      ? normalized.map((o) => this._displayLabel(o.value, normalized))\n      : [this._displayLabel(attrs.min, null), this._displayLabel(attrs.max, null)];\n    const maxLen = Math.max(...candidates.map((l) => l.length), 1);\n\n    return `${maxLen}ch`;\n  }\n\n  private _updateTrackFill(): void {\n    if (!this.tracked || !this.fieldElement) return;\n    const min = Number(this.fieldElement.min);\n    const max = Number(this.fieldElement.max);\n    const val = Number(this.fieldElement.value);\n    const range = max - min || 1;\n    const pct = Math.max(0, Math.min(100, ((val - min) / range) * 100));\n    this.style.setProperty('--fill-pct', `${pct}%`);\n  }\n\n  private _getMarksData(\n    normalized: NormalizedOption[] | null,\n    attrs: { min: string; max: string; inOptionsMode: boolean },\n  ): Array<{ value: string; label: string; pct: number }> {\n    const minVal = Number(attrs.min);\n    const maxVal = Number(attrs.max);\n    const range = maxVal - minVal || 1;\n\n    const marks = this.marks;\n\n    // Custom marks array - purely visual, no snapping effect\n    if (Array.isArray(marks)) {\n      const result: Array<{ value: string; label: string; pct: number }> = [];\n      for (const m of marks) {\n        const isObj = m !== null && typeof m === 'object';\n        const numVal = isObj ? (m as { value: number }).value : m;\n        if (numVal < minVal || numVal > maxVal) continue;\n        const rawLabel = isObj ? (m.label ?? String(numVal)) : String(numVal);\n        result.push({\n          value: String(numVal),\n          label: this.percentage ? `${rawLabel}%` : rawLabel,\n          pct: ((numVal - minVal) / range) * 100,\n        });\n      }\n\n      return result;\n    }\n\n    // marks === true - auto-generate from options or free-mode endpoints\n    if (normalized) {\n      return normalized.map((o) => ({\n        value: o.value,\n        label: this.percentage ? `${o.label}%` : o.label,\n        pct: ((o.rangeValue - minVal) / range) * 100,\n      }));\n    }\n\n    // Free mode - show min and max endpoints only\n    return [\n      { value: attrs.min, label: this.percentage ? `${minVal}%` : String(minVal), pct: 0 },\n      { value: attrs.max, label: this.percentage ? `${maxVal}%` : String(maxVal), pct: 100 },\n    ];\n  }\n\n  protected writeValue(value: string): void {\n    const normalized = this._normalizeOptions();\n    const rv = this._toRangeValue(value, normalized);\n\n    if (this.fieldElement && rv !== '' && this.fieldElement.value !== rv) {\n      this.fieldElement.value = rv;\n    }\n\n    if (this._valueLabel) {\n      this._valueLabel.textContent = this._displayLabel(value, normalized);\n    }\n\n    // Sync number input only in free mode (options mode disables it)\n    if (this._numberInput && !normalized && this._numberInput.value !== rv) {\n      this._numberInput.value = rv;\n    }\n\n    this._updateTrackFill();\n  }\n\n  protected getValue(): string {\n    if (!this.fieldElement) return '';\n\n    return this._fromRangeValue(this.fieldElement.value, this._normalizeOptions());\n  }\n\n  render() {\n    const normalized = this._normalizeOptions();\n    const attrs = this._getRangeAttrs(normalized);\n\n    return html(({ div, input, span }) => {\n      const id = this.getFieldId();\n      this.renderLabel(id);\n      div({ className: 'range-container field-body' }, () => {\n        // Wrap range + optional marks in a column so marks don't push siblings\n        div({ key: 'range-wrapper', className: 'range-wrapper' }, () => {\n          this.fieldElement = input({\n            key: 'range',\n            id,\n            type: 'range',\n            min: attrs.min,\n            max: attrs.max,\n            step: attrs.step,\n            '@input': this._boundOnRangeInput,\n            '@change': this.boundOnChange,\n          });\n\n          if (this.marks) {\n            const marksData = this._getMarksData(normalized, attrs);\n            div({ key: 'marks', className: 'marks-container' }, () => {\n              for (const m of marksData) {\n                tags.span(\n                  {\n                    key: `mark-${m.value}`,\n                    className: 'mark',\n                    style: { left: `${m.pct}%` },\n                  },\n                  () => {\n                    tags.span({ className: 'mark-label', textContent: m.label });\n                  },\n                );\n              }\n            });\n          }\n        });\n\n        this._valueLabel = span({\n          key: 'label',\n          className: 'value-label',\n          style: { minWidth: this._maxValueLabelWidth(normalized, attrs) },\n          textContent: this._displayLabel(this.value, normalized),\n        });\n\n        // Action buttons first so the number input can be toggled without disrupting button reuse\n        this.renderActionButtons();\n\n        if (this.editable) {\n          this._numberInput = input({\n            key: 'number',\n            type: 'number',\n            className: 'value-input',\n            min: attrs.min,\n            max: attrs.max,\n            step: attrs.step,\n            // Disabled in options mode: valid values are discrete, free text makes no sense\n            disabled: attrs.inOptionsMode,\n            '@input': this._boundOnNumberInput,\n          });\n        } else {\n          this._numberInput = null;\n        }\n      });\n\n      if (this.value != null) this.writeValue(this.value);\n      this.renderHelperText();\n      this.renderError();\n    });\n  }\n\n  private _onRangeInput(): void {\n    if (!this.fieldElement) return;\n\n    const normalized = this._normalizeOptions();\n    const actualValue = this._fromRangeValue(this.fieldElement.value, normalized);\n\n    if (this._valueLabel) {\n      this._valueLabel.textContent = this._displayLabel(actualValue, normalized);\n    }\n    // Keep number input in sync during drag\n    if (this._numberInput && !normalized) {\n      this._numberInput.value = this.fieldElement.value;\n    }\n\n    this._updateTrackFill();\n  }\n\n  private _onNumberInput(): void {\n    if (!this._numberInput || !this.fieldElement) return;\n    const v = this._numberInput.value;\n\n    if (this.fieldElement.value === v) return;\n\n    this.fieldElement.value = v;\n    if (this._valueLabel) {\n      this._valueLabel.textContent = this._displayLabel(v, null);\n    }\n  }\n\n  public clear(options?: { silent?: boolean }): void {\n    const normalized = this._normalizeOptions();\n    const attrs = this._getRangeAttrs(normalized);\n    // Reset to the option whose rangeValue === min, or to attrs.min in free mode\n    const clearTo = normalized\n      ? (normalized.find((o) => String(o.rangeValue) === attrs.min)?.value ??\n        normalized[0]?.value ??\n        attrs.min)\n      : attrs.min;\n    this.setValue(clearTo, { ...options, action: 'clear' });\n  }\n\n  private _isSliderOption(opt: unknown): opt is SliderOption {\n    return opt !== null && typeof opt === 'object' && 'label' in opt && 'value' in opt;\n  }\n}\n\nSlider.define('slider');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-slider': Slider;\n  }\n}\n\nexport default Slider;\nexport type SliderProps = InferProps<typeof Slider>;\n", "export default \":host {\\n  display: block;\\n  flex: 1;\\n  min-width: 0;\\n  font-size: var(--ae-size-base);\\n}\\n\\n.range-container {\\n  display: flex;\\n  align-items: center;\\n  gap: 6px;\\n  width: 100%;\\n  height: 26px;\\n}\\n\\ninput[type=\\\"range\\\"] {\\n  flex: 1;\\n  margin: 0;\\n}\\n\\n.input-range,\\n.slider-input,\\ninput[type=\\\"range\\\"] {\\n  -webkit-appearance: none;\\n  appearance: none;\\n  width: 100%;\\n  height: 0.333em;\\n  border-radius: var(--ae-radius-xs);\\n  background: var(--ae-border-subtle);\\n  outline: none;\\n  cursor: pointer;\\n  margin: 0;\\n}\\n\\n.input-range {\\n  margin: 10px 0;\\n}\\n\\n.input-range::-webkit-slider-thumb,\\n.slider-input::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]::-webkit-slider-thumb {\\n  -webkit-appearance: none;\\n  appearance: none;\\n  width: 1.167em;\\n  height: 1.167em;\\n  border-radius: var(--ae-radius-circle);\\n  background: var(--ae-color-solid);\\n  cursor: pointer;\\n  transition: background 0.12s, transform 0.12s;\\n}\\n\\n.input-range::-webkit-slider-thumb:hover,\\n.slider-input::-webkit-slider-thumb:hover,\\ninput[type=\\\"range\\\"]:hover::-webkit-slider-thumb {\\n  background: var(--ae-color-solid-hover);\\n  transform: scale(1.1);\\n}\\n\\n.input-range::-webkit-slider-thumb:active,\\n.slider-input::-webkit-slider-thumb:active,\\ninput[type=\\\"range\\\"]:active::-webkit-slider-thumb {\\n  background: var(--ae-color-solid-hover);\\n  transform: scale(1.2);\\n}\\n\\n.input-range:focus::-webkit-slider-thumb,\\n.slider-input:focus::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]:focus::-webkit-slider-thumb {\\n  background: var(--ae-color-solid);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range:focus:hover::-webkit-slider-thumb,\\n.slider-input:focus:hover::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]:focus:hover::-webkit-slider-thumb {\\n  background: var(--ae-color-solid-hover);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range:focus:active::-webkit-slider-thumb,\\n.slider-input:focus:active::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]:focus:active::-webkit-slider-thumb {\\n  background: var(--ae-color-solid-hover);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range::-moz-range-thumb,\\n.slider-input::-moz-range-thumb,\\ninput[type=\\\"range\\\"]::-moz-range-thumb {\\n  width: 1.167em;\\n  height: 1.167em;\\n  border: none;\\n  border-radius: var(--ae-radius-circle);\\n  background: var(--ae-color-solid);\\n  cursor: pointer;\\n  transition: background 0.12s, transform 0.12s;\\n}\\n\\n.input-range::-moz-range-thumb:hover,\\n.slider-input::-moz-range-thumb:hover,\\ninput[type=\\\"range\\\"]:hover::-moz-range-thumb {\\n  background: var(--ae-color-solid-hover);\\n  transform: scale(1.1);\\n}\\n\\n.input-range::-moz-range-thumb:active,\\n.slider-input::-moz-range-thumb:active,\\ninput[type=\\\"range\\\"]:active::-moz-range-thumb {\\n  background: var(--ae-color-solid-hover);\\n  transform: scale(1.2);\\n}\\n\\n.input-range:focus::-moz-range-thumb,\\n.slider-input:focus::-moz-range-thumb,\\ninput[type=\\\"range\\\"]:focus::-moz-range-thumb {\\n  background: var(--ae-color-solid);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range:focus:hover::-moz-range-thumb,\\n.slider-input:focus:hover::-moz-range-thumb,\\ninput[type=\\\"range\\\"]:focus:hover::-moz-range-thumb {\\n  background: var(--ae-color-solid-hover);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range:focus:active::-moz-range-thumb,\\n.slider-input:focus:active::-moz-range-thumb,\\ninput[type=\\\"range\\\"]:focus:active::-moz-range-thumb {\\n  background: var(--ae-color-solid-hover);\\n  outline: none;\\n  box-shadow: none;\\n}\\n\\n.input-range:disabled,\\n.slider-input:disabled,\\ninput[type=\\\"range\\\"]:disabled {\\n  opacity: 0.5;\\n  cursor: not-allowed;\\n}\\n\\n.input-range:disabled::-webkit-slider-thumb,\\n.slider-input:disabled::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]:disabled::-webkit-slider-thumb {\\n  cursor: not-allowed;\\n}\\n\\n.input-range:disabled::-moz-range-thumb,\\n.slider-input:disabled::-moz-range-thumb,\\ninput[type=\\\"range\\\"]:disabled::-moz-range-thumb {\\n  cursor: not-allowed;\\n}\\n\\n.value-label {\\n  min-width: 14px;\\n  text-align: center;\\n  font-size: 12px;\\n  color: var(--ae-color-text-muted);\\n  font-weight: 500;\\n  font-variant-numeric: tabular-nums;\\n  pointer-events: none;\\n  user-select: none;\\n}\\n\\n.input-range,\\n.slider-input,\\ninput[type=\\\"range\\\"] {\\n  height: 0.333em;\\n}\\n\\n.input-range::-webkit-slider-thumb,\\n.slider-input::-webkit-slider-thumb,\\ninput[type=\\\"range\\\"]::-webkit-slider-thumb {\\n  width: 1.167em;\\n  height: 1.167em;\\n}\\n\\n.input-range::-moz-range-thumb,\\n.slider-input::-moz-range-thumb,\\ninput[type=\\\"range\\\"]::-moz-range-thumb {\\n  width: 1.167em;\\n  height: 1.167em;\\n}\\n\\n.value-label {\\n  font-size: 1em;\\n}\\n\\n.value-input {\\n  width: 56px;\\n  padding: 0 4px;\\n  height: 22px;\\n  line-height: 20px;\\n  border: 1px solid var(--ae-border-subtle);\\n  border-radius: var(--ae-radius-sm);\\n  background: transparent;\\n  color: var(--ae-color-text);\\n  font-size: 12px;\\n  text-align: center;\\n  outline: none;\\n  flex-shrink: 0;\\n  box-sizing: border-box;\\n}\\n\\n.value-input:focus {\\n  border-color: var(--ae-color-solid);\\n}\\n\\n.value-input:disabled {\\n  opacity: 0.4;\\n  cursor: not-allowed;\\n}\\n\\n.range-container .action-controls {\\n  display: flex;\\n  align-self: center;\\n  border: 1px solid var(--field-action-border-color, var(--ae-border-subtle));\\n  border-radius: var(--ae-radius-sm);\\n  overflow: hidden;\\n  background: var(--field-action-bg, var(--ae-surface-base));\\n  height: 22px;\\n  box-sizing: border-box;\\n}\\n\\n.range-container .action-controls .action-btn {\\n  padding: 0 0.35em;\\n  font-size: 12px;\\n}\\n\\n.range-container:has(.value-input) .action-controls {\\n  border-radius: var(--ae-radius-sm) 0 0 var(--ae-radius-sm);\\n}\\n\\n.range-container:has(.action-controls) .value-input {\\n  margin-left: -7px;\\n  border-radius: 0 var(--ae-radius-sm) var(--ae-radius-sm) 0;\\n}\\n\\n:host([tracked]) .input-range,\\n:host([tracked]) .slider-input,\\n:host([tracked]) input[type=\\\"range\\\"] {\\n  background: linear-gradient(\\n    to right,\\n    var(--ae-color-solid) var(--fill-pct, 0%),\\n    var(--ae-border-subtle) var(--fill-pct, 0%)\\n  );\\n}\\n\\n.range-wrapper {\\n  flex: 1;\\n  min-width: 0;\\n  display: flex;\\n  flex-direction: column;\\n  position: relative;\\n}\\n\\n.range-wrapper input[type=\\\"range\\\"] {\\n  width: 100%;\\n  flex: none;\\n}\\n\\n.marks-container {\\n  position: absolute;\\n  top: 100%;\\n  left: 7px;\\n  right: 7px;\\n  height: 18px;\\n  margin-top: 2px;\\n  overflow: visible;\\n}\\n\\n.mark {\\n  position: absolute;\\n  transform: translateX(-50%);\\n  display: flex;\\n  flex-direction: column;\\n  align-items: center;\\n  gap: 2px;\\n  pointer-events: none;\\n  user-select: none;\\n}\\n\\n.mark::before {\\n  content: '';\\n  display: block;\\n  width: 1px;\\n  height: 4px;\\n  background: var(--ae-border-default, var(--ae-border-subtle));\\n  border-radius: 1px;\\n}\\n\\n.mark-label {\\n  font-size: 10px;\\n  color: var(--ae-color-text-muted);\\n  white-space: nowrap;\\n}\\n\\n:host([marks]) .range-container {\\n  padding-bottom: 24px;\\n  height: auto;\\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  --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  --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\""],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,YAAY;;;ACDrB,SAAS,oBAAoB;AAE7B,IAAM,kBAAkB;AAKxB,IAAM,iBAAN,cAA6B,aAAa;AAAA,EACxC,OAAO,OAAO,MAAc;AAC1B,UAAM,SAAS,GAAG,eAAe;AAEjC,UAAM,UAAU,KAAK,WAAW,MAAM,IAAI,OAAO,GAAG,MAAM,GAAG,IAAI;AAEjE,UAAM,OAAO,OAAO;AAAA,EACtB;AACF;AAEA,IAAO,0BAAQ;;;ADCf,IAAM,aAAN,MAAM,oBAAoC,wBAAe;AAAA;AAAA;AAAA;AAAA,EAIvD,OAAO,QAAe;AAAA,IACpB,OAAO,EAAE,MAAM,OAAO;AAAA,IACtB,cAAc,EAAE,MAAM,OAAO;AAAA,IAC7B,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,WAAW,EAAE,MAAM,OAAO;AAAA,IAC1B,YAAY,EAAE,MAAM,OAAO;AAAA,IAC3B,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,WAAW,EAAE,MAAM,OAAO;AAAA,IAC1B,YAAY,EAAE,MAAM,OAAO;AAAA,IAC3B,mBAAmB,EAAE,MAAM,OAAO;AAAA,IAClC,MAAM,EAAE,MAAM,OAAO;AAAA,IACrB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,OAAO,EAAE,MAAM,OAAO;AAAA,IACtB,gBAAgB,EAAE,MAAM,OAAO;AAAA,IAC/B,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,YAAY,EAAE,MAAM,OAAO;AAAA,IAC3B,OAAO,EAAE,MAAM,OAAO;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,WAAqB;AAAA,IAC1B,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EAEA,OAAe,kBAAkB;AAAA,EAChB;AAAA,EAEjB,cAAc;AACZ,UAAM;AACN,SAAK,WAAW,YAAY,EAAE,YAAW,eAAe;AAAA,EAC1D;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,eAAoC;AAAA,EAEpC,WAAqC;AAAA,EACrC,WAAqC;AAAA,EAE5B,gBAAgB,MACjC,KAAK,SAAS,KAAK,SAAS,GAAG,EAAE,QAAQ,OAAO,QAAQ,SAAS,CAAC;AAAA,EAEjD,eAAe,MAAM,KAAK,QAAQ;AAAA,EAClC,eAAe,MAAM,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,EAuBrD,oBAAoB;AAClB,UAAM,kBAAkB;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA,EAKA,uBAAuB;AACrB,UAAM,qBAAqB;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,oBAAoB,QAAiB,OAAO;AACpD,UAAM,QAAQ,KAAK,qBAAqB;AACxC,UAAM,aAAa,SAAS,KAAK,aAAa,KAAK;AAEnD,QAAI,cAAc,UAAU,cAAc;AACxC,WAAK,IAAI,EAAE,WAAW,kBAAkB,GAAG,MAAM;AAC/C,aAAK,kBAAkB,KAAK;AAC5B,aAAK,kBAAkB,KAAK;AAAA,MAC9B,CAAC;AAAA,IACH,OAAO;AACL,WAAK,kBAAkB,KAAK;AAC5B,WAAK,kBAAkB,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEU,kBAAkB,QAAiB,OAAO;AAClD,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,QAAQ,KAAK,qBAAqB;AAExC,QAAI,SAAS,KAAK,YAAY;AAC5B,YAAM,YAAY,UAAU,eAAe,yBAAyB;AACpE,WAAK,WAAW,OAAO;AAAA,QACrB;AAAA,QACA,aAAa,KAAK,aAAa;AAAA,QAC/B,OAAO,KAAK,cAAc;AAAA,QAC1B,UAAU,KAAK;AAAA,MACjB,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEU,kBAAkB,QAAiB,OAAO;AAClD,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,QAAQ,KAAK,qBAAqB;AAExC,QAAI,SAAS,KAAK,WAAW;AAC3B,YAAM,YAAY,UAAU,eAAe,yBAAyB;AACpE,WAAK,WAAW,OAAO;AAAA,QACrB;AAAA,QACA,aAAa,KAAK,aAAa;AAAA,QAC/B,OAAO,KAAK,cAAc;AAAA,QAC1B,UAAU,KAAK;AAAA,MACjB,CAAC;AAAA,IACH;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,aAAqB;AAC7B,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOU,YAAY,SAAuB;AAC3C,QAAI,CAAC,KAAK,MAAO;AACjB,UAAM,EAAE,KAAK,IAAI;AACjB,SAAK,MAAM,EAAE,IAAI,GAAG,OAAO,UAAU,WAAW,eAAe,KAAK,QAAQ,GAAG,MAAM;AACnF,WAAK,EAAE,aAAa,KAAK,MAAO,CAAC;AACjC,UAAI,KAAK,UAAU;AACjB,aAAK,EAAE,WAAW,kBAAkB,eAAe,QAAQ,aAAa,KAAK,CAAC;AAAA,MAChF;AAAA,IACF,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,mBAAyB;AACjC,QAAI,CAAC,KAAK,cAAc,KAAK,MAAO;AACpC,UAAM,EAAE,KAAK,IAAI;AACjB,SAAK,EAAE,WAAW,gBAAgB,aAAa,KAAK,WAAW,CAAC;AAAA,EAClE;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,cAAoB;AAC5B,QAAI,CAAC,KAAK,MAAO;AACjB,UAAM,EAAE,KAAK,IAAI;AACjB,SAAK,EAAE,WAAW,eAAe,aAAa,KAAK,MAAM,CAAC;AAAA,EAC5D;AAAA;AAAA;AAAA;AAAA,EAKU,kBAAkB,UAAmB;AAC7C,QAAI,KAAK,cAAc;AACrB,MAAC,KAAK,aAAsD,WAAW,QAAQ,QAAQ;AAAA,IACzF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKU,eAAe,UAAoC;AAC3D,QAAI,KAAK,cAAc;AACrB,UAAI,UAAU;AACZ,aAAK,aAAa,aAAa,gBAAgB,MAAM;AAAA,MACvD,OAAO;AACL,aAAK,aAAa,gBAAgB,cAAc;AAAA,MAClD;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,UAAU,eAA2C;AAC7D,QAAI,CAAC,KAAK,aAAc;AACxB,QAAI,KAAK,OAAO;AACd,WAAK,aAAa,aAAa,gBAAgB,MAAM;AAAA,IACvD,OAAO;AACL,WAAK,aAAa,gBAAgB,cAAc;AAAA,IAClD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOO,gBAAyB;AAC9B,QAAI,KAAK,cAAc;AACrB,aAAO,KAAK,aAAa,cAAc;AAAA,IACzC;AACA,QAAI,KAAK,UAAU;AACjB,YAAM,IAAI,KAAK;AACf,aAAO,MAAM,UAAa,MAAM,MAAM,MAAM;AAAA,IAC9C;AACA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKO,iBAA0B;AAC/B,QAAI,KAAK,cAAc;AACrB,aAAO,KAAK,aAAa,eAAe;AAAA,IAC1C;AACA,WAAO,KAAK,cAAc;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,SAAe;AAAA,EAEf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASU,WAAmB;AAC3B,WAAQ,KAAK,cAAc,SAAS;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQU,WAAW,QAAsB;AAAA,EAE3C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWU,gBACR,OACA,UACA,QACyB;AACzB,WAAO,EAAE,OAAO,UAAU,OAAO;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUU,SAAS,OAAe,SAA4D;AAC5F,UAAM,WAAW,KAAK,SAAS;AAG/B,SAAK,QAAQ;AAGb,SAAK,WAAW,KAAK;AAGrB,QAAI,SAAS,WAAW,OAAO;AAC7B,YAAM,UAAU,KAAK,gBAAgB,OAAO,UAAU,QAAQ,UAAU,QAAQ;AAChF,WAAK,KAAK,UAAU,EAAE,QAAQ,QAAQ,CAAC;AAAA,IACzC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,MAAM,OAAgB,SAAsC;AACjE,UAAM,aAAa,UAAU,SAAY,QAAQ,KAAK;AACtD,SAAK,SAAS,YAAsB,EAAE,GAAG,SAAS,QAAQ,QAAQ,CAAC;AAAA,EACrE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOO,MAAM,SAAsC;AACjD,SAAK,SAAS,IAAc,EAAE,GAAG,SAAS,QAAQ,QAAQ,CAAC;AAAA,EAC7D;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,UAAgB;AACxB,SAAK,MAAM,EAAE,QAAQ,MAAM,CAAC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,UAAgB;AACxB,SAAK,MAAM,QAAW,EAAE,QAAQ,MAAM,CAAC;AAAA,EACzC;AACF;AAEA,IAAO,sBAAQ;;;AE3Wf,SAAS,MAAM,QAAAA,aAAY;;;ACF3B,IAAO,iBAAQ;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;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;;;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;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;;;ACAf,IAAO,eAAQ;;;ACAf,IAAO,gBAAQ;;;ACAf,IA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",
   "names": ["tags", "tags", "slider_default"]
 }