@aithe/aithe-ui 26.2.3 → 26.3.2

package/dist/components/form/color-picker.js

@@ -0,0 +1,148 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+/**
+ * Color picker built on native color input with optional alpha channel.
+ * 基于原生颜色输入的颜色选择器，支持可选的透明度通道。
+ *
+ * @slot - Default slot (unused; picker is self-contained). 默认插槽（未使用，选择器为自包含组件）。
+ * @fires aithe-change - Emitted when the color or alpha value changes, with `{ value, alpha, format }`. 颜色或透明度变更时触发。
+ *
+ * @example
+ * ```html
+ * <aithe-color-picker value="#4d8dff" format="hex"></aithe-color-picker>
+ * <aithe-color-picker alpha alpha-value="0.8"></aithe-color-picker>
+ * ```
+ */
+let AitheColorPicker = class AitheColorPicker extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Current color value. 当前颜色值。 */
+        this.value = '#4d8dff';
+        /** Output color format. 输出颜色格式。 */
+        this.format = 'hex';
+        /** Whether to show the alpha (opacity) slider. 是否显示透明度滑块。 */
+        this.alpha = false;
+        /** Alpha (opacity) value from 0 to 1. 透明度值，范围 0 到 1。 */
+        this.alphaValue = 1;
+        /** Whether the color picker is disabled. 是否禁用颜色选择器。 */
+        this.disabled = false;
+        this.handleColor = (event) => {
+            this.value = event.currentTarget.value;
+            this.emitChange();
+        };
+        this.handleAlpha = (event) => {
+            this.alphaValue = Number(event.currentTarget.value);
+            this.emitChange();
+        };
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        display: inline-flex;
+      }
+
+      .picker {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--aithe-space-3);
+        min-height: var(--aithe-control-height-md);
+        padding: 0 var(--aithe-space-3);
+        border: 1px solid var(--aithe-color-border);
+        border-radius: var(--aithe-radius-md);
+        background: var(--aithe-color-surface-elevated);
+      }
+
+      .swatch {
+        width: 20px;
+        height: 20px;
+        border-radius: 50%;
+        border: 1px solid var(--aithe-color-border);
+        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+      }
+
+      input[type='color'] {
+        width: 40px;
+        height: 28px;
+        padding: 0;
+        border: none;
+        background: transparent;
+      }
+
+      input[type='range'] {
+        width: 80px;
+      }
+
+      .value {
+        color: var(--aithe-color-text-muted);
+        font-family: var(--aithe-font-family-mono);
+        font-size: var(--aithe-font-size-sm);
+      }
+    `,
+    ]; }
+    emitChange() {
+        this.emit('aithe-change', {
+            value: this.value,
+            alpha: this.alphaValue,
+            format: this.format,
+        });
+    }
+    render() {
+        const alphaHex = Math.round(this.alphaValue * 255)
+            .toString(16)
+            .padStart(2, '0');
+        const displayValue = this.alpha ? `${this.value}${alphaHex}` : this.value;
+        return html `
+      <div class="picker">
+        <span class="swatch" style=${`background:${this.value};opacity:${this.alphaValue};`}></span>
+        <input
+          type="color"
+          .value=${this.value}
+          ?disabled=${this.disabled}
+          @input=${this.handleColor}
+        />
+        ${this.alpha
+            ? html `
+              <input
+                type="range"
+                min="0"
+                max="1"
+                step="0.01"
+                .value=${String(this.alphaValue)}
+                ?disabled=${this.disabled}
+                @input=${this.handleAlpha}
+              />
+            `
+            : null}
+        <span class="value">${displayValue}</span>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], AitheColorPicker.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], AitheColorPicker.prototype, "format", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheColorPicker.prototype, "alpha", void 0);
+__decorate([
+    property({ type: Number, attribute: 'alpha-value' })
+], AitheColorPicker.prototype, "alphaValue", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AitheColorPicker.prototype, "disabled", void 0);
+AitheColorPicker = __decorate([
+    customElement('aithe-color-picker')
+], AitheColorPicker);
+export { AitheColorPicker };

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

