@aceshooting/lyra-ui 2.8.0 → 2.10.0

package/dist/components/input/input.class.js

@@ -0,0 +1,269 @@
+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 { html, nothing } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { FormAssociated } from '../../internal/form-associated.js';
+import { SET_ANCHORED_VALIDITY } from '../../internal/anchored-validity.js';
+import { eyeIcon, eyeOffIcon } from '../../internal/icons.js';
+import { styles } from './input.styles.js';
+class LyraInputBase extends LyraElement {
+}
+/**
+ * `<lyra-input>` — a single-line plain-text input primitive, the `lyra-*` equivalent of a plain
+ * `wa-input`, form-associated via the `FormAssociated` mixin (same shape as `<lyra-textarea>`).
+ *
+ * Ships the same opt-in `label`/`hint`/`errorText` form-control chrome as `<lyra-textarea>`/
+ * `<lyra-select>` (props + matching named slots + `form-control`/`form-control-label`/`hint`/`error`
+ * parts) — left unset, the chrome stays hidden. `type="password"` always renders a
+ * `password-toggle` eye-icon button that flips the internal native input between
+ * `type="password"`/`type="text"` and tracks `passwordVisible`. `type="email"`/`type="number"`
+ * (with `min`/`max`/`step`) delegate constraint validation to the internal native `<input>`'s own
+ * browser-computed `validity`, bridged into this element's `ElementInternals` by `updateValidity()`.
+ *
+ * A host `aria-label` is forwarded to the internal textbox via the typed `accessibleLabel` property;
+ * external `aria-labelledby`/`aria-describedby` idrefs are not copied across the shadow boundary.
+ *
+ * @customElement lyra-input
+ * @event lyra-input - Fired on every user-driven edit (not a programmatic `.value` assignment). `detail: { value }`.
+ * @event lyra-change - Fired on the native `change` timing (control loses focus after a committed edit). `detail: { value }`.
+ * @event blur - Re-dispatched from the internal native `<input>`'s own `blur` — bubbling and
+ *   composed (unlike the native event, which is neither).
+ * @event focus - Re-dispatched from the internal native `<input>`'s own `focus`, for the same reason as `blur`.
+ * @slot label - Custom label content.
+ * @slot hint - Custom hint content.
+ * @slot error - Custom error content.
+ * @csspart form-control - The outer wrapper around label, input, error and hint.
+ * @csspart form-control-label - The `<label>` element.
+ * @csspart input-wrapper - The row wrapping the native input and the password-toggle button.
+ * @csspart input - The native `<input>` element.
+ * @csspart password-toggle - The show/hide-password button, present only when `type="password"`.
+ * @csspart hint - The hint message.
+ * @csspart error - The error message.
+ */
+export class LyraInput extends FormAssociated(LyraInputBase) {
+    constructor() {
+        super(...arguments);
+        this.type = 'text';
+        this.placeholder = '';
+        this.label = '';
+        this.hint = '';
+        this.errorText = '';
+        /** Accessible name overriding the label/placeholder-derived default. Takes precedence over both
+         *  `label` and `placeholder` when set, matching `<lyra-textarea>`'s `accessibleLabel`. */
+        this.accessibleLabel = null;
+        this.autocomplete = '';
+        /** `type="password"` only — whether the field currently reveals its raw text. Toggled by the
+         *  built-in `password-toggle` button; also settable by a consumer up front. */
+        this.passwordVisible = false;
+        this.hasHintSlot = false;
+        this.hasErrorSlot = false;
+        this.hasLabelSlot = false;
+        this.touched = false;
+        this.onInput = () => {
+            if (!this.inputEl)
+                return;
+            this.value = this.inputEl.value;
+            this.emit('lyra-input', { value: this.value });
+        };
+        this.onChange = () => {
+            if (!this.inputEl)
+                return;
+            this.value = this.inputEl.value;
+            this.emit('lyra-change', { value: this.value });
+        };
+        this.onFocus = () => {
+            this.emit('focus');
+        };
+        this.onBlur = () => {
+            this.touched = true;
+            this.emit('blur');
+        };
+        this.onTogglePasswordVisible = () => {
+            this.passwordVisible = !this.passwordVisible;
+        };
+        this.onHintSlotChange = (e) => {
+            this.hasHintSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onErrorSlotChange = (e) => {
+            this.hasErrorSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+        this.onLabelSlotChange = (e) => {
+            this.hasLabelSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    /** The internal native `<input>` element, for direct DOM access — mirrors `<lyra-textarea>`'s own `input` getter. */
+    get input() {
+        return this.inputEl ?? null;
+    }
+    focus(options) {
+        this.inputEl?.focus(options);
+    }
+    blur() {
+        this.inputEl?.blur();
+    }
+    select() {
+        this.inputEl?.select();
+    }
+    /**
+     * Bridges the internal native `<input>`'s own browser-computed constraint validation (format for
+     * `type="email"`, range/step for `type="number"`) into this element's `ElementInternals`, instead
+     * of hand-rolling a second regex-based check — a real native input of the right `type` already
+     * computes `typeMismatch`/`rangeUnderflow`/`rangeOverflow`/`stepMismatch` correctly. Falls back to
+     * the base mixin's plain required-and-empty check before the first render (`inputEl` unset).
+     *
+     * A typed native input (`number`, `email`, …) also runs its own value-sanitization algorithm on
+     * assignment, which silently rewrites an unparseable non-empty value to `''` without setting any
+     * `ValidityState` flag — left unchecked, `native.validity.valid` would then read `true` (empty is
+     * fine when not required) while `this.value`/the bridged form value still held the literal invalid
+     * string. Detect that mismatch and report it as `badInput` instead of trusting native blindly.
+     */
+    updateValidity() {
+        const native = this.inputEl;
+        if (!native) {
+            if (this.required && this.value === '') {
+                this[SET_ANCHORED_VALIDITY]({ valueMissing: true }, 'Please fill out this field.');
+            }
+            else {
+                this[SET_ANCHORED_VALIDITY]({});
+            }
+            return;
+        }
+        native.value = this.value;
+        const sanitizedAway = this.value !== '' && native.value === '';
+        const v = native.validity;
+        if (v.valid) {
+            if (sanitizedAway) {
+                this[SET_ANCHORED_VALIDITY]({ badInput: true }, this.localize('valueInvalid'));
+                return;
+            }
+            this[SET_ANCHORED_VALIDITY]({});
+            return;
+        }
+        this[SET_ANCHORED_VALIDITY]({
+            valueMissing: v.valueMissing,
+            typeMismatch: v.typeMismatch,
+            rangeUnderflow: v.rangeUnderflow,
+            rangeOverflow: v.rangeOverflow,
+            stepMismatch: v.stepMismatch,
+            badInput: v.badInput,
+        }, native.validationMessage);
+    }
+    updated(changed) {
+        super.updated(changed);
+        if (changed.has('type') || changed.has('min') || changed.has('max') || changed.has('step')) {
+            this.updateValidity();
+        }
+    }
+    render() {
+        const hasHint = this.hasHintSlot || this.hint.length > 0;
+        const hasError = this.hasErrorSlot || this.errorText.length > 0;
+        const hasLabel = this.hasLabelSlot || this.label.length > 0;
+        const describedBy = [hasError ? 'input-error' : '', hasHint ? 'input-hint' : ''].filter(Boolean).join(' ');
+        const isPassword = this.type === 'password';
+        const nativeType = isPassword && this.passwordVisible ? 'text' : this.type;
+        return html `
+      <div part="form-control">
+        <label part="form-control-label" for="input" ?hidden=${!hasLabel}>
+          ${this.label}<slot name="label" @slotchange=${this.onLabelSlotChange}></slot>
+        </label>
+        <div part="input-wrapper">
+          <input
+            id="input"
+            part="input"
+            type=${nativeType}
+            placeholder=${this.placeholder}
+            aria-label=${this.accessibleLabel ||
+            (hasLabel ? nothing : this.placeholder || this.localize('inputLabel'))}
+            aria-describedby=${describedBy || nothing}
+            aria-required=${this.required ? 'true' : 'false'}
+            aria-invalid=${hasError || (this.touched && !this.internals.validity.valid) ? 'true' : 'false'}
+            autocomplete=${this.autocomplete || nothing}
+            min=${this.min ?? nothing}
+            max=${this.max ?? nothing}
+            step=${this.step ?? nothing}
+            .value=${this.value}
+            ?required=${this.required}
+            ?disabled=${this.effectiveDisabled}
+            @input=${this.onInput}
+            @change=${this.onChange}
+            @focus=${this.onFocus}
+            @blur=${this.onBlur}
+          />
+          ${isPassword
+            ? html `<button
+                part="password-toggle"
+                type="button"
+                ?disabled=${this.effectiveDisabled}
+                aria-label=${this.localize(this.passwordVisible ? 'hidePassword' : 'showPassword')}
+                aria-pressed=${this.passwordVisible ? 'true' : 'false'}
+                @click=${this.onTogglePasswordVisible}
+              >
+                ${this.passwordVisible ? eyeOffIcon() : eyeIcon()}
+              </button>`
+            : ''}
+        </div>
+        <div id="input-error" part="error" ?hidden=${!hasError}>
+          ${this.errorText}<slot name="error" @slotchange=${this.onErrorSlotChange}></slot>
+        </div>
+        <div id="input-hint" part="hint" ?hidden=${!hasHint}>
+          ${this.hint}<slot name="hint" @slotchange=${this.onHintSlotChange}></slot>
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property()
+], LyraInput.prototype, "type", void 0);
+__decorate([
+    property()
+], LyraInput.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], LyraInput.prototype, "label", void 0);
+__decorate([
+    property()
+], LyraInput.prototype, "hint", void 0);
+__decorate([
+    property({ attribute: 'error-text' })
+], LyraInput.prototype, "errorText", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraInput.prototype, "accessibleLabel", void 0);
+__decorate([
+    property()
+], LyraInput.prototype, "autocomplete", void 0);
+__decorate([
+    property({ type: Number })
+], LyraInput.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], LyraInput.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], LyraInput.prototype, "step", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'password-visible' })
+], LyraInput.prototype, "passwordVisible", void 0);
+__decorate([
+    state()
+], LyraInput.prototype, "hasHintSlot", void 0);
+__decorate([
+    state()
+], LyraInput.prototype, "hasErrorSlot", void 0);
+__decorate([
+    state()
+], LyraInput.prototype, "hasLabelSlot", void 0);
+__decorate([
+    state()
+], LyraInput.prototype, "touched", void 0);
+__decorate([
+    query('input')
+], LyraInput.prototype, "inputEl", void 0);
+//# sourceMappingURL=input.class.js.map

package/dist/components/input/input.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.class.js","sourceRoot":"","sources":["../../../src/components/input/input.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAA4C,MAAM,KAAK,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAU3C,MAAM,aAAc,SAAQ,WAA8B;CAAG;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,OAAO,SAAU,SAAQ,cAAc,CAAC,aAAa,CAAC;IAA5D;;QAGc,SAAI,GAAkB,MAAM,CAAC;QAC7B,gBAAW,GAAG,EAAE,CAAC;QACjB,UAAK,GAAG,EAAE,CAAC;QACX,SAAI,GAAG,EAAE,CAAC;QACiB,cAAS,GAAG,EAAE,CAAC;QACtD;kGAC0F;QACnD,oBAAe,GAAkB,IAAI,CAAC;QACjE,iBAAY,GAAG,EAAE,CAAC;QAM9B;uFAC+E;QACnB,oBAAe,GAAG,KAAK,CAAC;QAEnE,gBAAW,GAAG,KAAK,CAAC;QACpB,iBAAY,GAAG,KAAK,CAAC;QACrB,iBAAY,GAAG,KAAK,CAAC;QACrB,YAAO,GAAG,KAAK,CAAC;QA2EzB,YAAO,GAAG,GAAS,EAAE;YAC3B,IAAI,CAAC,IAAI,CAAC,OAAO;gBAAE,OAAO;YAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YAChC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACjD,CAAC,CAAC;QAEM,aAAQ,GAAG,GAAS,EAAE;YAC5B,IAAI,CAAC,IAAI,CAAC,OAAO;gBAAE,OAAO;YAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YAChC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,YAAO,GAAG,GAAS,EAAE;YAC3B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC,CAAC;QAEM,WAAM,GAAG,GAAS,EAAE;YAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC,CAAC;QAEM,4BAAuB,GAAG,GAAS,EAAE;YAC3C,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;QAC/C,CAAC,CAAC;QAEM,qBAAgB,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAC5C,IAAI,CAAC,WAAW,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAClG,CAAC,CAAC;QAEM,sBAAiB,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAC7C,IAAI,CAAC,YAAY,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACnG,CAAC,CAAC;QAEM,sBAAiB,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAC7C,IAAI,CAAC,YAAY,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACnG,CAAC,CAAC;IA2DJ,CAAC;aAhMQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IA2B7C,qHAAqH;IACrH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC;IAC9B,CAAC;IAEQ,KAAK,CAAC,OAAsB;QACnC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC;IAEQ,IAAI;QACX,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;IACzB,CAAC;IAED;;;;;;;;;;;;OAYG;IACO,cAAc;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC;gBACvC,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,6BAA6B,CAAC,CAAC;YACrF,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC;YACD,OAAO;QACT,CAAC;QACD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1B,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC;QAC/D,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC;QAC1B,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;YACZ,IAAI,aAAa,EAAE,CAAC;gBAClB,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC;gBAC/E,OAAO;YACT,CAAC;YACD,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;YAChC,OAAO;QACT,CAAC;QACD,IAAI,CAAC,qBAAqB,CAAC,CACzB;YACE,YAAY,EAAE,CAAC,CAAC,YAAY;YAC5B,YAAY,EAAE,CAAC,CAAC,YAAY;YAC5B,cAAc,EAAE,CAAC,CAAC,cAAc;YAChC,aAAa,EAAE,CAAC,CAAC,aAAa;YAC9B,YAAY,EAAE,CAAC,CAAC,YAAY;YAC5B,QAAQ,EAAE,CAAC,CAAC,QAAQ;SACrB,EACD,MAAM,CAAC,iBAAiB,CACzB,CAAC;IACJ,CAAC;IAES,OAAO,CAAC,OAAuB;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAC3F,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAuCD,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAC5D,MAAM,WAAW,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC3G,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC;QAC5C,MAAM,UAAU,GAAG,UAAU,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAC3E,OAAO,IAAI,CAAA;;+DAEgD,CAAC,QAAQ;YAC5D,IAAI,CAAC,KAAK,kCAAkC,IAAI,CAAC,iBAAiB;;;;;;mBAM3D,UAAU;0BACH,IAAI,CAAC,WAAW;yBACjB,IAAI,CAAC,eAAe;YACjC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;+BACnD,WAAW,IAAI,OAAO;4BACzB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;2BACjC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;2BAC/E,IAAI,CAAC,YAAY,IAAI,OAAO;kBACrC,IAAI,CAAC,GAAG,IAAI,OAAO;kBACnB,IAAI,CAAC,GAAG,IAAI,OAAO;mBAClB,IAAI,CAAC,IAAI,IAAI,OAAO;qBAClB,IAAI,CAAC,KAAK;wBACP,IAAI,CAAC,QAAQ;wBACb,IAAI,CAAC,iBAAiB;qBACzB,IAAI,CAAC,OAAO;sBACX,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO;oBACb,IAAI,CAAC,MAAM;;YAEnB,UAAU;YACV,CAAC,CAAC,IAAI,CAAA;;;4BAGU,IAAI,CAAC,iBAAiB;6BACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC;+BACnE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAC7C,IAAI,CAAC,uBAAuB;;kBAEnC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE;wBACzC;YACZ,CAAC,CAAC,EAAE;;qDAEqC,CAAC,QAAQ;YAClD,IAAI,CAAC,SAAS,kCAAkC,IAAI,CAAC,iBAAiB;;mDAE/B,CAAC,OAAO;YAC/C,IAAI,CAAC,IAAI,iCAAiC,IAAI,CAAC,gBAAgB;;;KAGtE,CAAC;IACJ,CAAC;CACF;AA9La;IAAX,QAAQ,EAAE;uCAA8B;AAC7B;IAAX,QAAQ,EAAE;8CAAkB;AACjB;IAAX,QAAQ,EAAE;wCAAY;AACX;IAAX,QAAQ,EAAE;uCAAW;AACiB;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;4CAAgB;AAGf;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDAAuC;AACjE;IAAX,QAAQ,EAAE;+CAAmB;AAGF;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAc;AACb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAc;AACb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAe;AAGkB;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;kDAAyB;AAEnE;IAAhB,KAAK,EAAE;8CAA6B;AACpB;IAAhB,KAAK,EAAE;+CAA8B;AACrB;IAAhB,KAAK,EAAE;+CAA8B;AACrB;IAAhB,KAAK,EAAE;0CAAyB;AAET;IAAvB,KAAK,CAAC,OAAO,CAAC;0CAAoC"}

package/dist/components/input/input.d.ts

@@ -0,0 +1,2 @@
+export * from './input.class.js';
+//# sourceMappingURL=input.d.ts.map

package/dist/components/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/input/input.js

@@ -0,0 +1,5 @@
+export * from './input.class.js';
+import { LyraInput } from './input.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('input', LyraInput);
+//# sourceMappingURL=input.js.map

package/dist/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC"}

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

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

package/dist/components/input/input.styles.d.ts.map

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

package/dist/components/input/input.styles.js

@@ -0,0 +1,88 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+  [part='form-control-label'] {
+    display: block;
+    margin-block-end: var(--lyra-space-xs);
+    font-size: var(--lyra-font-size-md-sm);
+    font-weight: var(--lyra-font-weight-semibold);
+  }
+  [part='form-control-label'][hidden] {
+    display: none;
+  }
+  :host([required]) [part='form-control-label']::after {
+    content: ' *';
+    color: var(--lyra-color-danger);
+  }
+  [part='input-wrapper'] {
+    display: flex;
+    align-items: center;
+    gap: var(--lyra-space-xs);
+    inline-size: 100%;
+    box-sizing: border-box;
+    padding-inline: var(--lyra-space-s);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+    border-radius: var(--lyra-radius);
+    background: var(--lyra-color-surface);
+  }
+  [part='input-wrapper']:focus-within {
+    border-color: var(--lyra-color-brand);
+  }
+  [part='input'] {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    box-sizing: border-box;
+    padding-block: var(--lyra-space-s);
+    border: none;
+    outline: none;
+    background: transparent;
+    color: var(--lyra-color-text);
+    font: inherit;
+    font-size: var(--lyra-font-size-md-sm);
+  }
+  [part='input']::placeholder {
+    color: var(--lyra-color-text-quiet);
+  }
+  [part='input']:disabled {
+    opacity: var(--lyra-opacity-disabled);
+    cursor: not-allowed;
+  }
+  [part='password-toggle'] {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    background: none;
+    cursor: pointer;
+    color: var(--lyra-color-text-quiet);
+    padding: var(--lyra-space-xs);
+    min-inline-size: var(--lyra-icon-button-size);
+    min-block-size: var(--lyra-icon-button-size);
+    line-height: var(--lyra-line-height-none);
+    font-size: var(--lyra-font-size-md);
+  }
+  [part='password-toggle']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+  [part='hint'] {
+    margin-block-start: var(--lyra-space-xs);
+    font-size: var(--lyra-font-size-sm);
+    color: var(--lyra-color-text-quiet);
+  }
+  [part='hint'][hidden] {
+    display: none;
+  }
+  [part='error'] {
+    margin-block-start: var(--lyra-space-xs);
+    font-size: var(--lyra-font-size-sm);
+    color: var(--lyra-color-danger);
+  }
+  [part='error'][hidden] {
+    display: none;
+  }
+`;
+//# sourceMappingURL=input.styles.js.map

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

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

package/dist/components/tool-result-view/tool-result-view.class.d.ts

@@ -3,6 +3,7 @@ import { LyraElement } from '../../internal/lyra-element.js';
 import { type ToolRendererRegistry } from './registry.js';
 import '../skeleton/skeleton.class.js';
 import '../json-viewer/json-viewer.class.js';
+import '../copy-button/copy-button.class.js';
 export interface LyraToolResultViewEventMap {
     'lyra-render-error': CustomEvent<{
         toolName: string;
@@ -24,10 +25,12 @@ export interface LyraToolResultViewEventMap {
  * `findToolRenderer()`'s two-step (exact name, then shape-based `matches()`)
  * lookup order for the full rule.
  *
- * `fallback` only implements `"json"` today (an unconditional
- * `<lyra-json-viewer>`) but is still accepted/reflected as an attribute so a
- * consumer's markup that already sets `fallback="…"` for some future value
- * doesn't need to change again once more fallback kinds land.
+ * `fallback` implements two kinds: `"json"` (the default, an unconditional `<lyra-json-viewer>`)
+ * and `"text"`, which renders a *string* `result` as preformatted text instead — falling back to
+ * the `"json"` behavior when `result` isn't a string, so setting `fallback="text"` defensively
+ * against an unpredictable result shape never renders broken output. `copyable` adds a
+ * copy-to-clipboard affordance to either fallback kind (forwarded to `<lyra-json-viewer>`'s own
+ * `copyable` for `"json"`; a `<lyra-copy-button>` alongside the text for `"text"`).
  *
  * @customElement lyra-tool-result-view
  * @event lyra-render-error - `detail: { toolName, error }` — fired immediately
@@ -35,6 +38,8 @@ export interface LyraToolResultViewEventMap {
  * matched, a candidate renderer's `matches()` predicate threw during dispatch,
  * a renderer's `load()` rejected, or its `render()` threw.
  * @csspart base - The root wrapper around the resolved renderer's output (or the loading/fallback view).
+ * @csspart fallback-text - The `<pre>` element for the `fallback="text"` kind's preformatted result text (only present in that mode).
+ * @csspart fallback-copy - The `<lyra-copy-button>` shown when `copyable` is set alongside the `fallback="text"` kind (only present when both are set).
  */
 export declare class LyraToolResultView extends LyraElement<LyraToolResultViewEventMap> {
     static styles: import("lit").CSSResultGroup[];
@@ -46,8 +51,10 @@ export declare class LyraToolResultView extends LyraElement<LyraToolResultViewEv
     result: unknown;
     /** The tool call's original arguments, if available — handed to the matched renderer's `render()` alongside `result`. */
     args: unknown;
-    /** Forward-compatible fallback-kind selector — see the class doc; only `"json"` is implemented today. */
+    /** Fallback-kind selector — see the class doc's `fallback` paragraph for the full "json" vs "text" behavior. */
     fallback: string;
+    /** Shows a copy-to-clipboard affordance alongside the fallback view (both `"json"` and `"text"` kinds) — forwarded to `<lyra-json-viewer>`'s own `copyable`, or renders a `<lyra-copy-button>` next to the text fallback. */
+    copyable: boolean;
     private renderState;
     private generation;
     private resolvedLazy?;
@@ -56,6 +63,7 @@ export declare class LyraToolResultView extends LyraElement<LyraToolResultViewEv
     private renderWith;
     private fail;
     render(): TemplateResult;
+    private renderFallback;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/tool-result-view/tool-result-view.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-result-view.class.d.ts","sourceRoot":"","sources":["../../../src/components/tool-result-view/tool-result-view.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAEvB,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAU7C,MAAM,WAAW,0BAA0B;IACzC,mBAAmB,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACxE;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,kBAAmB,SAAQ,WAAW,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,MAAM,iCAAgC;IAE7C,uGAAuG;IACvE,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAEhE,6EAA6E;IACvC,QAAQ,SAAM;IAEpD,2KAA2K;IAC3I,MAAM,EAAE,OAAO,CAAC;IAEhD,yHAAyH;IACzF,IAAI,EAAE,OAAO,CAAC;IAE9C,yGAAyG;IAC5E,QAAQ,SAAU;IAEtC,OAAO,CAAC,WAAW,CAA+B;IAK3D,OAAO,CAAC,UAAU,CAAK;IAQvB,OAAO,CAAC,YAAY,CAAC,CAAoE;IAEzF,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAUlD;YAEa,OAAO;IAyCrB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,IAAI;IAKZ,MAAM,IAAI,cAAc,CAWvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"tool-result-view.class.d.ts","sourceRoot":"","sources":["../../../src/components/tool-result-view/tool-result-view.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAEvB,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAU7C,MAAM,WAAW,0BAA0B;IACzC,mBAAmB,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACxE;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAAa,kBAAmB,SAAQ,WAAW,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,MAAM,iCAAgC;IAE7C,uGAAuG;IACvE,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAEhE,6EAA6E;IACvC,QAAQ,SAAM;IAEpD,2KAA2K;IAC3I,MAAM,EAAE,OAAO,CAAC;IAEhD,yHAAyH;IACzF,IAAI,EAAE,OAAO,CAAC;IAE9C,gHAAgH;IACnF,QAAQ,SAAU;IAE/C,6NAA6N;IACjL,QAAQ,UAAS;IAEpD,OAAO,CAAC,WAAW,CAA+B;IAK3D,OAAO,CAAC,UAAU,CAAK;IAQvB,OAAO,CAAC,YAAY,CAAC,CAAoE;IAEzF,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAUlD;YAEa,OAAO;IAyCrB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,IAAI;IAKZ,MAAM,IAAI,cAAc,CAWvB;IAED,OAAO,CAAC,cAAc;CASvB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}

package/dist/components/tool-result-view/tool-result-view.class.js

@@ -4,13 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { html } from 'lit';
+import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { LyraElement } from '../../internal/lyra-element.js';
 import { findToolRenderer, getDefaultToolRendererRegistry, loadToolRenderer, } from './registry.js';
 import { styles } from './tool-result-view.styles.js';
 import '../skeleton/skeleton.class.js';
 import '../json-viewer/json-viewer.class.js';
+import '../copy-button/copy-button.class.js';
 const FALLBACK_STATE = { kind: 'fallback' };
 /**
  * `<lyra-tool-result-view>` — renders a tool call's result via whichever
@@ -27,10 +28,12 @@ const FALLBACK_STATE = { kind: 'fallback' };
  * `findToolRenderer()`'s two-step (exact name, then shape-based `matches()`)
  * lookup order for the full rule.
  *
- * `fallback` only implements `"json"` today (an unconditional
- * `<lyra-json-viewer>`) but is still accepted/reflected as an attribute so a
- * consumer's markup that already sets `fallback="…"` for some future value
- * doesn't need to change again once more fallback kinds land.
+ * `fallback` implements two kinds: `"json"` (the default, an unconditional `<lyra-json-viewer>`)
+ * and `"text"`, which renders a *string* `result` as preformatted text instead — falling back to
+ * the `"json"` behavior when `result` isn't a string, so setting `fallback="text"` defensively
+ * against an unpredictable result shape never renders broken output. `copyable` adds a
+ * copy-to-clipboard affordance to either fallback kind (forwarded to `<lyra-json-viewer>`'s own
+ * `copyable` for `"json"`; a `<lyra-copy-button>` alongside the text for `"text"`).
  *
  * @customElement lyra-tool-result-view
  * @event lyra-render-error - `detail: { toolName, error }` — fired immediately
@@ -38,14 +41,18 @@ const FALLBACK_STATE = { kind: 'fallback' };
  * matched, a candidate renderer's `matches()` predicate threw during dispatch,
  * a renderer's `load()` rejected, or its `render()` threw.
  * @csspart base - The root wrapper around the resolved renderer's output (or the loading/fallback view).
+ * @csspart fallback-text - The `<pre>` element for the `fallback="text"` kind's preformatted result text (only present in that mode).
+ * @csspart fallback-copy - The `<lyra-copy-button>` shown when `copyable` is set alongside the `fallback="text"` kind (only present when both are set).
  */
 export class LyraToolResultView extends LyraElement {
     constructor() {
         super(...arguments);
         /** The tool's name — the primary dispatch key (see `findToolRenderer()`). */
         this.toolName = '';
-        /** Forward-compatible fallback-kind selector — see the class doc; only `"json"` is implemented today. */
+        /** Fallback-kind selector — see the class doc's `fallback` paragraph for the full "json" vs "text" behavior. */
         this.fallback = 'json';
+        /** Shows a copy-to-clipboard affordance alongside the fallback view (both `"json"` and `"text"` kinds) — forwarded to `<lyra-json-viewer>`'s own `copyable`, or renders a `<lyra-copy-button>` next to the text fallback. */
+        this.copyable = false;
         this.renderState = FALLBACK_STATE;
         // Bumped on every resolve() call so a stale in-flight load() (superseded by
         // a newer toolName/result/args/registry before it settles) can detect it's
@@ -125,10 +132,19 @@ export class LyraToolResultView extends LyraElement {
             ? html `<lyra-skeleton variant="rect" height="4rem"></lyra-skeleton>`
             : state.kind === 'rendered'
                 ? state.template
-                : html `<lyra-json-viewer .data=${this.result}></lyra-json-viewer>`}
+                : this.renderFallback()}
       </div>
     `;
     }
+    renderFallback() {
+        if (this.fallback === 'text' && typeof this.result === 'string') {
+            return html `
+        <pre part="fallback-text">${this.result}</pre>
+        ${this.copyable ? html `<lyra-copy-button part="fallback-copy" .value=${this.result}></lyra-copy-button>` : nothing}
+      `;
+        }
+        return html `<lyra-json-viewer .data=${this.result} ?copyable=${this.copyable}></lyra-json-viewer>`;
+    }
 }
 __decorate([
     property({ attribute: false })
@@ -145,6 +161,9 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], LyraToolResultView.prototype, "fallback", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraToolResultView.prototype, "copyable", void 0);
 __decorate([
     state()
 ], LyraToolResultView.prototype, "renderState", void 0);

package/dist/components/tool-result-view/tool-result-view.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-result-view.class.js","sourceRoot":"","sources":["../../../src/components/tool-result-view/tool-result-view.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EACL,gBAAgB,EAChB,8BAA8B,EAC9B,gBAAgB,GAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAQ7C,MAAM,cAAc,GAAgB,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;AAKzD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,kBAAmB,SAAQ,WAAuC;IAA/E;;QAME,6EAA6E;QACvC,aAAQ,GAAG,EAAE,CAAC;QAQpD,yGAAyG;QAC5E,aAAQ,GAAG,MAAM,CAAC;QAE9B,gBAAW,GAAgB,cAAc,CAAC;QAE3D,4EAA4E;QAC5E,2EAA2E;QAC3E,wEAAwE;QAChE,eAAU,GAAG,CAAC,CAAC;IA4FzB,CAAC;aAlHQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAgCnC,UAAU,CAAC,OAAuB;QAC1C,IACE,CAAC,IAAI,CAAC,UAAU;YAChB,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;YACvB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;YACrB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;YACnB,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EACvB,CAAC;YACD,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,OAAO;QACnB,MAAM,UAAU,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC;QACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,8BAA8B,EAAE,CAAC;QAEnE,IAAI,GAAuC,CAAC;QAC5C,IAAI,CAAC;YACH,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC/D,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,6DAA6D,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YACpG,OAAO;QACT,CAAC;QAED,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC;YACb,IAAI,IAAI,CAAC,YAAY,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;gBACnC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAC5C,OAAO;YACT,CAAC;YAED,IAAI,CAAC,WAAW,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;YACvC,IAAI,QAAgC,CAAC;YACrC,IAAI,CAAC;gBACH,QAAQ,GAAG,MAAM,gBAAgB,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,UAAU,KAAK,IAAI,CAAC,UAAU;oBAAE,OAAO;gBAC3C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACjB,OAAO;YACT,CAAC;YACD,IAAI,UAAU,KAAK,IAAI,CAAC,UAAU;gBAAE,OAAO;YAC3C,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;YACtC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC;IAEO,UAAU,CAAC,GAA2B;QAC5C,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,+CAA+C,IAAI,CAAC,QAAQ,mBAAmB,CAAC,CAAC,CAAC;YACtG,OAAO;QACT,CAAC;QACD,IAAI,CAAC;YACH,IAAI,CAAC,WAAW,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACxF,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC;IAEO,IAAI,CAAC,KAAc;QACzB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACnE,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;QAC/B,OAAO,IAAI,CAAA;;UAEL,KAAK,CAAC,IAAI,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI,CAAA,8DAA8D;YACpE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU;gBACzB,CAAC,CAAC,KAAK,CAAC,QAAQ;gBAChB,CAAC,CAAC,IAAI,CAAA,2BAA2B,IAAI,CAAC,MAAM,sBAAsB;;KAEzE,CAAC;IACJ,CAAC;CACF;AA/GiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDAAiC;AAG1B;IAArC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;oDAAe;AAGpB;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;kDAAiB;AAGhB;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gDAAe;AAGjB;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAmB;AAE9B;IAAhB,KAAK,EAAE;uDAAmD"}
+{"version":3,"file":"tool-result-view.class.js","sourceRoot":"","sources":["../../../src/components/tool-result-view/tool-result-view.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAA4C,MAAM,KAAK,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EACL,gBAAgB,EAChB,8BAA8B,EAC9B,gBAAgB,GAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,+BAA+B,CAAC;AACvC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAQ7C,MAAM,cAAc,GAAgB,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;AAKzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,OAAO,kBAAmB,SAAQ,WAAuC;IAA/E;;QAME,6EAA6E;QACvC,aAAQ,GAAG,EAAE,CAAC;QAQpD,gHAAgH;QACnF,aAAQ,GAAG,MAAM,CAAC;QAE/C,6NAA6N;QACjL,aAAQ,GAAG,KAAK,CAAC;QAE5C,gBAAW,GAAgB,cAAc,CAAC;QAE3D,4EAA4E;QAC5E,2EAA2E;QAC3E,wEAAwE;QAChE,eAAU,GAAG,CAAC,CAAC;IAsGzB,CAAC;aA/HQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAmCnC,UAAU,CAAC,OAAuB;QAC1C,IACE,CAAC,IAAI,CAAC,UAAU;YAChB,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;YACvB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;YACrB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;YACnB,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EACvB,CAAC;YACD,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,OAAO;QACnB,MAAM,UAAU,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC;QACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,8BAA8B,EAAE,CAAC;QAEnE,IAAI,GAAuC,CAAC;QAC5C,IAAI,CAAC;YACH,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC/D,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,6DAA6D,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YACpG,OAAO;QACT,CAAC;QAED,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC;YACb,IAAI,IAAI,CAAC,YAAY,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;gBACnC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBAC5C,OAAO;YACT,CAAC;YAED,IAAI,CAAC,WAAW,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;YACvC,IAAI,QAAgC,CAAC;YACrC,IAAI,CAAC;gBACH,QAAQ,GAAG,MAAM,gBAAgB,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,IAAI,UAAU,KAAK,IAAI,CAAC,UAAU;oBAAE,OAAO;gBAC3C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACjB,OAAO;YACT,CAAC;YACD,IAAI,UAAU,KAAK,IAAI,CAAC,UAAU;gBAAE,OAAO;YAC3C,IAAI,CAAC,YAAY,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;YACtC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC;IAEO,UAAU,CAAC,GAA2B;QAC5C,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,+CAA+C,IAAI,CAAC,QAAQ,mBAAmB,CAAC,CAAC,CAAC;YACtG,OAAO;QACT,CAAC;QACD,IAAI,CAAC;YACH,IAAI,CAAC,WAAW,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACxF,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC;IAEO,IAAI,CAAC,KAAc;QACzB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACnE,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;QAC/B,OAAO,IAAI,CAAA;;UAEL,KAAK,CAAC,IAAI,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI,CAAA,8DAA8D;YACpE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU;gBACzB,CAAC,CAAC,KAAK,CAAC,QAAQ;gBAChB,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;;KAE9B,CAAC;IACJ,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YAChE,OAAO,IAAI,CAAA;oCACmB,IAAI,CAAC,MAAM;UACrC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,iDAAiD,IAAI,CAAC,MAAM,sBAAsB,CAAC,CAAC,CAAC,OAAO;OACnH,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,MAAM,cAAc,IAAI,CAAC,QAAQ,sBAAsB,CAAC;IACrG,CAAC;CACF;AA5HiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDAAiC;AAG1B;IAArC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;oDAAe;AAGpB;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;kDAAiB;AAGhB;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gDAAe;AAGjB;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAmB;AAGH;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAkB;AAE5C;IAAhB,KAAK,EAAE;uDAAmD"}

package/dist/components/tool-result-view/tool-result-view.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-result-view.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tool-result-view/tool-result-view.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM,yBAOlB,CAAC"}
+{"version":3,"file":"tool-result-view.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tool-result-view/tool-result-view.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM,yBAkBlB,CAAC"}

package/dist/components/tool-result-view/tool-result-view.styles.js

@@ -10,5 +10,16 @@ export const styles = css `
   [part='base'] {
     display: block;
   }
+  [part='fallback-text'] {
+    margin: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    font-family: var(--lyra-tool-result-view-font, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
+    font-size: var(--lyra-font-size-md-sm);
+    color: var(--lyra-color-text);
+  }
+  [part='fallback-copy'] {
+    margin-block-start: var(--lyra-space-xs);
+  }
 `;
 //# sourceMappingURL=tool-result-view.styles.js.map

package/dist/components/tool-result-view/tool-result-view.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-result-view.styles.js","sourceRoot":"","sources":["../../../src/components/tool-result-view/tool-result-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,qEAAqE;AACrE,6EAA6E;AAC7E,sEAAsE;AACtE,qCAAqC;AACrC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;CAOxB,CAAC"}
+{"version":3,"file":"tool-result-view.styles.js","sourceRoot":"","sources":["../../../src/components/tool-result-view/tool-result-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,qEAAqE;AACrE,6EAA6E;AAC7E,sEAAsE;AACtE,qCAAqC;AACrC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBxB,CAAC"}

package/dist/internal/icons.d.ts

@@ -11,4 +11,10 @@ export declare function pauseIcon(): SVGTemplateResult;
 export declare function calendarIcon(): SVGTemplateResult;
 /** A four-corner "expand to fullscreen" glyph. */
 export declare function expandIcon(): SVGTemplateResult;
+/** A three-quarter-arc spinner glyph. Rotate the wrapping part element via CSS animation for a loading state. */
+export declare function spinnerIcon(): SVGTemplateResult;
+/** An open-eye glyph, for a password field's "show" toggle. */
+export declare function eyeIcon(): SVGTemplateResult;
+/** A slashed-eye glyph, for a password field's "hide" toggle. */
+export declare function eyeOffIcon(): SVGTemplateResult;
 //# sourceMappingURL=icons.d.ts.map

package/dist/internal/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/internal/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,iBAAiB,EAAE,MAAM,KAAK,CAAC;AAqClD,yFAAyF;AACzF,wBAAgB,WAAW,IAAI,iBAAiB,CAE/C;AAED,gCAAgC;AAChC,wBAAgB,SAAS,IAAI,iBAAiB,CAK7C;AAED,sCAAsC;AACtC,wBAAgB,QAAQ,IAAI,iBAAiB,CAE5C;AAED,+BAA+B;AAC/B,wBAAgB,SAAS,IAAI,iBAAiB,CAK7C;AAED,oEAAoE;AACpE,wBAAgB,YAAY,IAAI,iBAAiB,CAOhD;AAED,kDAAkD;AAClD,wBAAgB,UAAU,IAAI,iBAAiB,CAO9C"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/internal/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,iBAAiB,EAAE,MAAM,KAAK,CAAC;AAqClD,yFAAyF;AACzF,wBAAgB,WAAW,IAAI,iBAAiB,CAE/C;AAED,gCAAgC;AAChC,wBAAgB,SAAS,IAAI,iBAAiB,CAK7C;AAED,sCAAsC;AACtC,wBAAgB,QAAQ,IAAI,iBAAiB,CAE5C;AAED,+BAA+B;AAC/B,wBAAgB,SAAS,IAAI,iBAAiB,CAK7C;AAED,oEAAoE;AACpE,wBAAgB,YAAY,IAAI,iBAAiB,CAOhD;AAED,kDAAkD;AAClD,wBAAgB,UAAU,IAAI,iBAAiB,CAO9C;AAED,iHAAiH;AACjH,wBAAgB,WAAW,IAAI,iBAAiB,CAE/C;AAED,+DAA+D;AAC/D,wBAAgB,OAAO,IAAI,iBAAiB,CAK3C;AAED,iEAAiE;AACjE,wBAAgB,UAAU,IAAI,iBAAiB,CAO9C"}

package/dist/internal/icons.js

@@ -71,4 +71,24 @@ export function expandIcon() {
     <line x1="3" y1="21" x2="10" y2="14"></line>
   `);
 }
+/** A three-quarter-arc spinner glyph. Rotate the wrapping part element via CSS animation for a loading state. */
+export function spinnerIcon() {
+    return icon(svg `<path d="M21 12a9 9 0 1 1-9-9"></path>`);
+}
+/** An open-eye glyph, for a password field's "show" toggle. */
+export function eyeIcon() {
+    return icon(svg `
+    <path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z"></path>
+    <circle cx="12" cy="12" r="3"></circle>
+  `);
+}
+/** A slashed-eye glyph, for a password field's "hide" toggle. */
+export function eyeOffIcon() {
+    return icon(svg `
+    <path d="M17.94 17.94A10.94 10.94 0 0 1 12 19c-7 0-11-7-11-7a18.5 18.5 0 0 1 4.22-5.06"></path>
+    <path d="M9.9 4.24A10.4 10.4 0 0 1 12 4c7 0 11 7 11 7a18.5 18.5 0 0 1-2.16 3.19"></path>
+    <path d="M14.12 14.12a3 3 0 1 1-4.24-4.24"></path>
+    <line x1="1" y1="1" x2="23" y2="23"></line>
+  `);
+}
 //# sourceMappingURL=icons.js.map