@slotted/angular 0.1.0-beta.7 → 0.1.0-beta.9

package/fesm2022/slotted-angular-prompt-composer.mjs

@@ -7,6 +7,7 @@ import { getLiveAnnouncer } from '@slotted/core/live-announcer';
 import { createControllable } from '@slotted/core/state';
 import { selectFiles } from '@slotted/core/upload';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { writeSelectorKey } from '@slotted/core/selector-key';
 import { SlGlyph, SlIcon } from '@slotted/angular/icon';
 
 const FALLBACK = {
@@ -193,13 +194,15 @@ class SlPromptComposer {
         this.attachFiles(Array.from(event.dataTransfer?.files ?? []), 'drop', event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: SlPromptComposer, isStandalone: true, selector: "form[slPromptComposer]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, submitOn: { classPropertyName: "submitOn", publicName: "submitOn", isSignal: true, isRequired: false, transformFunction: null }, canSubmit: { classPropertyName: "canSubmit", publicName: "canSubmit", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueSubmit: "valueSubmit", stop: "stop", attach: "attach" }, host: { attributes: { "data-ui": "prompt-composer", "data-part": "root", "novalidate": "" }, listeners: { "submit": "onSubmit($event)", "mousedown": "onMouseDown($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-status": "status()", "attr.data-loading": "busy() ? '' : null", "attr.data-disabled": "control()?.resolvedDisabled() === true ? '' : null", "attr.data-readonly": "control()?.resolvedReadOnly() === true ? '' : null", "attr.data-invalid": "control()?.resolvedInvalid() === true ? '' : null", "attr.data-drop-target": "dropTarget() ? '' : null" } }, queries: [{ propertyName: "control", first: true, predicate: SlPromptComposerControl, descendants: true, isSignal: true }], exportAs: ["slPromptComposer"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui=prompt-composer][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_rows: var(--slotted-prompt-composer-rows, 1);--_max-rows: var(--slotted-prompt-composer-max-rows, 8);--_button: var(--_inner-size);--_inset: max( 0px, calc((var(--_height) - 2 * var(--slotted-control-border-width, 1px) - var(--_inner-size)) / 2) );--_padding-inline: calc(var(--_inset) + (var(--_button) - var(--_icon-size)) / 2);--_padding-block: max(0px, calc((var(--_height) - 1lh) / 2));--_radius: var(--slotted-prompt-composer-radius, var(--slotted-radius-lg, 8px));--_action-radius: max(var(--slotted-radius-xs, 2px), calc(var(--_radius) - var(--_inset)));--_lift: var(--slotted-prompt-composer-shadow, var(--slotted-control-shadow, none));--_lift-focus: var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);background-color:var( --slotted-prompt-composer-background, var(--slotted-control-surface, Field) );border:var(--slotted-control-border-width, 1px) solid var(--slotted-prompt-composer-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--_radius);box-shadow:var(--_lift);box-sizing:border-box;color:var(--slotted-prompt-composer-color, var(--slotted-text, CanvasText));cursor:text;display:flex;flex-direction:column;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;line-height:var(--slotted-prompt-composer-line-height, var(--slotted-line-height-md, 1.5));margin:0;min-inline-size:0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard),border-color var(--slotted-duration-medium) var(--slotted-easing-standard),box-shadow var(--slotted-duration-medium) var(--slotted-easing-standard),outline-color var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=prompt-composer][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=prompt-composer][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=prompt-composer][data-part=root][data-variant=raised]{--_button: calc(var(--_inner-size) + var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-4, .5rem);--_padding-block: calc(var(--_inset) + var(--slotted-space-2, .25rem));--_radius: var(--slotted-prompt-composer-radius, calc(var(--_button) / 2 + var(--_inset)));--_action-radius: var(--slotted-radius-full, 9999px);--_lift: var(--slotted-prompt-composer-raised-shadow, var(--slotted-shadow-md, none));--_lift-focus: var( --slotted-prompt-composer-raised-focus-shadow, var(--slotted-shadow-lg, none) )}[data-ui=prompt-composer][data-part=root][data-variant=subtle]{background-color:var( --slotted-prompt-composer-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-prompt-composer-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=prompt-composer]>[data-part=input]{appearance:none;background:transparent;border:0;box-sizing:border-box;caret-color:var(--slotted-prompt-composer-caret-color, var(--slotted-tone-accent-solid, auto));color:inherit;display:block;field-sizing:content;font:inherit;inline-size:100%;line-height:inherit;margin:0;max-block-size:calc(var(--_max-rows) * 1lh + 2 * var(--_padding-block));min-block-size:calc(var(--_rows) * 1lh + 2 * var(--_padding-block));outline:none;overflow-wrap:anywhere;overflow-y:auto;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);resize:none;scrollbar-color:var(--slotted-border-strong, GrayText) transparent;scrollbar-width:thin;unicode-bidi:plaintext}[data-ui=prompt-composer]>[data-part=input]::placeholder{color:var(--slotted-prompt-composer-placeholder-color, var(--slotted-text-muted, GrayText))}[data-ui=prompt-composer]>[data-part=input]::selection{background-color:var( --slotted-prompt-composer-selection-background, var(--slotted-tone-accent-surface, Highlight) )}[data-ui=prompt-composer]>[data-part=header]+[data-part=input]{padding-block-start:var(--_inset)}[data-ui=prompt-composer][data-variant=raised]>[data-part=input]:has(+[data-part=footer]){padding-block-end:var(--slotted-space-2, .25rem)}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer]){--slotted-icon-size: var(--_icon-size);--slotted-control-inner-size: var(--_button);align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);min-inline-size:0;padding:var(--_inset)}[data-ui=prompt-composer]>[data-part=header]{flex-wrap:wrap;padding-block-end:0}[data-ui=prompt-composer]>[data-part=header]>*{max-inline-size:100%;min-inline-size:0}[data-ui=prompt-composer]>[data-part=footer]{flex-wrap:nowrap;padding-block-start:0}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_button);border:0;border-radius:var(--_action-radius);box-sizing:border-box;color:var(--slotted-prompt-composer-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;gap:var(--slotted-space-2, .25rem);justify-content:center;line-height:1;min-inline-size:var(--_button);padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext;white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>[data-part=action]:not([aria-label],[aria-labelledby]){color:var(--slotted-prompt-composer-action-label-color, var(--slotted-text, CanvasText));font-weight:var(--slotted-font-weight-medium, 500);padding-inline:var(--slotted-space-3, .375rem)}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>[data-part=action]:not([aria-label],[aria-labelledby]){align-content:center;align-items:baseline;display:inline-grid;grid-auto-flow:column;justify-content:center}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>[data-part=action]:not([aria-label],[aria-labelledby])>[data-ui=icon]{margin-block-start:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2);translate:0 calc(var(--_icon-size) / 2 - (1cap + 1ex) / 4)}[data-ui=prompt-composer][data-variant=raised]>:is([data-part=header],[data-part=footer])>[data-part=action]:not([aria-label],[aria-labelledby]){padding-inline:var(--slotted-space-4, .5rem)}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach],[data-part=submit]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach],[data-part=submit]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]):has(+*):after{inset-inline-end:0}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>*+:is([data-part=action],[data-part=attach],[data-part=submit]):after{inset-inline-start:0}}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]):hover:not(:disabled,[aria-expanded=true]){background-color:var( --slotted-prompt-composer-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]):is(:active,[aria-expanded=true]):not(:disabled){background-color:var( --slotted-prompt-composer-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]):disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]{--slotted-spinner-size: var(--_icon-size);align-items:center;appearance:none;background-color:var( --slotted-prompt-composer-submit-background, var(--slotted-tone-accent-solid, Highlight) );block-size:var(--_button);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var( --slotted-prompt-composer-submit-color, var(--slotted-tone-accent-on-solid, HighlightText) );cursor:pointer;display:inline-grid;flex:0 0 auto;inline-size:var(--_button);justify-items:center;margin-inline-start:auto;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-duration-short) var(--slotted-easing-standard);-webkit-tap-highlight-color:transparent}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]>*{grid-area:1 / 1}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:not([aria-label],[aria-labelledby]){border-radius:var(--_action-radius);font:inherit;font-weight:var(--slotted-font-weight-medium, 500);inline-size:auto;line-height:1;padding-inline:var(--slotted-space-5, .75rem)}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:hover:not(:disabled){background-color:var( --slotted-prompt-composer-submit-hover-background, var(--slotted-tone-accent-solid-hover, Highlight) )}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:active:not(:disabled){background-color:var( --slotted-prompt-composer-submit-active-background, var(--slotted-tone-accent-solid-active, Highlight) )}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:is([aria-label],[aria-labelledby]):active:not(:disabled){scale:.9}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]>[data-ui=icon]:has([data-glyph=arrow-up]){transition:translate var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:hover:not(:disabled)>[data-ui=icon]:has([data-glyph=arrow-up]){translate:0 calc(var(--slotted-border-width-thin, 1px) * -1)}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:disabled{background-color:var( --slotted-prompt-composer-submit-disabled-background, var(--slotted-disabled-background) );color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=prompt-composer][data-status=submitted]>[data-part=footer]>[data-part=submit]{background-color:var( --slotted-prompt-composer-submit-background, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-prompt-composer-submit-color, var(--slotted-tone-accent-on-solid, HighlightText) );cursor:progress}[data-ui=prompt-composer][data-status=streaming]>[data-part=footer]>[data-part=submit]{--slotted-spinner-size: calc(var(--_button) - 2 * var(--slotted-space-1, 2px));--slotted-icon-size: calc(var(--_icon-size) * 3 / 4)}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]>:is([data-ui=icon],[data-ui=spinner]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),scale var(--slotted-duration-short) var(--slotted-easing-enter),translate var(--slotted-duration-short) var(--slotted-easing-standard)}@starting-style{[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]>:is([data-ui=icon],[data-ui=spinner]){opacity:0;scale:.8}}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=prompt-composer][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not([data-drop-target]){border-color:var( --slotted-prompt-composer-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=prompt-composer][data-part=root]:has(>[data-part=input]:focus-visible){box-shadow:var(--_lift-focus);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=prompt-composer][data-part=root]{position:relative}[data-ui=prompt-composer][data-part=root]:before{border:var(--slotted-border-width-medium, 1.5px) dashed var( --slotted-prompt-composer-drop-border-color, var(--slotted-tone-accent-border, transparent) );border-radius:max(var(--slotted-radius-xs, 2px),calc(var(--_radius) - var(--_inset) / 2));content:\"\";inset:calc(var(--_inset) / 2 - var(--slotted-control-border-width, 1px));opacity:0;pointer-events:none;position:absolute;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=prompt-composer][data-part=root][data-drop-target]:before{opacity:1;transition-timing-function:var(--slotted-easing-enter)}[data-ui=prompt-composer][data-part=root][data-drop-target]{background-color:var( --slotted-prompt-composer-drop-background, var(--slotted-tone-accent-surface, Canvas) );border-color:var( --slotted-prompt-composer-drop-border-color, var(--slotted-tone-accent-border, Highlight) )}[data-ui=prompt-composer][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-prompt-composer-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-prompt-composer-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );border-color:var( --slotted-prompt-composer-invalid-border-color, var(--slotted-tone-danger-border) )}[data-ui=prompt-composer][data-part=root][data-invalid]:after{border:var(--_invalid-edge-width) solid var(--slotted-prompt-composer-invalid-border-color, var(--slotted-tone-danger-border));border-radius:max(0px,calc(var(--_radius) - var(--slotted-control-border-width, 1px)));content:\"\";inset:0;pointer-events:none;position:absolute}[data-ui=prompt-composer][data-part=root][data-readonly]{background-color:var( --slotted-prompt-composer-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui=prompt-composer][data-part=root][data-disabled]{background-color:var( --slotted-prompt-composer-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-prompt-composer-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-prompt-composer-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: SlPromptComposer, isStandalone: true, selector: "form[slPromptComposer]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, submitOn: { classPropertyName: "submitOn", publicName: "submitOn", isSignal: true, isRequired: false, transformFunction: null }, canSubmit: { classPropertyName: "canSubmit", publicName: "canSubmit", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueSubmit: "valueSubmit", stop: "stop", attach: "attach" }, host: { attributes: { "data-ui": "prompt-composer", "data-ui-prompt-composer": "", "data-part": "root", "data-part-root": "", "novalidate": "" }, listeners: { "submit": "onSubmit($event)", "mousedown": "onMouseDown($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-status": "status()", "attr.data-loading": "busy() ? '' : null", "attr.data-disabled": "control()?.resolvedDisabled() === true ? '' : null", "attr.data-readonly": "control()?.resolvedReadOnly() === true ? '' : null", "attr.data-invalid": "control()?.resolvedInvalid() === true ? '' : null", "attr.data-drop-target": "dropTarget() ? '' : null" } }, queries: [{ propertyName: "control", first: true, predicate: SlPromptComposerControl, descendants: true, isSignal: true }], exportAs: ["slPromptComposer"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui-prompt-composer][data-part-root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_rows: var(--slotted-prompt-composer-rows, 1);--_max-rows: var(--slotted-prompt-composer-max-rows, 8);--_button: var(--_inner-size);--_inset: max( 0px, calc((var(--_height) - 2 * var(--slotted-control-border-width, 1px) - var(--_inner-size)) / 2) );--_padding-inline: calc(var(--_inset) + (var(--_button) - var(--_icon-size)) / 2);--_padding-block: max(0px, calc((var(--_height) - 1lh) / 2));--_radius: var(--slotted-prompt-composer-radius, var(--slotted-radius-lg, 8px));--_action-radius: max(var(--slotted-radius-xs, 2px), calc(var(--_radius) - var(--_inset)));--_lift: var(--slotted-prompt-composer-shadow, var(--slotted-control-shadow, none));--_lift-focus: var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);background-color:var( --slotted-prompt-composer-background, var(--slotted-control-surface, Field) );border:var(--slotted-control-border-width, 1px) solid var(--slotted-prompt-composer-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--_radius);box-shadow:var(--_lift);box-sizing:border-box;color:var(--slotted-prompt-composer-color, var(--slotted-text, CanvasText));cursor:text;display:flex;flex-direction:column;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;line-height:var(--slotted-prompt-composer-line-height, var(--slotted-line-height-md, 1.5));margin:0;min-inline-size:0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard),border-color var(--slotted-duration-medium) var(--slotted-easing-standard),box-shadow var(--slotted-duration-medium) var(--slotted-easing-standard),outline-color var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-prompt-composer][data-part-root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui-prompt-composer][data-part-root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui-prompt-composer][data-part-root][data-variant=raised]{--_button: calc(var(--_inner-size) + var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-4, .5rem);--_padding-block: calc(var(--_inset) + var(--slotted-space-2, .25rem));--_radius: var(--slotted-prompt-composer-radius, calc(var(--_button) / 2 + var(--_inset)));--_action-radius: var(--slotted-radius-full, 9999px);--_lift: var(--slotted-prompt-composer-raised-shadow, var(--slotted-shadow-md, none));--_lift-focus: var( --slotted-prompt-composer-raised-focus-shadow, var(--slotted-shadow-lg, none) )}[data-ui-prompt-composer][data-part-root][data-variant=subtle]{background-color:var( --slotted-prompt-composer-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-prompt-composer-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui-prompt-composer]>[data-part-input]{appearance:none;background:transparent;border:0;box-sizing:border-box;caret-color:var(--slotted-prompt-composer-caret-color, var(--slotted-tone-accent-solid, auto));color:inherit;display:block;field-sizing:content;font:inherit;inline-size:100%;line-height:inherit;margin:0;max-block-size:calc(var(--_max-rows) * 1lh + 2 * var(--_padding-block));min-block-size:calc(var(--_rows) * 1lh + 2 * var(--_padding-block));outline:none;overflow-wrap:anywhere;overflow-y:auto;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);resize:none;scrollbar-color:var(--slotted-border-strong, GrayText) transparent;scrollbar-width:thin;unicode-bidi:plaintext}[data-ui-prompt-composer]>[data-part-input]::placeholder{color:var(--slotted-prompt-composer-placeholder-color, var(--slotted-text-muted, GrayText))}[data-ui-prompt-composer]>[data-part-input]::selection{background-color:var( --slotted-prompt-composer-selection-background, var(--slotted-tone-accent-surface, Highlight) )}[data-ui-prompt-composer]>[data-part-header]+[data-part-input]{padding-block-start:var(--_inset)}[data-ui-prompt-composer][data-variant=raised]>[data-part-input]:has(+[data-part-footer]){padding-block-end:var(--slotted-space-2, .25rem)}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer]){--slotted-icon-size: var(--_icon-size);--slotted-control-inner-size: var(--_button);align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);min-inline-size:0;padding:var(--_inset)}[data-ui-prompt-composer]>[data-part-header]{flex-wrap:wrap;padding-block-end:0}[data-ui-prompt-composer]>[data-part-header]>*{max-inline-size:100%;min-inline-size:0}[data-ui-prompt-composer]>[data-part-footer]{flex-wrap:nowrap;padding-block-start:0}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_button);border:0;border-radius:var(--_action-radius);box-sizing:border-box;color:var(--slotted-prompt-composer-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;gap:var(--slotted-space-2, .25rem);justify-content:center;line-height:1;min-inline-size:var(--_button);padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext;white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby]){color:var(--slotted-prompt-composer-action-label-color, var(--slotted-text, CanvasText));font-weight:var(--slotted-font-weight-medium, 500);padding-inline:var(--slotted-space-3, .375rem)}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby]){align-content:center;align-items:baseline;display:inline-grid;grid-auto-flow:column;justify-content:center}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby])>[data-ui-icon]{margin-block-start:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2);translate:0 calc(var(--_icon-size) / 2 - (1cap + 1ex) / 4)}[data-ui-prompt-composer][data-variant=raised]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby]){padding-inline:var(--slotted-space-4, .5rem)}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach],[data-part-submit]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach],[data-part-submit]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):has(+*):after{inset-inline-end:0}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>*+:is([data-part-action],[data-part-attach],[data-part-submit]):after{inset-inline-start:0}}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):hover:not(:disabled,[aria-expanded=true]){background-color:var( --slotted-prompt-composer-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):is(:active,[aria-expanded=true]):not(:disabled){background-color:var( --slotted-prompt-composer-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]{--slotted-spinner-size: var(--_icon-size);align-items:center;appearance:none;background-color:var( --slotted-prompt-composer-submit-background, var(--slotted-tone-accent-solid, Highlight) );block-size:var(--_button);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var( --slotted-prompt-composer-submit-color, var(--slotted-tone-accent-on-solid, HighlightText) );cursor:pointer;display:inline-grid;flex:0 0 auto;inline-size:var(--_button);justify-items:center;margin-inline-start:auto;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-duration-short) var(--slotted-easing-standard);-webkit-tap-highlight-color:transparent}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>*{grid-area:1 / 1}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:not([aria-label],[aria-labelledby]){border-radius:var(--_action-radius);font:inherit;font-weight:var(--slotted-font-weight-medium, 500);inline-size:auto;line-height:1;padding-inline:var(--slotted-space-5, .75rem)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:hover:not(:disabled){background-color:var( --slotted-prompt-composer-submit-hover-background, var(--slotted-tone-accent-solid-hover, Highlight) )}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:active:not(:disabled){background-color:var( --slotted-prompt-composer-submit-active-background, var(--slotted-tone-accent-solid-active, Highlight) )}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:is([aria-label],[aria-labelledby]):active:not(:disabled){scale:.9}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>[data-ui-icon]:has([data-glyph=arrow-up]){transition:translate var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:hover:not(:disabled)>[data-ui-icon]:has([data-glyph=arrow-up]){translate:0 calc(var(--slotted-border-width-thin, 1px) * -1)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:disabled{background-color:var( --slotted-prompt-composer-submit-disabled-background, var(--slotted-disabled-background) );color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-prompt-composer][data-status=submitted]>[data-part-footer]>[data-part-submit]{background-color:var( --slotted-prompt-composer-submit-background, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-prompt-composer-submit-color, var(--slotted-tone-accent-on-solid, HighlightText) );cursor:progress}[data-ui-prompt-composer][data-status=streaming]>[data-part-footer]>[data-part-submit]{--slotted-spinner-size: calc(var(--_button) - 2 * var(--slotted-space-1, 2px));--slotted-icon-size: calc(var(--_icon-size) * 3 / 4)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>:is([data-ui-icon],[data-ui-spinner]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),scale var(--slotted-duration-short) var(--slotted-easing-enter),translate var(--slotted-duration-short) var(--slotted-easing-standard)}@starting-style{[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>:is([data-ui-icon],[data-ui-spinner]){opacity:0;scale:.8}}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-prompt-composer][data-part-root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not([data-drop-target]){border-color:var( --slotted-prompt-composer-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-prompt-composer][data-part-root]:has(>[data-part-input]:focus-visible){box-shadow:var(--_lift-focus);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-prompt-composer][data-part-root]{position:relative}[data-ui-prompt-composer][data-part-root]:before{border:var(--slotted-border-width-medium, 1.5px) dashed var( --slotted-prompt-composer-drop-border-color, var(--slotted-tone-accent-border, transparent) );border-radius:max(var(--slotted-radius-xs, 2px),calc(var(--_radius) - var(--_inset) / 2));content:\"\";inset:calc(var(--_inset) / 2 - var(--slotted-control-border-width, 1px));opacity:0;pointer-events:none;position:absolute;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-prompt-composer][data-part-root][data-drop-target]:before{opacity:1;transition-timing-function:var(--slotted-easing-enter)}[data-ui-prompt-composer][data-part-root][data-drop-target]{background-color:var( --slotted-prompt-composer-drop-background, var(--slotted-tone-accent-surface, Canvas) );border-color:var( --slotted-prompt-composer-drop-border-color, var(--slotted-tone-accent-border, Highlight) )}[data-ui-prompt-composer][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-prompt-composer-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-prompt-composer-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );border-color:var( --slotted-prompt-composer-invalid-border-color, var(--slotted-tone-danger-border) )}[data-ui-prompt-composer][data-part-root][data-invalid]:after{border:var(--_invalid-edge-width) solid var(--slotted-prompt-composer-invalid-border-color, var(--slotted-tone-danger-border));border-radius:max(0px,calc(var(--_radius) - var(--slotted-control-border-width, 1px)));content:\"\";inset:0;pointer-events:none;position:absolute}[data-ui-prompt-composer][data-part-root][data-readonly]{background-color:var( --slotted-prompt-composer-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui-prompt-composer][data-part-root][data-disabled]{background-color:var( --slotted-prompt-composer-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-prompt-composer-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-prompt-composer-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposer, decorators: [{
             type: Component,
             args: [{ selector: 'form[slPromptComposer]', standalone: true, exportAs: 'slPromptComposer', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         'data-ui': 'prompt-composer',
+                        'data-ui-prompt-composer': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         novalidate: '',
                         '[attr.data-size]': 'resolvedSize()',
                         '[attr.data-variant]': 'resolvedVariant()',
@@ -214,7 +217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '(dragover)': 'onDragOver($event)',
                         '(dragleave)': 'onDragLeave($event)',
                         '(drop)': 'onDrop($event)',
-                    }, styles: ["@layer slotted.components{[data-ui=prompt-composer][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_rows: var(--slotted-prompt-composer-rows, 1);--_max-rows: var(--slotted-prompt-composer-max-rows, 8);--_button: var(--_inner-size);--_inset: max( 0px, calc((var(--_height) - 2 * var(--slotted-control-border-width, 1px) - var(--_inner-size)) / 2) );--_padding-inline: calc(var(--_inset) + (var(--_button) - var(--_icon-size)) / 2);--_padding-block: max(0px, calc((var(--_height) - 1lh) / 2));--_radius: var(--slotted-prompt-composer-radius, var(--slotted-radius-lg, 8px));--_action-radius: max(var(--slotted-radius-xs, 2px), calc(var(--_radius) - var(--_inset)));--_lift: var(--slotted-prompt-composer-shadow, var(--slotted-control-shadow, none));--_lift-focus: var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);background-color:var( --slotted-prompt-composer-background, var(--slotted-control-surface, Field) );border:var(--slotted-control-border-width, 1px) solid var(--slotted-prompt-composer-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--_radius);box-shadow:var(--_lift);box-sizing:border-box;color:var(--slotted-prompt-composer-color, var(--slotted-text, CanvasText));cursor:text;display:flex;flex-direction:column;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;line-height:var(--slotted-prompt-composer-line-height, var(--slotted-line-height-md, 1.5));margin:0;min-inline-size:0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard),border-color var(--slotted-duration-medium) var(--slotted-easing-standard),box-shadow var(--slotted-duration-medium) var(--slotted-easing-standard),outline-color var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=prompt-composer][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=prompt-composer][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=prompt-composer][data-part=root][data-variant=raised]{--_button: calc(var(--_inner-size) + var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-4, .5rem);--_padding-block: calc(var(--_inset) + var(--slotted-space-2, .25rem));--_radius: var(--slotted-prompt-composer-radius, calc(var(--_button) / 2 + var(--_inset)));--_action-radius: var(--slotted-radius-full, 9999px);--_lift: var(--slotted-prompt-composer-raised-shadow, var(--slotted-shadow-md, none));--_lift-focus: var( --slotted-prompt-composer-raised-focus-shadow, var(--slotted-shadow-lg, none) )}[data-ui=prompt-composer][data-part=root][data-variant=subtle]{background-color:var( --slotted-prompt-composer-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-prompt-composer-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=prompt-composer]>[data-part=input]{appearance:none;background:transparent;border:0;box-sizing:border-box;caret-color:var(--slotted-prompt-composer-caret-color, var(--slotted-tone-accent-solid, auto));color:inherit;display:block;field-sizing:content;font:inherit;inline-size:100%;line-height:inherit;margin:0;max-block-size:calc(var(--_max-rows) * 1lh + 2 * var(--_padding-block));min-block-size:calc(var(--_rows) * 1lh + 2 * var(--_padding-block));outline:none;overflow-wrap:anywhere;overflow-y:auto;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);resize:none;scrollbar-color:var(--slotted-border-strong, GrayText) transparent;scrollbar-width:thin;unicode-bidi:plaintext}[data-ui=prompt-composer]>[data-part=input]::placeholder{color:var(--slotted-prompt-composer-placeholder-color, var(--slotted-text-muted, GrayText))}[data-ui=prompt-composer]>[data-part=input]::selection{background-color:var( --slotted-prompt-composer-selection-background, var(--slotted-tone-accent-surface, Highlight) )}[data-ui=prompt-composer]>[data-part=header]+[data-part=input]{padding-block-start:var(--_inset)}[data-ui=prompt-composer][data-variant=raised]>[data-part=input]:has(+[data-part=footer]){padding-block-end:var(--slotted-space-2, .25rem)}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer]){--slotted-icon-size: var(--_icon-size);--slotted-control-inner-size: var(--_button);align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);min-inline-size:0;padding:var(--_inset)}[data-ui=prompt-composer]>[data-part=header]{flex-wrap:wrap;padding-block-end:0}[data-ui=prompt-composer]>[data-part=header]>*{max-inline-size:100%;min-inline-size:0}[data-ui=prompt-composer]>[data-part=footer]{flex-wrap:nowrap;padding-block-start:0}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_button);border:0;border-radius:var(--_action-radius);box-sizing:border-box;color:var(--slotted-prompt-composer-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;gap:var(--slotted-space-2, .25rem);justify-content:center;line-height:1;min-inline-size:var(--_button);padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext;white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>[data-part=action]:not([aria-label],[aria-labelledby]){color:var(--slotted-prompt-composer-action-label-color, var(--slotted-text, CanvasText));font-weight:var(--slotted-font-weight-medium, 500);padding-inline:var(--slotted-space-3, .375rem)}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>[data-part=action]:not([aria-label],[aria-labelledby]){align-content:center;align-items:baseline;display:inline-grid;grid-auto-flow:column;justify-content:center}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>[data-part=action]:not([aria-label],[aria-labelledby])>[data-ui=icon]{margin-block-start:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2);translate:0 calc(var(--_icon-size) / 2 - (1cap + 1ex) / 4)}[data-ui=prompt-composer][data-variant=raised]>:is([data-part=header],[data-part=footer])>[data-part=action]:not([aria-label],[aria-labelledby]){padding-inline:var(--slotted-space-4, .5rem)}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach],[data-part=submit]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach],[data-part=submit]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]):has(+*):after{inset-inline-end:0}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>*+:is([data-part=action],[data-part=attach],[data-part=submit]):after{inset-inline-start:0}}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]):hover:not(:disabled,[aria-expanded=true]){background-color:var( --slotted-prompt-composer-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]):is(:active,[aria-expanded=true]):not(:disabled){background-color:var( --slotted-prompt-composer-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]):disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]{--slotted-spinner-size: var(--_icon-size);align-items:center;appearance:none;background-color:var( --slotted-prompt-composer-submit-background, var(--slotted-tone-accent-solid, Highlight) );block-size:var(--_button);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var( --slotted-prompt-composer-submit-color, var(--slotted-tone-accent-on-solid, HighlightText) );cursor:pointer;display:inline-grid;flex:0 0 auto;inline-size:var(--_button);justify-items:center;margin-inline-start:auto;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-duration-short) var(--slotted-easing-standard);-webkit-tap-highlight-color:transparent}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]>*{grid-area:1 / 1}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:not([aria-label],[aria-labelledby]){border-radius:var(--_action-radius);font:inherit;font-weight:var(--slotted-font-weight-medium, 500);inline-size:auto;line-height:1;padding-inline:var(--slotted-space-5, .75rem)}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:hover:not(:disabled){background-color:var( --slotted-prompt-composer-submit-hover-background, var(--slotted-tone-accent-solid-hover, Highlight) )}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:active:not(:disabled){background-color:var( --slotted-prompt-composer-submit-active-background, var(--slotted-tone-accent-solid-active, Highlight) )}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:is([aria-label],[aria-labelledby]):active:not(:disabled){scale:.9}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]>[data-ui=icon]:has([data-glyph=arrow-up]){transition:translate var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:hover:not(:disabled)>[data-ui=icon]:has([data-glyph=arrow-up]){translate:0 calc(var(--slotted-border-width-thin, 1px) * -1)}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:disabled{background-color:var( --slotted-prompt-composer-submit-disabled-background, var(--slotted-disabled-background) );color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui=prompt-composer][data-status=submitted]>[data-part=footer]>[data-part=submit]{background-color:var( --slotted-prompt-composer-submit-background, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-prompt-composer-submit-color, var(--slotted-tone-accent-on-solid, HighlightText) );cursor:progress}[data-ui=prompt-composer][data-status=streaming]>[data-part=footer]>[data-part=submit]{--slotted-spinner-size: calc(var(--_button) - 2 * var(--slotted-space-1, 2px));--slotted-icon-size: calc(var(--_icon-size) * 3 / 4)}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]>:is([data-ui=icon],[data-ui=spinner]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),scale var(--slotted-duration-short) var(--slotted-easing-enter),translate var(--slotted-duration-short) var(--slotted-easing-standard)}@starting-style{[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]>:is([data-ui=icon],[data-ui=spinner]){opacity:0;scale:.8}}[data-ui=prompt-composer]>:is([data-part=header],[data-part=footer])>:is([data-part=action],[data-part=attach]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=prompt-composer]>[data-part=footer]>[data-part=submit]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=prompt-composer][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not([data-drop-target]){border-color:var( --slotted-prompt-composer-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=prompt-composer][data-part=root]:has(>[data-part=input]:focus-visible){box-shadow:var(--_lift-focus);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=prompt-composer][data-part=root]{position:relative}[data-ui=prompt-composer][data-part=root]:before{border:var(--slotted-border-width-medium, 1.5px) dashed var( --slotted-prompt-composer-drop-border-color, var(--slotted-tone-accent-border, transparent) );border-radius:max(var(--slotted-radius-xs, 2px),calc(var(--_radius) - var(--_inset) / 2));content:\"\";inset:calc(var(--_inset) / 2 - var(--slotted-control-border-width, 1px));opacity:0;pointer-events:none;position:absolute;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=prompt-composer][data-part=root][data-drop-target]:before{opacity:1;transition-timing-function:var(--slotted-easing-enter)}[data-ui=prompt-composer][data-part=root][data-drop-target]{background-color:var( --slotted-prompt-composer-drop-background, var(--slotted-tone-accent-surface, Canvas) );border-color:var( --slotted-prompt-composer-drop-border-color, var(--slotted-tone-accent-border, Highlight) )}[data-ui=prompt-composer][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-prompt-composer-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-prompt-composer-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );border-color:var( --slotted-prompt-composer-invalid-border-color, var(--slotted-tone-danger-border) )}[data-ui=prompt-composer][data-part=root][data-invalid]:after{border:var(--_invalid-edge-width) solid var(--slotted-prompt-composer-invalid-border-color, var(--slotted-tone-danger-border));border-radius:max(0px,calc(var(--_radius) - var(--slotted-control-border-width, 1px)));content:\"\";inset:0;pointer-events:none;position:absolute}[data-ui=prompt-composer][data-part=root][data-readonly]{background-color:var( --slotted-prompt-composer-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui=prompt-composer][data-part=root][data-disabled]{background-color:var( --slotted-prompt-composer-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-prompt-composer-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-prompt-composer-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-prompt-composer][data-part-root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_rows: var(--slotted-prompt-composer-rows, 1);--_max-rows: var(--slotted-prompt-composer-max-rows, 8);--_button: var(--_inner-size);--_inset: max( 0px, calc((var(--_height) - 2 * var(--slotted-control-border-width, 1px) - var(--_inner-size)) / 2) );--_padding-inline: calc(var(--_inset) + (var(--_button) - var(--_icon-size)) / 2);--_padding-block: max(0px, calc((var(--_height) - 1lh) / 2));--_radius: var(--slotted-prompt-composer-radius, var(--slotted-radius-lg, 8px));--_action-radius: max(var(--slotted-radius-xs, 2px), calc(var(--_radius) - var(--_inset)));--_lift: var(--slotted-prompt-composer-shadow, var(--slotted-control-shadow, none));--_lift-focus: var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);background-color:var( --slotted-prompt-composer-background, var(--slotted-control-surface, Field) );border:var(--slotted-control-border-width, 1px) solid var(--slotted-prompt-composer-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--_radius);box-shadow:var(--_lift);box-sizing:border-box;color:var(--slotted-prompt-composer-color, var(--slotted-text, CanvasText));cursor:text;display:flex;flex-direction:column;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;line-height:var(--slotted-prompt-composer-line-height, var(--slotted-line-height-md, 1.5));margin:0;min-inline-size:0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard),border-color var(--slotted-duration-medium) var(--slotted-easing-standard),box-shadow var(--slotted-duration-medium) var(--slotted-easing-standard),outline-color var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-prompt-composer][data-part-root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui-prompt-composer][data-part-root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui-prompt-composer][data-part-root][data-variant=raised]{--_button: calc(var(--_inner-size) + var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-4, .5rem);--_padding-block: calc(var(--_inset) + var(--slotted-space-2, .25rem));--_radius: var(--slotted-prompt-composer-radius, calc(var(--_button) / 2 + var(--_inset)));--_action-radius: var(--slotted-radius-full, 9999px);--_lift: var(--slotted-prompt-composer-raised-shadow, var(--slotted-shadow-md, none));--_lift-focus: var( --slotted-prompt-composer-raised-focus-shadow, var(--slotted-shadow-lg, none) )}[data-ui-prompt-composer][data-part-root][data-variant=subtle]{background-color:var( --slotted-prompt-composer-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-prompt-composer-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui-prompt-composer]>[data-part-input]{appearance:none;background:transparent;border:0;box-sizing:border-box;caret-color:var(--slotted-prompt-composer-caret-color, var(--slotted-tone-accent-solid, auto));color:inherit;display:block;field-sizing:content;font:inherit;inline-size:100%;line-height:inherit;margin:0;max-block-size:calc(var(--_max-rows) * 1lh + 2 * var(--_padding-block));min-block-size:calc(var(--_rows) * 1lh + 2 * var(--_padding-block));outline:none;overflow-wrap:anywhere;overflow-y:auto;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);resize:none;scrollbar-color:var(--slotted-border-strong, GrayText) transparent;scrollbar-width:thin;unicode-bidi:plaintext}[data-ui-prompt-composer]>[data-part-input]::placeholder{color:var(--slotted-prompt-composer-placeholder-color, var(--slotted-text-muted, GrayText))}[data-ui-prompt-composer]>[data-part-input]::selection{background-color:var( --slotted-prompt-composer-selection-background, var(--slotted-tone-accent-surface, Highlight) )}[data-ui-prompt-composer]>[data-part-header]+[data-part-input]{padding-block-start:var(--_inset)}[data-ui-prompt-composer][data-variant=raised]>[data-part-input]:has(+[data-part-footer]){padding-block-end:var(--slotted-space-2, .25rem)}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer]){--slotted-icon-size: var(--_icon-size);--slotted-control-inner-size: var(--_button);align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);min-inline-size:0;padding:var(--_inset)}[data-ui-prompt-composer]>[data-part-header]{flex-wrap:wrap;padding-block-end:0}[data-ui-prompt-composer]>[data-part-header]>*{max-inline-size:100%;min-inline-size:0}[data-ui-prompt-composer]>[data-part-footer]{flex-wrap:nowrap;padding-block-start:0}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_button);border:0;border-radius:var(--_action-radius);box-sizing:border-box;color:var(--slotted-prompt-composer-action-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;gap:var(--slotted-space-2, .25rem);justify-content:center;line-height:1;min-inline-size:var(--_button);padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext;white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby]){color:var(--slotted-prompt-composer-action-label-color, var(--slotted-text, CanvasText));font-weight:var(--slotted-font-weight-medium, 500);padding-inline:var(--slotted-space-3, .375rem)}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby]){align-content:center;align-items:baseline;display:inline-grid;grid-auto-flow:column;justify-content:center}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby])>[data-ui-icon]{margin-block-start:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2);translate:0 calc(var(--_icon-size) / 2 - (1cap + 1ex) / 4)}[data-ui-prompt-composer][data-variant=raised]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby]){padding-inline:var(--slotted-space-4, .5rem)}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach],[data-part-submit]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach],[data-part-submit]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):has(+*):after{inset-inline-end:0}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>*+:is([data-part-action],[data-part-attach],[data-part-submit]):after{inset-inline-start:0}}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):hover:not(:disabled,[aria-expanded=true]){background-color:var( --slotted-prompt-composer-action-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):is(:active,[aria-expanded=true]):not(:disabled){background-color:var( --slotted-prompt-composer-action-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]{--slotted-spinner-size: var(--_icon-size);align-items:center;appearance:none;background-color:var( --slotted-prompt-composer-submit-background, var(--slotted-tone-accent-solid, Highlight) );block-size:var(--_button);border:0;border-radius:var(--slotted-radius-full, 9999px);color:var( --slotted-prompt-composer-submit-color, var(--slotted-tone-accent-on-solid, HighlightText) );cursor:pointer;display:inline-grid;flex:0 0 auto;inline-size:var(--_button);justify-items:center;margin-inline-start:auto;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-duration-short) var(--slotted-easing-standard);-webkit-tap-highlight-color:transparent}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>*{grid-area:1 / 1}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:not([aria-label],[aria-labelledby]){border-radius:var(--_action-radius);font:inherit;font-weight:var(--slotted-font-weight-medium, 500);inline-size:auto;line-height:1;padding-inline:var(--slotted-space-5, .75rem)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:hover:not(:disabled){background-color:var( --slotted-prompt-composer-submit-hover-background, var(--slotted-tone-accent-solid-hover, Highlight) )}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:active:not(:disabled){background-color:var( --slotted-prompt-composer-submit-active-background, var(--slotted-tone-accent-solid-active, Highlight) )}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:is([aria-label],[aria-labelledby]):active:not(:disabled){scale:.9}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>[data-ui-icon]:has([data-glyph=arrow-up]){transition:translate var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:hover:not(:disabled)>[data-ui-icon]:has([data-glyph=arrow-up]){translate:0 calc(var(--slotted-border-width-thin, 1px) * -1)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:disabled{background-color:var( --slotted-prompt-composer-submit-disabled-background, var(--slotted-disabled-background) );color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-prompt-composer][data-status=submitted]>[data-part-footer]>[data-part-submit]{background-color:var( --slotted-prompt-composer-submit-background, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-prompt-composer-submit-color, var(--slotted-tone-accent-on-solid, HighlightText) );cursor:progress}[data-ui-prompt-composer][data-status=streaming]>[data-part-footer]>[data-part-submit]{--slotted-spinner-size: calc(var(--_button) - 2 * var(--slotted-space-1, 2px));--slotted-icon-size: calc(var(--_icon-size) * 3 / 4)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>:is([data-ui-icon],[data-ui-spinner]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),scale var(--slotted-duration-short) var(--slotted-easing-enter),translate var(--slotted-duration-short) var(--slotted-easing-standard)}@starting-style{[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>:is([data-ui-icon],[data-ui-spinner]){opacity:0;scale:.8}}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-prompt-composer][data-part-root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not([data-drop-target]){border-color:var( --slotted-prompt-composer-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-prompt-composer][data-part-root]:has(>[data-part-input]:focus-visible){box-shadow:var(--_lift-focus);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-prompt-composer][data-part-root]{position:relative}[data-ui-prompt-composer][data-part-root]:before{border:var(--slotted-border-width-medium, 1.5px) dashed var( --slotted-prompt-composer-drop-border-color, var(--slotted-tone-accent-border, transparent) );border-radius:max(var(--slotted-radius-xs, 2px),calc(var(--_radius) - var(--_inset) / 2));content:\"\";inset:calc(var(--_inset) / 2 - var(--slotted-control-border-width, 1px));opacity:0;pointer-events:none;position:absolute;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-prompt-composer][data-part-root][data-drop-target]:before{opacity:1;transition-timing-function:var(--slotted-easing-enter)}[data-ui-prompt-composer][data-part-root][data-drop-target]{background-color:var( --slotted-prompt-composer-drop-background, var(--slotted-tone-accent-surface, Canvas) );border-color:var( --slotted-prompt-composer-drop-border-color, var(--slotted-tone-accent-border, Highlight) )}[data-ui-prompt-composer][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-prompt-composer-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-prompt-composer-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );border-color:var( --slotted-prompt-composer-invalid-border-color, var(--slotted-tone-danger-border) )}[data-ui-prompt-composer][data-part-root][data-invalid]:after{border:var(--_invalid-edge-width) solid var(--slotted-prompt-composer-invalid-border-color, var(--slotted-tone-danger-border));border-radius:max(0px,calc(var(--_radius) - var(--slotted-control-border-width, 1px)));content:\"\";inset:0;pointer-events:none;position:absolute}[data-ui-prompt-composer][data-part-root][data-readonly]{background-color:var( --slotted-prompt-composer-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui-prompt-composer][data-part-root][data-disabled]{background-color:var( --slotted-prompt-composer-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-prompt-composer-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-prompt-composer-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], submitOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitOn", required: false }] }], canSubmit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canSubmit", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], valueSubmit: [{ type: i0.Output, args: ["valueSubmit"] }], stop: [{ type: i0.Output, args: ["stop"] }], attach: [{ type: i0.Output, args: ["attach"] }], control: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlPromptComposerControl), { ...{ descendants: true }, isSignal: true }] }] } });
 
 /**
@@ -367,7 +370,7 @@ class SlPromptComposerInput {
         return !cancelled;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposerInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlPromptComposerInput, isStandalone: true, selector: "textarea[slPromptComposerInput]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { attributes: { "data-part": "input" }, listeners: { "input": "onInput($event)", "keydown": "onKeyDown($event)", "paste": "onPaste($event)", "blur": "onTouchedFn()" }, properties: { "attr.id": "controlId()", "attr.dir": "writtenDir ?? 'auto'", "attr.rows": "rows()", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "resolvedInvalid() === true ? 'true' : null", "attr.aria-required": "field?.required() === true ? 'true' : null", "attr.disabled": "resolvedDisabled() === true ? '' : null", "attr.readonly": "resolvedReadOnly() === true ? '' : null", "style.--slotted-prompt-composer-rows": "rows()", "style.--slotted-prompt-composer-max-rows": "maxRows() ?? null" } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlPromptComposerInput, isStandalone: true, selector: "textarea[slPromptComposerInput]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { attributes: { "data-part": "input", "data-part-input": "" }, listeners: { "input": "onInput($event)", "keydown": "onKeyDown($event)", "paste": "onPaste($event)", "blur": "onTouchedFn()" }, properties: { "attr.id": "controlId()", "attr.dir": "writtenDir ?? 'auto'", "attr.rows": "rows()", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "resolvedInvalid() === true ? 'true' : null", "attr.aria-required": "field?.required() === true ? 'true' : null", "attr.disabled": "resolvedDisabled() === true ? '' : null", "attr.readonly": "resolvedReadOnly() === true ? '' : null", "style.--slotted-prompt-composer-rows": "rows()", "style.--slotted-prompt-composer-max-rows": "maxRows() ?? null" } }, providers: [
             { provide: SlPromptComposerControl, useExisting: forwardRef(() => SlPromptComposerInput) },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -392,6 +395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     ],
                     host: {
                         'data-part': 'input',
+                        'data-part-input': '',
                         '[attr.id]': 'controlId()',
                         '[attr.dir]': "writtenDir ?? 'auto'",
                         '[attr.rows]': 'rows()',
@@ -413,27 +417,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 /** The band above the value: attachments, a quoted reply, a context chip. */
 class SlPromptComposerHeader {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposerHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlPromptComposerHeader, isStandalone: true, selector: "[slPromptComposerHeader]", host: { attributes: { "data-part": "header" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlPromptComposerHeader, isStandalone: true, selector: "[slPromptComposerHeader]", host: { attributes: { "data-part": "header", "data-part-header": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposerHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slPromptComposerHeader]',
                     standalone: true,
-                    host: { 'data-part': 'header' },
+                    host: { 'data-part': 'header', 'data-part-header': '' },
                 }]
         }] });
 /** The band below the value: tools on the start, the send at the end. */
 class SlPromptComposerFooter {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposerFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlPromptComposerFooter, isStandalone: true, selector: "[slPromptComposerFooter]", host: { attributes: { "data-part": "footer" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlPromptComposerFooter, isStandalone: true, selector: "[slPromptComposerFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposerFooter, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slPromptComposerFooter]',
                     standalone: true,
-                    host: { 'data-part': 'footer' },
+                    host: { 'data-part': 'footer', 'data-part-footer': '' },
                 }]
         }] });
 /**
@@ -446,10 +450,10 @@ class SlPromptComposerAction {
     type = inject(new HostAttributeToken('type'), { optional: true }) ?? 'button';
     constructor() {
         const element = inject(ElementRef).nativeElement;
-        afterNextRender(() => element.setAttribute('data-part', 'action'));
+        afterNextRender(() => writeSelectorKey(element, 'part', 'action'));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposerAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlPromptComposerAction, isStandalone: true, selector: "button[slPromptComposerAction]", host: { attributes: { "data-part": "action" }, properties: { "attr.type": "type" } }, exportAs: ["slPromptComposerAction"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlPromptComposerAction, isStandalone: true, selector: "button[slPromptComposerAction]", host: { attributes: { "data-part": "action", "data-part-action": "" }, properties: { "attr.type": "type" } }, exportAs: ["slPromptComposerAction"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposerAction, decorators: [{
             type: Directive,
@@ -457,7 +461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: 'button[slPromptComposerAction]',
                     standalone: true,
                     exportAs: 'slPromptComposerAction',
-                    host: { 'data-part': 'action', '[attr.type]': 'type' },
+                    host: { 'data-part': 'action', 'data-part-action': '', '[attr.type]': 'type' },
                 }]
         }], ctorParameters: () => [] });
 /**
@@ -479,7 +483,7 @@ class SlPromptComposerAttach {
         picker.click();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposerAttach, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPromptComposerAttach, isStandalone: true, selector: "button[slPromptComposerAttach]", host: { attributes: { "data-part": "attach", "type": "button" }, listeners: { "click": "open()" }, properties: { "attr.aria-label": "label ?? composer.t('attach')", "disabled": "composer.off()" } }, ngImport: i0, template: `<ng-content
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPromptComposerAttach, isStandalone: true, selector: "button[slPromptComposerAttach]", host: { attributes: { "data-part": "attach", "data-part-attach": "", "type": "button" }, listeners: { "click": "open()" }, properties: { "attr.aria-label": "label ?? composer.t('attach')", "disabled": "composer.off()" } }, ngImport: i0, template: `<ng-content
     ><span slIcon><svg slGlyph name="paperclip"></svg></span
   ></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
@@ -496,6 +500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'attach',
+                        'data-part-attach': '',
                         type: 'button',
                         '[attr.aria-label]': "label ?? composer.t('attach')",
                         '[disabled]': 'composer.off()',
@@ -542,13 +547,13 @@ class SlPromptComposerSubmit {
             this.composer.submitWith(reason, event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposerSubmit, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlPromptComposerSubmit, isStandalone: true, selector: "button[slPromptComposerSubmit]", host: { attributes: { "data-part": "submit" }, listeners: { "click": "activate($event)" }, properties: { "attr.type": "composer.busy() ? 'button' : 'submit'", "attr.aria-label": "named() ? null : label()", "attr.aria-disabled": "composer.status() === 'submitted' ? 'true' : null", "disabled": "composer.status() === 'streaming' ? false : composer.status() !== 'submitted' && !composer.resolvedCanSubmit()" } }, ngImport: i0, template: `<ng-content>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlPromptComposerSubmit, isStandalone: true, selector: "button[slPromptComposerSubmit]", host: { attributes: { "data-part": "submit", "data-part-submit": "" }, listeners: { "click": "activate($event)" }, properties: { "attr.type": "composer.busy() ? 'button' : 'submit'", "attr.aria-label": "named() ? null : label()", "attr.aria-disabled": "composer.status() === 'submitted' ? 'true' : null", "disabled": "composer.status() === 'streaming' ? false : composer.status() !== 'submitted' && !composer.resolvedCanSubmit()" } }, ngImport: i0, template: `<ng-content>
     @switch (composer.status()) {
       @case ('submitted') {
-        <span data-ui="spinner" aria-hidden="true"></span>
+        <span data-ui="spinner" data-ui-spinner="" aria-hidden="true"></span>
       }
       @case ('streaming') {
-        <span data-ui="spinner" aria-hidden="true"></span>
+        <span data-ui="spinner" data-ui-spinner="" aria-hidden="true"></span>
         <span slIcon><svg slGlyph name="stop"></svg></span>
       }
       @case ('error') {
@@ -558,17 +563,17 @@ class SlPromptComposerSubmit {
         <span slIcon><svg slGlyph name="arrow-up"></svg></span>
       }
     }
-  </ng-content>`, isInline: true, styles: ["@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  </ng-content>`, isInline: true, styles: ["@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui-spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPromptComposerSubmit, decorators: [{
             type: Component,
             args: [{ selector: 'button[slPromptComposerSubmit]', standalone: true, imports: [SlGlyph, SlIcon], template: `<ng-content>
     @switch (composer.status()) {
       @case ('submitted') {
-        <span data-ui="spinner" aria-hidden="true"></span>
+        <span data-ui="spinner" data-ui-spinner="" aria-hidden="true"></span>
       }
       @case ('streaming') {
-        <span data-ui="spinner" aria-hidden="true"></span>
+        <span data-ui="spinner" data-ui-spinner="" aria-hidden="true"></span>
         <span slIcon><svg slGlyph name="stop"></svg></span>
       }
       @case ('error') {
@@ -580,12 +585,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     }
   </ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         'data-part': 'submit',
+                        'data-part-submit': '',
                         '[attr.type]': "composer.busy() ? 'button' : 'submit'",
                         '[attr.aria-label]': 'named() ? null : label()',
                         '[attr.aria-disabled]': "composer.status() === 'submitted' ? 'true' : null",
                         '[disabled]': "composer.status() === 'streaming' ? false : composer.status() !== 'submitted' && !composer.resolvedCanSubmit()",
                         '(click)': 'activate($event)',
-                    }, styles: ["@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui-spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
         }], ctorParameters: () => [] });
 
 /**