@@ -41,5 +41,9 @@ export declare class AitheCombobox extends AitheElement {
     private selectOption;
     render(): import("lit-html").TemplateResult<1>;
     private renderOptionList;
+    /** Renders a single option button. 渲染单个选项按钮。 */
+    private renderOption;
+    /** Groups options by their `group` field. 按 group 字段对选项聚合。 */
+    private groupedOptions;
 }
 //# sourceMappingURL=combobox.d.ts.map

package/dist/components/form/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/form/combobox.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAYnD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,aAAc,SAAQ,YAAY;IAC7C,kCAAkC;IACN,KAAK,SAAM;IACvC,2EAA2E;IAC/C,KAAK,SAAM;IACvC,2DAA2D;IAC/B,IAAI,SAAM;IACtC,wDAAwD;IAC5B,OAAO,SAAQ;IAC3C,8DAA8D;IACjC,UAAU,UAAQ;IAC/C,iDAAiD;IACL,QAAQ,UAAS;IAC7D,gDAAgD;IACpB,WAAW,SAAM;IAEpC,OAAO,CAAC,IAAI,CAAS;IAE9B,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAoHpB;IAEF,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,KAAK,aAAa,GAOxB;IAED,OAAO,KAAK,eAAe,GAQ1B;IAED,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAIpC;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAI1B;IAEF,OAAO,CAAC,YAAY;IAMpB,MAAM;IA0BN,OAAO,CAAC,gBAAgB;CAwBzB"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/form/combobox.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAcnD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,aAAc,SAAQ,YAAY;IAC7C,kCAAkC;IACN,KAAK,SAAM;IACvC,2EAA2E;IAC/C,KAAK,SAAM;IACvC,2DAA2D;IAC/B,IAAI,SAAM;IACtC,wDAAwD;IAC5B,OAAO,SAAQ;IAC3C,8DAA8D;IACjC,UAAU,UAAQ;IAC/C,iDAAiD;IACL,QAAQ,UAAS;IAC7D,gDAAgD;IACpB,WAAW,SAAM;IAEpC,OAAO,CAAC,IAAI,CAAS;IAE9B,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAgIpB;IAEF,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,KAAK,aAAa,GAOxB;IAED,OAAO,KAAK,eAAe,GAQ1B;IAED,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAIpC;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAK1B;IAEF,OAAO,CAAC,YAAY;IAMpB,MAAM;IA8BN,OAAO,CAAC,gBAAgB;IAyBxB,gDAAgD;IAChD,OAAO,CAAC,YAAY;IAgBpB,8DAA8D;IAC9D,OAAO,CAAC,cAAc;CAevB"}

package/dist/components/form/combobox.js

@@ -0,0 +1,325 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+import { t } from '../../styles/i18n';
+/**
+ * Filterable input + option list combobox.
+ * 可过滤的输入框 + 选项列表组合框。
+ *
+ * @slot - Default slot (unused; combobox is self-contained). 默认插槽（未使用，组合框为自包含组件）。
+ * @fires aithe-change - Emitted when an option is selected, with `{ value, option }`. 选中选项时触发。
+ * @fires aithe-input - Emitted on every keystroke, with `{ value }`. 每次按键时触发。
+ *
+ * @example
+ * ```html
+ * <aithe-combobox
+ *   options='[{"label":"Apple","id":"apple"},{"label":"Banana","id":"banana"}]'
+ *   filterable
+ * ></aithe-combobox>
+ * ```
+ */
+let AitheCombobox = class AitheCombobox extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Current input value. 当前输入值。 */
+        this.value = '';
+        /** Display title for the combobox (shown as tooltip). 组合框的显示标题（作为工具提示）。 */
+        this.title = '';
+        /** Icon name to display before the input. 在输入框前显示的图标名称。 */
+        this.icon = '';
+        /** JSON string of combobox options. 组合框选项的 JSON 字符串。 */
+        this.options = '[]';
+        /** Whether the input supports filtering options. 是否支持过滤选项。 */
+        this.filterable = true;
+        /** Whether the combobox is disabled. 是否禁用组合框。 */
+        this.disabled = false;
+        /** Placeholder text for the input. 输入框的占位文本。 */
+        this.placeholder = '';
+        this.open = false;
+        this.handleDocumentPointer = (event) => {
+            if (!event.composedPath().includes(this)) {
+                this.open = false;
+            }
+        };
+        this.handleInput = (event) => {
+            event.stopPropagation();
+            this.value = event.currentTarget.value;
+            this.open = true;
+            this.emit('aithe-input', { value: this.value });
+        };
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        position: relative;
+        display: inline-flex;
+        width: 100%;
+      }
+
+      .control {
+        display: flex;
+        align-items: center;
+        gap: var(--aithe-space-2);
+        width: 100%;
+        min-height: var(--aithe-control-height-md);
+        padding: 6px 12px;
+        border: 1px solid var(--aithe-color-border);
+        border-radius: var(--aithe-radius-md);
+        background: var(--aithe-color-surface-elevated);
+        transition:
+          border-color var(--aithe-duration-fast) var(--aithe-ease-standard),
+          box-shadow var(--aithe-duration-fast) var(--aithe-ease-standard);
+      }
+
+      .control:focus-within {
+        border-color: var(--aithe-primary-5);
+        box-shadow: 0 0 0 4px var(--aithe-color-focus-ring);
+      }
+
+      .control.disabled {
+        opacity: 0.58;
+        cursor: not-allowed;
+        background: var(--aithe-color-surface-muted);
+      }
+
+      .value-icon {
+        flex-shrink: 0;
+        color: var(--aithe-color-text-muted);
+      }
+
+      input {
+        width: 100%;
+        min-width: 0;
+        margin: 0;
+        padding: 0;
+        border: none !important;
+        outline: none !important;
+        background: transparent;
+        color: var(--aithe-color-text);
+        line-height: inherit;
+      }
+
+      input::placeholder {
+        color: var(--aithe-color-text-subtle);
+      }
+
+      input:focus {
+        outline: none !important;
+        border: none !important;
+      }
+
+      .panel {
+        position: absolute;
+        top: calc(100% + var(--aithe-space-2));
+        left: 0;
+        right: 0;
+        z-index: var(--aithe-z-dropdown);
+        display: grid;
+        gap: var(--aithe-space-1);
+        max-height: 260px;
+        padding: var(--aithe-space-2);
+        overflow: auto;
+        border: 1px solid var(--aithe-color-border);
+        border-radius: var(--aithe-container-radius-lg);
+        background: var(--aithe-color-surface-elevated);
+        box-shadow: var(--aithe-shadow-3);
+      }
+
+      .item {
+        min-height: 36px;
+        padding: 0 var(--aithe-space-3);
+        border: none;
+        border-radius: var(--aithe-radius-md);
+        background: transparent;
+        color: var(--aithe-color-text);
+        text-align: left;
+        cursor: pointer;
+      }
+
+      .item:hover {
+        background: var(--aithe-color-surface-muted);
+      }
+
+      .item.primary {
+        color: var(--aithe-primary-7);
+      }
+      .item.success {
+        color: var(--aithe-success-7);
+      }
+      .item.warning {
+        color: var(--aithe-warning-7);
+      }
+      .item.danger {
+        color: var(--aithe-danger-7);
+      }
+
+      .option-icon {
+        flex-shrink: 0;
+        color: var(--aithe-color-text-muted);
+      }
+
+      .empty {
+        padding: var(--aithe-space-3);
+        color: var(--aithe-color-text-subtle);
+      }
+
+      .group-header {
+        padding: var(--aithe-space-2) var(--aithe-space-3);
+        font-size: var(--aithe-font-size-xs);
+        font-weight: var(--aithe-font-weight-medium);
+        color: var(--aithe-color-text-muted);
+        user-select: none;
+      }
+
+      .group .item {
+        padding-left: var(--aithe-space-6);
+      }
+    `,
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('mousedown', this.handleDocumentPointer);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('mousedown', this.handleDocumentPointer);
+    }
+    get parsedOptions() {
+        try {
+            const parsed = JSON.parse(this.options);
+            return parsed.map((item) => (typeof item === 'string' ? { label: item, id: item } : item));
+        }
+        catch {
+            return [];
+        }
+    }
+    get filteredOptions() {
+        const options = this.parsedOptions;
+        if (!this.filterable || !this.value) {
+            return options;
+        }
+        const keyword = this.value.toLowerCase();
+        return options.filter((item) => item.label.toLowerCase().includes(keyword));
+    }
+    selectOption(option) {
+        this.value = option.id;
+        this.open = false;
+        this.emit('aithe-change', { value: this.value, option });
+    }
+    render() {
+        const options = this.filteredOptions;
+        return html `
+      <label class=${classMap({ control: true, disabled: this.disabled })} title=${this.title}>
+        ${this.icon
+            ? html `
+                <aithe-icon class="value-icon" name=${this.icon} size="16"></aithe-icon>
+              `
+            : nothing}
+        <input
+          .value=${this.value}
+          placeholder=${this.placeholder || t('form.combobox.placeholder')}
+          ?disabled=${this.disabled}
+          @focus=${() => (this.open = true)}
+          @input=${this.handleInput}
+        />
+      </label>
+      ${this.open
+            ? html `
+              <div class="panel">${this.renderOptionList(options)}</div>
+            `
+            : null}
+    `;
+    }
+    renderOptionList(options) {
+        if (!options.length) {
+            return [
+                html `
+          <div class="empty">${t('form.combobox.emptyText')}</div>
+        `,
+            ];
+        }
+        const hasGroup = options.some((o) => o.group);
+        if (!hasGroup) {
+            return options.map((option) => this.renderOption(option));
+        }
+        return this.groupedOptions(options).map((group) => {
+            const header = group.label
+                ? html `
+            <div class="group-header" role="presentation">${group.label}</div>
+          `
+                : nothing;
+            const items = group.options.map((option) => this.renderOption(option));
+            return html `
+        <div class="group">${header}${items}</div>
+      `;
+        });
+    }
+    /** Renders a single option button. 渲染单个选项按钮。 */
+    renderOption(option) {
+        const intentClass = option.variant && option.variant !== 'default' ? option.variant : '';
+        const optionIcon = option.icon
+            ? html `
+          <aithe-icon class="option-icon" name=${option.icon} size="16"></aithe-icon>
+        `
+            : nothing;
+        return html `
+      <button class="item ${intentClass}" type="button" @click=${() => this.selectOption(option)}>
+        <span style="display:inline-flex;align-items:center;gap:var(--aithe-space-2);">
+          ${optionIcon}${option.label}
+        </span>
+      </button>
+    `;
+    }
+    /** Groups options by their `group` field. 按 group 字段对选项聚合。 */
+    groupedOptions(options) {
+        const map = new Map();
+        for (const opt of options) {
+            const g = opt.group ?? '';
+            if (!map.has(g))
+                map.set(g, []);
+            map.get(g).push(opt);
+        }
+        const groups = [];
+        for (const [label, opts] of map) {
+            groups.push({ label: label || undefined, options: opts });
+        }
+        return groups;
+    }
+};
+__decorate([
+    property({ type: String })
+], AitheCombobox.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], AitheCombobox.prototype, "title", void 0);
+__decorate([
+    property({ type: String })
+], AitheCombobox.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], AitheCombobox.prototype, "options", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheCombobox.prototype, "filterable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AitheCombobox.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], AitheCombobox.prototype, "placeholder", void 0);
+__decorate([
+    state()
+], AitheCombobox.prototype, "open", void 0);
+AitheCombobox = __decorate([
+    customElement('aithe-combobox')
+], AitheCombobox);
+export { AitheCombobox };

package/dist/components/form/date-picker.js

@@ -0,0 +1,123 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+/**
+ * Date input wrapper with optional range mode.
+ * 日期输入包装器，支持可选的范围模式。
+ *
+ * @slot - Default slot (unused; picker is self-contained). 默认插槽（未使用，选择器为自包含组件）。
+ * @fires aithe-change - Emitted when a date value changes, with `{ value, format }`. 日期值变更时触发。
+ *
+ * @example
+ * ```html
+ * <aithe-date-picker value="2025-01-01" format="YYYY-MM-DD"></aithe-date-picker>
+ * <aithe-date-picker range value="2025-01-01" end-value="2025-01-31"></aithe-date-picker>
+ * ```
+ */
+let AitheDatePicker = class AitheDatePicker extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Start date value. 起始日期值。 */
+        this.value = '';
+        /** Display format pattern. 显示格式模式。 */
+        this.format = 'YYYY-MM-DD';
+        /** Whether to enable date range selection. 是否启用日期范围选择。 */
+        this.range = false;
+        /** Whether the date picker is disabled. 是否禁用日期选择器。 */
+        this.disabled = false;
+        /** End date value for range mode. 范围模式的结束日期值。 */
+        this.endValue = '';
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        display: inline-flex;
+      }
+
+      .wrap {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--aithe-space-2);
+        min-height: var(--aithe-control-height-md);
+        padding: 0 var(--aithe-space-3);
+        border: 1px solid var(--aithe-color-border);
+        border-radius: var(--aithe-radius-md);
+        background: var(--aithe-color-surface-elevated);
+      }
+
+      input {
+        min-width: 0;
+        border: none;
+        outline: none;
+        background: transparent;
+        color: var(--aithe-color-text);
+      }
+
+      .sep {
+        color: var(--aithe-color-text-subtle);
+      }
+    `,
+    ]; }
+    emitChange() {
+        this.emit('aithe-change', {
+            value: this.range ? [this.value, this.endValue] : this.value,
+            format: this.format,
+        });
+    }
+    render() {
+        return html `
+      <div class="wrap">
+        <input
+          type="date"
+          .value=${this.value}
+          ?disabled=${this.disabled}
+          @change=${(event) => {
+            this.value = event.currentTarget.value;
+            this.emitChange();
+        }}
+        />
+        ${this.range
+            ? html `
+              <span class="sep">~</span>
+              <input
+                type="date"
+                .value=${this.endValue}
+                ?disabled=${this.disabled}
+                @change=${(event) => {
+                this.endValue = event.currentTarget.value;
+                this.emitChange();
+            }}
+              />
+            `
+            : null}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], AitheDatePicker.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], AitheDatePicker.prototype, "format", void 0);
+__decorate([
+    property({ type: Boolean })
+], AitheDatePicker.prototype, "range", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AitheDatePicker.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, attribute: 'end-value' })
+], AitheDatePicker.prototype, "endValue", void 0);
+AitheDatePicker = __decorate([
+    customElement('aithe-date-picker')
+], AitheDatePicker);
+export { AitheDatePicker };

package/dist/components/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["../../../src/components/form/form-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD;;;;;;;;;;;GAWG;AACH,qBACa,aAAc,SAAQ,YAAY;IAC7C,gCAAgC;IACJ,KAAK,SAAM;IACvC,4EAA4E;IAChD,KAAK,SAAM;IACvC,0DAA0D;IAC9B,IAAI,SAAM;IACtC,gEAAgE;IACpC,IAAI,SAAM;IACtC,8CAA8C;IACjB,QAAQ,UAAS;IAC9C,kDAAkD;IACtB,KAAK,SAAM;IAEvC,2DAA2D;IAClD,OAAO,CAAC,aAAa,CAAM;IAEpC,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA6BpB;IAEF,iFAAiF;IACjF,QAAQ,IAAI,OAAO;IAsBnB,MAAM;CAgCP"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["../../../src/components/form/form-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD;;;;;;;;;;;GAWG;AACH,qBACa,aAAc,SAAQ,YAAY;IAC7C,gCAAgC;IACJ,KAAK,SAAM;IACvC,4EAA4E;IAChD,KAAK,SAAM;IACvC,0DAA0D;IAC9B,IAAI,SAAM;IACtC,gEAAgE;IACpC,IAAI,SAAM;IACtC,8CAA8C;IACjB,QAAQ,UAAS;IAC9C,kDAAkD;IACtB,KAAK,SAAM;IAEvC,2DAA2D;IAClD,OAAO,CAAC,aAAa,CAAM;IAEpC,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA6BpB;IAEF,iFAAiF;IACjF,QAAQ,IAAI,OAAO;IAqBnB,MAAM;CAgCP"}