@slotted/angular 0.1.0-beta.0 → 0.1.0-beta.10

package/fesm2022/slotted-angular-attachment.mjs

@@ -94,7 +94,7 @@ class SlAttachmentGroup {
         inject(DestroyRef).onDestroy(() => removal.destroy());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlAttachmentGroup, isStandalone: true, selector: "[slAttachmentGroup]", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "attachment", "data-part": "group" }, properties: { "attr.data-layout": "resolvedLayout()", "attr.data-size": "resolvedSize()", "attr.data-orientation": "resolvedOrientation()", "attr.tabindex": "tabindex" } }, exportAs: ["slAttachmentGroup"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlAttachmentGroup, isStandalone: true, selector: "[slAttachmentGroup]", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "attachment", "data-ui-attachment": "", "data-part": "group", "data-part-group": "" }, properties: { "attr.data-layout": "resolvedLayout()", "attr.data-size": "resolvedSize()", "attr.data-orientation": "resolvedOrientation()", "attr.tabindex": "tabindex" } }, exportAs: ["slAttachmentGroup"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentGroup, decorators: [{
             type: Directive,
@@ -104,7 +104,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slAttachmentGroup',
                     host: {
                         'data-ui': 'attachment',
+                        'data-ui-attachment': '',
                         'data-part': 'group',
+                        'data-part-group': '',
                         '[attr.data-layout]': 'resolvedLayout()',
                         '[attr.data-size]': 'resolvedSize()',
                         '[attr.data-orientation]': 'resolvedOrientation()',
@@ -224,13 +226,15 @@ class SlAttachment {
         this.request('keyboard', event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachment, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlAttachment, isStandalone: true, selector: "[slAttachment]", inputs: { file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { remove: "remove" }, host: { attributes: { "data-ui": "attachment", "data-part": "root" }, listeners: { "keydown": "handleKeydown($event)" }, properties: { "attr.data-kind": "kind()", "attr.data-size": "resolvedSize()", "attr.data-orientation": "resolvedOrientation()", "attr.data-invalid": "invalid() ? '' : null", "attr.data-loading": "loading() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "attr.aria-busy": "loading() ? 'true' : null" } }, exportAs: ["slAttachment"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=attachment][data-part=root],[data-ui=attachment][data-part=group]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_inset: var(--slotted-attachment-padding-md, var(--slotted-space-4, .5rem));--_line-height: var(--slotted-line-height-md, 1.5);--_title-leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_detail-size: var(--slotted-font-size-xs, .75rem);--_detail-leading: round(up, calc(var(--_detail-size) * var(--_line-height)), 1px);--_line-gap: var(--slotted-attachment-line-gap, var(--slotted-space-1, .125rem));--_preview-size: var( --slotted-attachment-preview-size, calc(var(--_title-leading) + var(--_line-gap) + var(--_detail-leading)) );--_preview-radius: var(--slotted-attachment-preview-radius, var(--slotted-radius-sm, 4px));--_card-size: var(--slotted-attachment-card-size, calc(3 * var(--_preview-size)));--_border-width: var(--slotted-attachment-border-width, var(--slotted-border-width-thin, 1px));--_action-glyph-size: max(var(--slotted-attachment-icon-size-min, 14px), var(--_glyph-size));--_action-size: var( --slotted-attachment-action-size, max( var(--slotted-target-min, 24px), calc(var(--_action-glyph-size) + 2 * var(--slotted-space-2, .25rem)) ) )}[data-ui=attachment][data-size=sm]:is([data-part=root],[data-part=group]){--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px);--_inset: var(--slotted-attachment-padding-sm, var(--slotted-space-3, .375rem))}[data-ui=attachment][data-size=lg]:is([data-part=root],[data-part=group]){--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px);--_inset: var(--slotted-attachment-padding-lg, var(--slotted-space-5, .75rem))}[data-ui=attachment][data-part=root]{--_surface: var(--slotted-attachment-background, var(--slotted-surface));--_edge: var(--slotted-attachment-border-color, var(--slotted-border-subtle));--_ink: var(--slotted-text);--_message-color: var(--slotted-text-muted);--_fill-hover: color-mix( in oklab, var(--_ink) var(--slotted-attachment-state-layer-hover, 4%), var(--_surface) );--_fill-active: color-mix( in oklab, var(--_ink) var(--slotted-attachment-state-layer-active, 8%), var(--_surface) );--_fill: var(--_surface);--_radius: var(--slotted-attachment-radius, var(--slotted-radius-lg, 8px));align-items:center;background-color:var(--_fill);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-sizing:border-box;color:var(--_ink);column-gap:var(--_gap);display:grid;font-family:var(--slotted-attachment-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);grid-template-areas:\"preview body actions\" \". message message\";grid-template-columns:auto minmax(0,1fr) auto;line-height:var(--_title-leading);list-style:none;margin:0;min-inline-size:0;overflow:clip;padding:var(--_inset);position:relative;text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=attachment][data-part=root]:not(:has(>[data-part=actions])){grid-template-areas:\"preview body\" \". message\";grid-template-columns:auto minmax(0,1fr)}[data-ui=attachment][data-part=root]:not(:has(>[data-part=preview])){grid-template-areas:\"body actions\" \"message message\";grid-template-columns:minmax(0,1fr) auto}[data-ui=attachment][data-part=root]:not(:has(>[data-part=preview])):not(:has(>[data-part=actions])){grid-template-areas:\"body\" \"message\";grid-template-columns:minmax(0,1fr)}@starting-style{[data-ui=attachment][data-part=root]{opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=attachment] [data-part=preview]{--_kind-tile: var(--slotted-upload-kind-other);align-items:center;background-color:var(--_kind-tile);block-size:var(--_preview-size);border-radius:var(--_preview-radius);box-sizing:border-box;color:var(--slotted-upload-kind-foreground);display:inline-flex;flex-direction:column;grid-area:preview;inline-size:var(--_preview-size);justify-content:center;overflow:hidden}[data-ui=attachment] [data-part=preview]>img{block-size:100%;display:block;inline-size:100%;object-fit:cover}[data-ui=attachment] [data-part=preview]>[data-ui=icon]{--slotted-icon-size: round(calc(var(--_preview-size) / 2), 1px)}[data-ui=attachment] [data-part=preview][data-kind=pdf]{--_kind-tile: var(--slotted-upload-kind-pdf)}[data-ui=attachment] [data-part=preview][data-kind=document]{--_kind-tile: var(--slotted-upload-kind-document)}[data-ui=attachment] [data-part=preview][data-kind=spreadsheet]{--_kind-tile: var(--slotted-upload-kind-spreadsheet)}[data-ui=attachment] [data-part=preview][data-kind=presentation]{--_kind-tile: var(--slotted-upload-kind-presentation)}[data-ui=attachment] [data-part=preview][data-kind=image]{--_kind-tile: var(--slotted-upload-kind-image)}[data-ui=attachment] [data-part=preview][data-kind=video]{--_kind-tile: var(--slotted-upload-kind-video)}[data-ui=attachment] [data-part=preview][data-kind=audio]{--_kind-tile: var(--slotted-upload-kind-audio)}[data-ui=attachment] [data-part=preview][data-kind=archive]{--_kind-tile: var(--slotted-upload-kind-archive)}[data-ui=attachment] [data-part=body]{display:flex;flex-direction:column;gap:var(--_line-gap);grid-area:body;min-inline-size:0}[data-ui=attachment] [data-part=trigger]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;line-height:inherit;margin:0;min-inline-size:0;padding:0;text-align:start;text-decoration:none;transition:translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=attachment] [data-part=trigger]:after{content:\"\";inset:0;position:absolute}[data-ui=attachment] [data-part=trigger]:not(:disabled):not([aria-disabled=true]):hover{text-decoration-line:underline;text-underline-offset:.2em}[data-ui=attachment] [data-part=trigger]:not(:disabled):not([aria-disabled=true]):active{text-decoration-line:underline;text-underline-offset:.2em;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=attachment] [data-part=trigger]:is(:disabled,[aria-disabled=true]){cursor:default}[data-ui=attachment] [data-part=trigger]:focus-visible{outline:none}[data-ui=attachment][data-part=root]:has(>[data-part=body]>[data-part=trigger]: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=attachment][data-part=root]:not([data-disabled]):not([data-loading]):has(>[data-part=body]>[data-part=trigger]:hover){--_fill: var(--_fill-hover)}[data-ui=attachment][data-part=root]:not([data-disabled]):not([data-loading]):has(>[data-part=body]>[data-part=trigger]:active){--_fill: var(--_fill-active)}[data-ui=attachment] [data-part=filename]{display:flex;font-weight:var(--slotted-attachment-name-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--_title-leading);min-inline-size:0;unicode-bidi:isolate}[data-ui=attachment] [data-part=body]>[data-part=filename],[data-ui=attachment] [data-part=body]>[data-part=trigger]{align-self:start;max-inline-size:100%}[data-ui=attachment] [data-part=name]{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=attachment] [data-part=extension]{flex:none;white-space:nowrap}[data-ui=attachment] [data-part=detail]{color:var(--slotted-text-muted);font-size:var(--_detail-size);font-variant-numeric:tabular-nums;line-height:var(--_detail-leading);margin:0;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=attachment] [data-part=message]{color:var(--_message-color);font-size:var(--_detail-size);grid-area:message;line-height:var(--_detail-leading);margin:0;margin-block-start:var(--_line-gap);min-inline-size:0;overflow-wrap:anywhere}[data-ui=attachment] [data-part=progress]{display:block;inset-block-end:round(down,calc((var(--_inset) - var(--slotted-space-1, .125rem)) / 2),1px);inset-inline-end:var(--_inset);inset-inline-start:calc(var(--_inset) + var(--_preview-size) + var(--_gap));position:absolute;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=attachment][data-part=root]:not(:has(>[data-part=preview]))>[data-part=progress],[data-ui=attachment][data-orientation=vertical]>[data-part=progress]{inset-inline-start:var(--_inset)}@starting-style{[data-ui=attachment] [data-part=progress]{opacity:0}}[data-ui=attachment] [data-part=actions]{align-items:center;display:inline-flex;gap:var(--slotted-space-1, .125rem);grid-area:actions;justify-content:flex-end;position:relative;z-index:1}[data-ui=attachment] [data-part=action],[data-ui=attachment] [data-part=remove]{--_state-hover: color-mix( in oklab, currentcolor var(--slotted-attachment-action-state-layer-hover, 8%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-attachment-action-state-layer-active, 14%), transparent );align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-attachment-action-radius, var(--slotted-control-radius, 4px));box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;inline-size:var(--_action-size);justify-content:center;margin:0;padding:0;text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=attachment] [data-part=action]>[data-ui=icon],[data-ui=attachment] [data-part=remove]>[data-ui=icon]{--slotted-icon-size: var(--_action-glyph-size)}[data-ui=attachment] [data-part=action]:not(:disabled):not([aria-disabled=true]):hover,[data-ui=attachment] [data-part=remove]:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--_state-hover)}[data-ui=attachment] [data-part=action]:not(:disabled):not([aria-disabled=true]):active,[data-ui=attachment] [data-part=remove]:not(:disabled):not([aria-disabled=true]):active{background-color:var(--_state-active)}[data-ui=attachment] [data-part=action]:is(:disabled,[aria-disabled=true]),[data-ui=attachment] [data-part=remove]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui=attachment] [data-part=action]:focus-visible,[data-ui=attachment] [data-part=remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}@media(pointer:coarse){[data-ui=attachment] :is([data-part=action],[data-part=remove]){position:relative}[data-ui=attachment] :is([data-part=action],[data-part=remove]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=attachment][data-part=root][data-invalid]{--_surface: var(--slotted-tone-danger-surface);--_edge: var(--slotted-tone-danger-border);--_message-color: var(--slotted-tone-danger-text);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, var(--_border-width));box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--_edge)}[data-ui=attachment][data-part=root][data-disabled]{--_ink: var(--slotted-disabled-foreground)}[data-ui=attachment][data-part=root][data-disabled] [data-part=detail]{color:var(--slotted-disabled-foreground)}[data-ui=attachment][data-part=root][data-disabled] [data-part=preview]{--_kind-tile: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=attachment][data-part=root][data-disabled] [data-part=preview]>img{filter:grayscale(1)}[data-ui=attachment][data-part=root][data-orientation=vertical]{align-items:stretch;grid-template-areas:\"preview\" \"body\" \"message\";grid-template-columns:minmax(0,1fr);inline-size:var(--_card-size)}[data-ui=attachment][data-orientation=vertical]>[data-part=preview]{--_preview-radius: var(--slotted-attachment-card-preview-radius, var(--slotted-radius-md, 6px));block-size:calc(var(--_card-size) - 2 * var(--_inset) - 2 * var(--_border-width));inline-size:100%}[data-ui=attachment][data-orientation=vertical]>[data-part=preview]>[data-ui=icon]{--slotted-icon-size: calc(2 * var(--_glyph-size))}[data-ui=attachment][data-orientation=vertical]>[data-part=preview]:not(:has(img)):after{content:attr(data-extension);font-size:var(--_detail-size);font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:.06em;line-height:var(--_detail-leading);margin-block-start:var(--slotted-space-2, .25rem)}[data-ui=attachment][data-orientation=vertical]>[data-part=body]{margin-block-start:var(--_gap)}[data-ui=attachment][data-orientation=vertical]>[data-part=actions]{background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-attachment-card-actions-opacity, 96%),transparent);border-radius:var(--slotted-attachment-action-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text);grid-area:auto;inset-block-start:calc(var(--_inset) + var(--slotted-space-2, .25rem));inset-inline-end:calc(var(--_inset) + var(--slotted-space-2, .25rem));padding:var(--slotted-space-1, .125rem);position:absolute}@media(hover:hover)and (pointer:fine){[data-ui=attachment][data-orientation=vertical]:not([data-disabled])>[data-part=actions]{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=attachment][data-orientation=vertical]:not([data-disabled]):is(:hover,:focus-within)>[data-part=actions]{opacity:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter)}}[data-ui=attachment][data-part=group]{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--slotted-attachment-group-gap, var(--slotted-space-4, .5rem));list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui=attachment][data-part=group]: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=attachment][data-part=group]:empty{display:none}[data-ui=attachment][data-part=group][data-layout=grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--slotted-attachment-grid-min, 16rem)),1fr))}[data-ui=attachment][data-part=group][data-layout=grid][data-orientation=vertical]{grid-template-columns:repeat(auto-fill,var(--_card-size))}[data-ui=attachment][data-part=group][data-layout=strip]{--_ring-reach: calc( var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px) );flex-direction:row;margin:calc(-1 * var(--_ring-reach));overflow-x:auto;overscroll-behavior-inline:contain;padding:var(--_ring-reach);scroll-padding-inline:var(--_ring-reach);scroll-snap-type:inline proximity;scrollbar-color:var(--slotted-border-strong) transparent;scrollbar-width:thin}[data-ui=attachment][data-part=group][data-layout=strip]>[data-part=root]{flex:none;scroll-snap-align:start}[data-ui=attachment][data-part=group][data-layout=strip]>[data-part=root][data-orientation=horizontal]{inline-size:var(--slotted-attachment-strip-item-size, 15rem)}@media(forced-colors:active){[data-ui=attachment][data-part=root][data-invalid]{--_edge: CanvasText}[data-ui=attachment][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui=attachment][data-part=root][data-invalid]:has(>[data-part=body]>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=attachment][data-part=root]:not([data-disabled]):not([data-loading]):has(>[data-part=body]>[data-part=trigger]:is(:hover,:active)){border-color:Highlight}[data-ui=attachment] [data-part=preview]{border:var(--_border-width) solid ButtonBorder}[data-ui=attachment] :is([data-part=action],[data-part=remove]):not(:disabled):not([aria-disabled=true]):is(:hover,:active){background-color:Highlight;color:HighlightText}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlAttachment, isStandalone: true, selector: "[slAttachment]", inputs: { file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { remove: "remove" }, host: { attributes: { "data-ui": "attachment", "data-ui-attachment": "", "data-part": "root", "data-part-root": "" }, listeners: { "keydown": "handleKeydown($event)" }, properties: { "attr.data-kind": "kind()", "attr.data-size": "resolvedSize()", "attr.data-orientation": "resolvedOrientation()", "attr.data-invalid": "invalid() ? '' : null", "attr.data-loading": "loading() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "attr.aria-busy": "loading() ? 'true' : null" } }, exportAs: ["slAttachment"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui-attachment][data-part-root],[data-ui-attachment][data-part-group]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_inset: var(--slotted-attachment-padding-md, var(--slotted-space-4, .5rem));--_line-height: var(--slotted-line-height-md, 1.5);--_title-leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_detail-size: var(--slotted-font-size-xs, .75rem);--_detail-leading: round(up, calc(var(--_detail-size) * var(--_line-height)), 1px);--_line-gap: var(--slotted-attachment-line-gap, var(--slotted-space-1, .125rem));--_preview-size: var( --slotted-attachment-preview-size, calc(var(--_title-leading) + var(--_line-gap) + var(--_detail-leading)) );--_preview-radius: var(--slotted-attachment-preview-radius, var(--slotted-radius-sm, 4px));--_card-size: var(--slotted-attachment-card-size, calc(3 * var(--_preview-size)));--_border-width: var(--slotted-attachment-border-width, var(--slotted-border-width-thin, 1px));--_action-glyph-size: max(var(--slotted-attachment-icon-size-min, 14px), var(--_glyph-size));--_action-size: var( --slotted-attachment-action-size, max( var(--slotted-target-min, 24px), calc(var(--_action-glyph-size) + 2 * var(--slotted-space-2, .25rem)) ) )}[data-ui-attachment][data-size=sm]:is([data-part-root],[data-part-group]){--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px);--_inset: var(--slotted-attachment-padding-sm, var(--slotted-space-3, .375rem))}[data-ui-attachment][data-size=lg]:is([data-part-root],[data-part-group]){--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px);--_inset: var(--slotted-attachment-padding-lg, var(--slotted-space-5, .75rem))}[data-ui-attachment][data-part-root]{--_surface: var(--slotted-attachment-background, var(--slotted-surface));--_edge: var(--slotted-attachment-border-color, var(--slotted-border-subtle));--_ink: var(--slotted-text);--_message-color: var(--slotted-text-muted);--_fill-hover: color-mix( in oklab, var(--_ink) var(--slotted-attachment-state-layer-hover, 4%), var(--_surface) );--_fill-active: color-mix( in oklab, var(--_ink) var(--slotted-attachment-state-layer-active, 8%), var(--_surface) );--_fill: var(--_surface);--_radius: var(--slotted-attachment-radius, var(--slotted-radius-lg, 8px));align-items:center;background-color:var(--_fill);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-sizing:border-box;color:var(--_ink);column-gap:var(--_gap);display:grid;font-family:var(--slotted-attachment-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);grid-template-areas:\"preview body actions\" \". message message\";grid-template-columns:auto minmax(0,1fr) auto;line-height:var(--_title-leading);list-style:none;margin:0;min-inline-size:0;overflow:clip;padding:var(--_inset);position:relative;text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-attachment][data-part-root]:not(:has(>[data-part-actions])){grid-template-areas:\"preview body\" \". message\";grid-template-columns:auto minmax(0,1fr)}[data-ui-attachment][data-part-root]:not(:has(>[data-part-preview])){grid-template-areas:\"body actions\" \"message message\";grid-template-columns:minmax(0,1fr) auto}[data-ui-attachment][data-part-root]:not(:has(>[data-part-preview])):not(:has(>[data-part-actions])){grid-template-areas:\"body\" \"message\";grid-template-columns:minmax(0,1fr)}@starting-style{[data-ui-attachment][data-part-root]{opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui-attachment] [data-part-preview]{--_kind-tile: var(--slotted-upload-kind-other);align-items:center;background-color:var(--_kind-tile);block-size:var(--_preview-size);border-radius:var(--_preview-radius);box-sizing:border-box;color:var(--slotted-upload-kind-foreground);display:inline-flex;flex-direction:column;grid-area:preview;inline-size:var(--_preview-size);justify-content:center;overflow:hidden}[data-ui-attachment] [data-part-preview]>img{block-size:100%;display:block;inline-size:100%;object-fit:cover}[data-ui-attachment] [data-part-preview]>[data-ui-icon]{--slotted-icon-size: round(calc(var(--_preview-size) / 2), 1px)}[data-ui-attachment] [data-part-preview][data-kind=pdf]{--_kind-tile: var(--slotted-upload-kind-pdf)}[data-ui-attachment] [data-part-preview][data-kind=document]{--_kind-tile: var(--slotted-upload-kind-document)}[data-ui-attachment] [data-part-preview][data-kind=spreadsheet]{--_kind-tile: var(--slotted-upload-kind-spreadsheet)}[data-ui-attachment] [data-part-preview][data-kind=presentation]{--_kind-tile: var(--slotted-upload-kind-presentation)}[data-ui-attachment] [data-part-preview][data-kind=image]{--_kind-tile: var(--slotted-upload-kind-image)}[data-ui-attachment] [data-part-preview][data-kind=video]{--_kind-tile: var(--slotted-upload-kind-video)}[data-ui-attachment] [data-part-preview][data-kind=audio]{--_kind-tile: var(--slotted-upload-kind-audio)}[data-ui-attachment] [data-part-preview][data-kind=archive]{--_kind-tile: var(--slotted-upload-kind-archive)}[data-ui-attachment] [data-part-body]{display:flex;flex-direction:column;gap:var(--_line-gap);grid-area:body;min-inline-size:0}[data-ui-attachment] [data-part-trigger]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;line-height:inherit;margin:0;min-inline-size:0;padding:0;text-align:start;text-decoration:none;transition:translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-attachment] [data-part-trigger]:after{content:\"\";inset:0;position:absolute}[data-ui-attachment] [data-part-trigger]:not(:disabled):not([aria-disabled=true]):hover{text-decoration-line:underline;text-underline-offset:.2em}[data-ui-attachment] [data-part-trigger]:not(:disabled):not([aria-disabled=true]):active{text-decoration-line:underline;text-underline-offset:.2em;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-attachment] [data-part-trigger]:is(:disabled,[aria-disabled=true]){cursor:default}[data-ui-attachment] [data-part-trigger]:focus-visible{outline:none}[data-ui-attachment][data-part-root]:has(>[data-part-body]>[data-part-trigger]: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-attachment][data-part-root]:not([data-disabled]):not([data-loading]):has(>[data-part-body]>[data-part-trigger]:hover){--_fill: var(--_fill-hover)}[data-ui-attachment][data-part-root]:not([data-disabled]):not([data-loading]):has(>[data-part-body]>[data-part-trigger]:active){--_fill: var(--_fill-active)}[data-ui-attachment] [data-part-filename]{display:flex;font-weight:var(--slotted-attachment-name-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--_title-leading);min-inline-size:0;unicode-bidi:isolate}[data-ui-attachment] [data-part-body]>[data-part-filename],[data-ui-attachment] [data-part-body]>[data-part-trigger]{align-self:start;max-inline-size:100%}[data-ui-attachment] [data-part-name]{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-attachment] [data-part-extension]{flex:none;white-space:nowrap}[data-ui-attachment] [data-part-detail]{color:var(--slotted-text-muted);font-size:var(--_detail-size);font-variant-numeric:tabular-nums;line-height:var(--_detail-leading);margin:0;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-attachment] [data-part-message]{color:var(--_message-color);font-size:var(--_detail-size);grid-area:message;line-height:var(--_detail-leading);margin:0;margin-block-start:var(--_line-gap);min-inline-size:0;overflow-wrap:anywhere}[data-ui-attachment] [data-part-progress]{display:block;inset-block-end:round(down,calc((var(--_inset) - var(--slotted-space-1, .125rem)) / 2),1px);inset-inline-end:var(--_inset);inset-inline-start:calc(var(--_inset) + var(--_preview-size) + var(--_gap));position:absolute;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-attachment][data-part-root]:not(:has(>[data-part-preview]))>[data-part-progress],[data-ui-attachment][data-orientation=vertical]>[data-part-progress]{inset-inline-start:var(--_inset)}@starting-style{[data-ui-attachment] [data-part-progress]{opacity:0}}[data-ui-attachment] [data-part-actions]{align-items:center;display:inline-flex;gap:var(--slotted-space-1, .125rem);grid-area:actions;justify-content:flex-end;position:relative;z-index:1}[data-ui-attachment] [data-part-action],[data-ui-attachment] [data-part-remove]{--_state-hover: color-mix( in oklab, currentcolor var(--slotted-attachment-action-state-layer-hover, 8%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-attachment-action-state-layer-active, 14%), transparent );align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-attachment-action-radius, var(--slotted-control-radius, 4px));box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;inline-size:var(--_action-size);justify-content:center;margin:0;padding:0;text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-attachment] [data-part-action]>[data-ui-icon],[data-ui-attachment] [data-part-remove]>[data-ui-icon]{--slotted-icon-size: var(--_action-glyph-size)}[data-ui-attachment] [data-part-action]:not(:disabled):not([aria-disabled=true]):hover,[data-ui-attachment] [data-part-remove]:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--_state-hover)}[data-ui-attachment] [data-part-action]:not(:disabled):not([aria-disabled=true]):active,[data-ui-attachment] [data-part-remove]:not(:disabled):not([aria-disabled=true]):active{background-color:var(--_state-active)}[data-ui-attachment] [data-part-action]:is(:disabled,[aria-disabled=true]),[data-ui-attachment] [data-part-remove]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui-attachment] [data-part-action]:focus-visible,[data-ui-attachment] [data-part-remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}@media(pointer:coarse){[data-ui-attachment] :is([data-part-action],[data-part-remove]){position:relative}[data-ui-attachment] :is([data-part-action],[data-part-remove]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-attachment][data-part-root][data-invalid]{--_surface: var(--slotted-tone-danger-surface);--_edge: var(--slotted-tone-danger-border);--_message-color: var(--slotted-tone-danger-text);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, var(--_border-width));box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--_edge)}[data-ui-attachment][data-part-root][data-disabled]{--_ink: var(--slotted-disabled-foreground)}[data-ui-attachment][data-part-root][data-disabled] [data-part-detail]{color:var(--slotted-disabled-foreground)}[data-ui-attachment][data-part-root][data-disabled] [data-part-preview]{--_kind-tile: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui-attachment][data-part-root][data-disabled] [data-part-preview]>img{filter:grayscale(1)}[data-ui-attachment][data-part-root][data-orientation=vertical]{align-items:stretch;grid-template-areas:\"preview\" \"body\" \"message\";grid-template-columns:minmax(0,1fr);inline-size:var(--_card-size)}[data-ui-attachment][data-orientation=vertical]>[data-part-preview]{--_preview-radius: var(--slotted-attachment-card-preview-radius, var(--slotted-radius-md, 6px));block-size:calc(var(--_card-size) - 2 * var(--_inset) - 2 * var(--_border-width));inline-size:100%}[data-ui-attachment][data-orientation=vertical]>[data-part-preview]>[data-ui-icon]{--slotted-icon-size: calc(2 * var(--_glyph-size))}[data-ui-attachment][data-orientation=vertical]>[data-part-preview]:not(:has(img)):after{content:attr(data-extension);font-size:var(--_detail-size);font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:.06em;line-height:var(--_detail-leading);margin-block-start:var(--slotted-space-2, .25rem)}[data-ui-attachment][data-orientation=vertical]>[data-part-body]{margin-block-start:var(--_gap)}[data-ui-attachment][data-orientation=vertical]>[data-part-actions]{background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-attachment-card-actions-opacity, 96%),transparent);border-radius:var(--slotted-attachment-action-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text);grid-area:auto;inset-block-start:calc(var(--_inset) + var(--slotted-space-2, .25rem));inset-inline-end:calc(var(--_inset) + var(--slotted-space-2, .25rem));padding:var(--slotted-space-1, .125rem);position:absolute}@media(hover:hover)and (pointer:fine){[data-ui-attachment][data-orientation=vertical]:not([data-disabled])>[data-part-actions]{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-attachment][data-orientation=vertical]:not([data-disabled]):is(:hover,:focus-within)>[data-part-actions]{opacity:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter)}}[data-ui-attachment][data-part-group]{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--slotted-attachment-group-gap, var(--slotted-space-4, .5rem));list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui-attachment][data-part-group]: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-attachment][data-part-group]:empty{display:none}[data-ui-attachment][data-part-group][data-layout=grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--slotted-attachment-grid-min, 16rem)),1fr))}[data-ui-attachment][data-part-group][data-layout=grid][data-orientation=vertical]{grid-template-columns:repeat(auto-fill,var(--_card-size))}[data-ui-attachment][data-part-group][data-layout=strip]{--_ring-reach: calc( var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px) );flex-direction:row;margin:calc(-1 * var(--_ring-reach));overflow-x:auto;overscroll-behavior-inline:contain;padding:var(--_ring-reach);scroll-padding-inline:var(--_ring-reach);scroll-snap-type:inline proximity;scrollbar-color:var(--slotted-border-strong) transparent;scrollbar-width:thin}[data-ui-attachment][data-part-group][data-layout=strip]>[data-part-root]{flex:none;scroll-snap-align:start}[data-ui-attachment][data-part-group][data-layout=strip]>[data-part-root][data-orientation=horizontal]{inline-size:var(--slotted-attachment-strip-item-size, 15rem)}@media(forced-colors:active){[data-ui-attachment][data-part-root][data-invalid]{--_edge: CanvasText}[data-ui-attachment][data-part-root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui-attachment][data-part-root][data-invalid]:has(>[data-part-body]>[data-part-trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-attachment][data-part-root]:not([data-disabled]):not([data-loading]):has(>[data-part-body]>[data-part-trigger]:is(:hover,:active)){border-color:Highlight}[data-ui-attachment] [data-part-preview]{border:var(--_border-width) solid ButtonBorder}[data-ui-attachment] :is([data-part-action],[data-part-remove]):not(:disabled):not([aria-disabled=true]):is(:hover,:active){background-color:Highlight;color:HighlightText}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachment, decorators: [{
             type: Component,
             args: [{ selector: '[slAttachment]', standalone: true, exportAs: 'slAttachment', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         'data-ui': 'attachment',
+                        'data-ui-attachment': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-kind]': 'kind()',
                         '[attr.data-size]': 'resolvedSize()',
                         '[attr.data-orientation]': 'resolvedOrientation()',
@@ -239,7 +243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-disabled]': "disabled() ? '' : null",
                         '[attr.aria-busy]': "loading() ? 'true' : null",
                         '(keydown)': 'handleKeydown($event)',
-                    }, styles: ["@layer slotted.components{[data-ui=attachment][data-part=root],[data-ui=attachment][data-part=group]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_inset: var(--slotted-attachment-padding-md, var(--slotted-space-4, .5rem));--_line-height: var(--slotted-line-height-md, 1.5);--_title-leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_detail-size: var(--slotted-font-size-xs, .75rem);--_detail-leading: round(up, calc(var(--_detail-size) * var(--_line-height)), 1px);--_line-gap: var(--slotted-attachment-line-gap, var(--slotted-space-1, .125rem));--_preview-size: var( --slotted-attachment-preview-size, calc(var(--_title-leading) + var(--_line-gap) + var(--_detail-leading)) );--_preview-radius: var(--slotted-attachment-preview-radius, var(--slotted-radius-sm, 4px));--_card-size: var(--slotted-attachment-card-size, calc(3 * var(--_preview-size)));--_border-width: var(--slotted-attachment-border-width, var(--slotted-border-width-thin, 1px));--_action-glyph-size: max(var(--slotted-attachment-icon-size-min, 14px), var(--_glyph-size));--_action-size: var( --slotted-attachment-action-size, max( var(--slotted-target-min, 24px), calc(var(--_action-glyph-size) + 2 * var(--slotted-space-2, .25rem)) ) )}[data-ui=attachment][data-size=sm]:is([data-part=root],[data-part=group]){--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px);--_inset: var(--slotted-attachment-padding-sm, var(--slotted-space-3, .375rem))}[data-ui=attachment][data-size=lg]:is([data-part=root],[data-part=group]){--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px);--_inset: var(--slotted-attachment-padding-lg, var(--slotted-space-5, .75rem))}[data-ui=attachment][data-part=root]{--_surface: var(--slotted-attachment-background, var(--slotted-surface));--_edge: var(--slotted-attachment-border-color, var(--slotted-border-subtle));--_ink: var(--slotted-text);--_message-color: var(--slotted-text-muted);--_fill-hover: color-mix( in oklab, var(--_ink) var(--slotted-attachment-state-layer-hover, 4%), var(--_surface) );--_fill-active: color-mix( in oklab, var(--_ink) var(--slotted-attachment-state-layer-active, 8%), var(--_surface) );--_fill: var(--_surface);--_radius: var(--slotted-attachment-radius, var(--slotted-radius-lg, 8px));align-items:center;background-color:var(--_fill);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-sizing:border-box;color:var(--_ink);column-gap:var(--_gap);display:grid;font-family:var(--slotted-attachment-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);grid-template-areas:\"preview body actions\" \". message message\";grid-template-columns:auto minmax(0,1fr) auto;line-height:var(--_title-leading);list-style:none;margin:0;min-inline-size:0;overflow:clip;padding:var(--_inset);position:relative;text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=attachment][data-part=root]:not(:has(>[data-part=actions])){grid-template-areas:\"preview body\" \". message\";grid-template-columns:auto minmax(0,1fr)}[data-ui=attachment][data-part=root]:not(:has(>[data-part=preview])){grid-template-areas:\"body actions\" \"message message\";grid-template-columns:minmax(0,1fr) auto}[data-ui=attachment][data-part=root]:not(:has(>[data-part=preview])):not(:has(>[data-part=actions])){grid-template-areas:\"body\" \"message\";grid-template-columns:minmax(0,1fr)}@starting-style{[data-ui=attachment][data-part=root]{opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=attachment] [data-part=preview]{--_kind-tile: var(--slotted-upload-kind-other);align-items:center;background-color:var(--_kind-tile);block-size:var(--_preview-size);border-radius:var(--_preview-radius);box-sizing:border-box;color:var(--slotted-upload-kind-foreground);display:inline-flex;flex-direction:column;grid-area:preview;inline-size:var(--_preview-size);justify-content:center;overflow:hidden}[data-ui=attachment] [data-part=preview]>img{block-size:100%;display:block;inline-size:100%;object-fit:cover}[data-ui=attachment] [data-part=preview]>[data-ui=icon]{--slotted-icon-size: round(calc(var(--_preview-size) / 2), 1px)}[data-ui=attachment] [data-part=preview][data-kind=pdf]{--_kind-tile: var(--slotted-upload-kind-pdf)}[data-ui=attachment] [data-part=preview][data-kind=document]{--_kind-tile: var(--slotted-upload-kind-document)}[data-ui=attachment] [data-part=preview][data-kind=spreadsheet]{--_kind-tile: var(--slotted-upload-kind-spreadsheet)}[data-ui=attachment] [data-part=preview][data-kind=presentation]{--_kind-tile: var(--slotted-upload-kind-presentation)}[data-ui=attachment] [data-part=preview][data-kind=image]{--_kind-tile: var(--slotted-upload-kind-image)}[data-ui=attachment] [data-part=preview][data-kind=video]{--_kind-tile: var(--slotted-upload-kind-video)}[data-ui=attachment] [data-part=preview][data-kind=audio]{--_kind-tile: var(--slotted-upload-kind-audio)}[data-ui=attachment] [data-part=preview][data-kind=archive]{--_kind-tile: var(--slotted-upload-kind-archive)}[data-ui=attachment] [data-part=body]{display:flex;flex-direction:column;gap:var(--_line-gap);grid-area:body;min-inline-size:0}[data-ui=attachment] [data-part=trigger]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;line-height:inherit;margin:0;min-inline-size:0;padding:0;text-align:start;text-decoration:none;transition:translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=attachment] [data-part=trigger]:after{content:\"\";inset:0;position:absolute}[data-ui=attachment] [data-part=trigger]:not(:disabled):not([aria-disabled=true]):hover{text-decoration-line:underline;text-underline-offset:.2em}[data-ui=attachment] [data-part=trigger]:not(:disabled):not([aria-disabled=true]):active{text-decoration-line:underline;text-underline-offset:.2em;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=attachment] [data-part=trigger]:is(:disabled,[aria-disabled=true]){cursor:default}[data-ui=attachment] [data-part=trigger]:focus-visible{outline:none}[data-ui=attachment][data-part=root]:has(>[data-part=body]>[data-part=trigger]: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=attachment][data-part=root]:not([data-disabled]):not([data-loading]):has(>[data-part=body]>[data-part=trigger]:hover){--_fill: var(--_fill-hover)}[data-ui=attachment][data-part=root]:not([data-disabled]):not([data-loading]):has(>[data-part=body]>[data-part=trigger]:active){--_fill: var(--_fill-active)}[data-ui=attachment] [data-part=filename]{display:flex;font-weight:var(--slotted-attachment-name-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--_title-leading);min-inline-size:0;unicode-bidi:isolate}[data-ui=attachment] [data-part=body]>[data-part=filename],[data-ui=attachment] [data-part=body]>[data-part=trigger]{align-self:start;max-inline-size:100%}[data-ui=attachment] [data-part=name]{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=attachment] [data-part=extension]{flex:none;white-space:nowrap}[data-ui=attachment] [data-part=detail]{color:var(--slotted-text-muted);font-size:var(--_detail-size);font-variant-numeric:tabular-nums;line-height:var(--_detail-leading);margin:0;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=attachment] [data-part=message]{color:var(--_message-color);font-size:var(--_detail-size);grid-area:message;line-height:var(--_detail-leading);margin:0;margin-block-start:var(--_line-gap);min-inline-size:0;overflow-wrap:anywhere}[data-ui=attachment] [data-part=progress]{display:block;inset-block-end:round(down,calc((var(--_inset) - var(--slotted-space-1, .125rem)) / 2),1px);inset-inline-end:var(--_inset);inset-inline-start:calc(var(--_inset) + var(--_preview-size) + var(--_gap));position:absolute;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=attachment][data-part=root]:not(:has(>[data-part=preview]))>[data-part=progress],[data-ui=attachment][data-orientation=vertical]>[data-part=progress]{inset-inline-start:var(--_inset)}@starting-style{[data-ui=attachment] [data-part=progress]{opacity:0}}[data-ui=attachment] [data-part=actions]{align-items:center;display:inline-flex;gap:var(--slotted-space-1, .125rem);grid-area:actions;justify-content:flex-end;position:relative;z-index:1}[data-ui=attachment] [data-part=action],[data-ui=attachment] [data-part=remove]{--_state-hover: color-mix( in oklab, currentcolor var(--slotted-attachment-action-state-layer-hover, 8%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-attachment-action-state-layer-active, 14%), transparent );align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-attachment-action-radius, var(--slotted-control-radius, 4px));box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;inline-size:var(--_action-size);justify-content:center;margin:0;padding:0;text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=attachment] [data-part=action]>[data-ui=icon],[data-ui=attachment] [data-part=remove]>[data-ui=icon]{--slotted-icon-size: var(--_action-glyph-size)}[data-ui=attachment] [data-part=action]:not(:disabled):not([aria-disabled=true]):hover,[data-ui=attachment] [data-part=remove]:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--_state-hover)}[data-ui=attachment] [data-part=action]:not(:disabled):not([aria-disabled=true]):active,[data-ui=attachment] [data-part=remove]:not(:disabled):not([aria-disabled=true]):active{background-color:var(--_state-active)}[data-ui=attachment] [data-part=action]:is(:disabled,[aria-disabled=true]),[data-ui=attachment] [data-part=remove]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui=attachment] [data-part=action]:focus-visible,[data-ui=attachment] [data-part=remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}@media(pointer:coarse){[data-ui=attachment] :is([data-part=action],[data-part=remove]){position:relative}[data-ui=attachment] :is([data-part=action],[data-part=remove]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=attachment][data-part=root][data-invalid]{--_surface: var(--slotted-tone-danger-surface);--_edge: var(--slotted-tone-danger-border);--_message-color: var(--slotted-tone-danger-text);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, var(--_border-width));box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--_edge)}[data-ui=attachment][data-part=root][data-disabled]{--_ink: var(--slotted-disabled-foreground)}[data-ui=attachment][data-part=root][data-disabled] [data-part=detail]{color:var(--slotted-disabled-foreground)}[data-ui=attachment][data-part=root][data-disabled] [data-part=preview]{--_kind-tile: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=attachment][data-part=root][data-disabled] [data-part=preview]>img{filter:grayscale(1)}[data-ui=attachment][data-part=root][data-orientation=vertical]{align-items:stretch;grid-template-areas:\"preview\" \"body\" \"message\";grid-template-columns:minmax(0,1fr);inline-size:var(--_card-size)}[data-ui=attachment][data-orientation=vertical]>[data-part=preview]{--_preview-radius: var(--slotted-attachment-card-preview-radius, var(--slotted-radius-md, 6px));block-size:calc(var(--_card-size) - 2 * var(--_inset) - 2 * var(--_border-width));inline-size:100%}[data-ui=attachment][data-orientation=vertical]>[data-part=preview]>[data-ui=icon]{--slotted-icon-size: calc(2 * var(--_glyph-size))}[data-ui=attachment][data-orientation=vertical]>[data-part=preview]:not(:has(img)):after{content:attr(data-extension);font-size:var(--_detail-size);font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:.06em;line-height:var(--_detail-leading);margin-block-start:var(--slotted-space-2, .25rem)}[data-ui=attachment][data-orientation=vertical]>[data-part=body]{margin-block-start:var(--_gap)}[data-ui=attachment][data-orientation=vertical]>[data-part=actions]{background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-attachment-card-actions-opacity, 96%),transparent);border-radius:var(--slotted-attachment-action-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text);grid-area:auto;inset-block-start:calc(var(--_inset) + var(--slotted-space-2, .25rem));inset-inline-end:calc(var(--_inset) + var(--slotted-space-2, .25rem));padding:var(--slotted-space-1, .125rem);position:absolute}@media(hover:hover)and (pointer:fine){[data-ui=attachment][data-orientation=vertical]:not([data-disabled])>[data-part=actions]{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=attachment][data-orientation=vertical]:not([data-disabled]):is(:hover,:focus-within)>[data-part=actions]{opacity:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter)}}[data-ui=attachment][data-part=group]{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--slotted-attachment-group-gap, var(--slotted-space-4, .5rem));list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui=attachment][data-part=group]: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=attachment][data-part=group]:empty{display:none}[data-ui=attachment][data-part=group][data-layout=grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--slotted-attachment-grid-min, 16rem)),1fr))}[data-ui=attachment][data-part=group][data-layout=grid][data-orientation=vertical]{grid-template-columns:repeat(auto-fill,var(--_card-size))}[data-ui=attachment][data-part=group][data-layout=strip]{--_ring-reach: calc( var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px) );flex-direction:row;margin:calc(-1 * var(--_ring-reach));overflow-x:auto;overscroll-behavior-inline:contain;padding:var(--_ring-reach);scroll-padding-inline:var(--_ring-reach);scroll-snap-type:inline proximity;scrollbar-color:var(--slotted-border-strong) transparent;scrollbar-width:thin}[data-ui=attachment][data-part=group][data-layout=strip]>[data-part=root]{flex:none;scroll-snap-align:start}[data-ui=attachment][data-part=group][data-layout=strip]>[data-part=root][data-orientation=horizontal]{inline-size:var(--slotted-attachment-strip-item-size, 15rem)}@media(forced-colors:active){[data-ui=attachment][data-part=root][data-invalid]{--_edge: CanvasText}[data-ui=attachment][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui=attachment][data-part=root][data-invalid]:has(>[data-part=body]>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=attachment][data-part=root]:not([data-disabled]):not([data-loading]):has(>[data-part=body]>[data-part=trigger]:is(:hover,:active)){border-color:Highlight}[data-ui=attachment] [data-part=preview]{border:var(--_border-width) solid ButtonBorder}[data-ui=attachment] :is([data-part=action],[data-part=remove]):not(:disabled):not([aria-disabled=true]):is(:hover,:active){background-color:Highlight;color:HighlightText}}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-attachment][data-part-root],[data-ui-attachment][data-part-group]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_inset: var(--slotted-attachment-padding-md, var(--slotted-space-4, .5rem));--_line-height: var(--slotted-line-height-md, 1.5);--_title-leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_detail-size: var(--slotted-font-size-xs, .75rem);--_detail-leading: round(up, calc(var(--_detail-size) * var(--_line-height)), 1px);--_line-gap: var(--slotted-attachment-line-gap, var(--slotted-space-1, .125rem));--_preview-size: var( --slotted-attachment-preview-size, calc(var(--_title-leading) + var(--_line-gap) + var(--_detail-leading)) );--_preview-radius: var(--slotted-attachment-preview-radius, var(--slotted-radius-sm, 4px));--_card-size: var(--slotted-attachment-card-size, calc(3 * var(--_preview-size)));--_border-width: var(--slotted-attachment-border-width, var(--slotted-border-width-thin, 1px));--_action-glyph-size: max(var(--slotted-attachment-icon-size-min, 14px), var(--_glyph-size));--_action-size: var( --slotted-attachment-action-size, max( var(--slotted-target-min, 24px), calc(var(--_action-glyph-size) + 2 * var(--slotted-space-2, .25rem)) ) )}[data-ui-attachment][data-size=sm]:is([data-part-root],[data-part-group]){--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px);--_inset: var(--slotted-attachment-padding-sm, var(--slotted-space-3, .375rem))}[data-ui-attachment][data-size=lg]:is([data-part-root],[data-part-group]){--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px);--_inset: var(--slotted-attachment-padding-lg, var(--slotted-space-5, .75rem))}[data-ui-attachment][data-part-root]{--_surface: var(--slotted-attachment-background, var(--slotted-surface));--_edge: var(--slotted-attachment-border-color, var(--slotted-border-subtle));--_ink: var(--slotted-text);--_message-color: var(--slotted-text-muted);--_fill-hover: color-mix( in oklab, var(--_ink) var(--slotted-attachment-state-layer-hover, 4%), var(--_surface) );--_fill-active: color-mix( in oklab, var(--_ink) var(--slotted-attachment-state-layer-active, 8%), var(--_surface) );--_fill: var(--_surface);--_radius: var(--slotted-attachment-radius, var(--slotted-radius-lg, 8px));align-items:center;background-color:var(--_fill);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-sizing:border-box;color:var(--_ink);column-gap:var(--_gap);display:grid;font-family:var(--slotted-attachment-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);grid-template-areas:\"preview body actions\" \". message message\";grid-template-columns:auto minmax(0,1fr) auto;line-height:var(--_title-leading);list-style:none;margin:0;min-inline-size:0;overflow:clip;padding:var(--_inset);position:relative;text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-attachment][data-part-root]:not(:has(>[data-part-actions])){grid-template-areas:\"preview body\" \". message\";grid-template-columns:auto minmax(0,1fr)}[data-ui-attachment][data-part-root]:not(:has(>[data-part-preview])){grid-template-areas:\"body actions\" \"message message\";grid-template-columns:minmax(0,1fr) auto}[data-ui-attachment][data-part-root]:not(:has(>[data-part-preview])):not(:has(>[data-part-actions])){grid-template-areas:\"body\" \"message\";grid-template-columns:minmax(0,1fr)}@starting-style{[data-ui-attachment][data-part-root]{opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui-attachment] [data-part-preview]{--_kind-tile: var(--slotted-upload-kind-other);align-items:center;background-color:var(--_kind-tile);block-size:var(--_preview-size);border-radius:var(--_preview-radius);box-sizing:border-box;color:var(--slotted-upload-kind-foreground);display:inline-flex;flex-direction:column;grid-area:preview;inline-size:var(--_preview-size);justify-content:center;overflow:hidden}[data-ui-attachment] [data-part-preview]>img{block-size:100%;display:block;inline-size:100%;object-fit:cover}[data-ui-attachment] [data-part-preview]>[data-ui-icon]{--slotted-icon-size: round(calc(var(--_preview-size) / 2), 1px)}[data-ui-attachment] [data-part-preview][data-kind=pdf]{--_kind-tile: var(--slotted-upload-kind-pdf)}[data-ui-attachment] [data-part-preview][data-kind=document]{--_kind-tile: var(--slotted-upload-kind-document)}[data-ui-attachment] [data-part-preview][data-kind=spreadsheet]{--_kind-tile: var(--slotted-upload-kind-spreadsheet)}[data-ui-attachment] [data-part-preview][data-kind=presentation]{--_kind-tile: var(--slotted-upload-kind-presentation)}[data-ui-attachment] [data-part-preview][data-kind=image]{--_kind-tile: var(--slotted-upload-kind-image)}[data-ui-attachment] [data-part-preview][data-kind=video]{--_kind-tile: var(--slotted-upload-kind-video)}[data-ui-attachment] [data-part-preview][data-kind=audio]{--_kind-tile: var(--slotted-upload-kind-audio)}[data-ui-attachment] [data-part-preview][data-kind=archive]{--_kind-tile: var(--slotted-upload-kind-archive)}[data-ui-attachment] [data-part-body]{display:flex;flex-direction:column;gap:var(--_line-gap);grid-area:body;min-inline-size:0}[data-ui-attachment] [data-part-trigger]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;line-height:inherit;margin:0;min-inline-size:0;padding:0;text-align:start;text-decoration:none;transition:translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-attachment] [data-part-trigger]:after{content:\"\";inset:0;position:absolute}[data-ui-attachment] [data-part-trigger]:not(:disabled):not([aria-disabled=true]):hover{text-decoration-line:underline;text-underline-offset:.2em}[data-ui-attachment] [data-part-trigger]:not(:disabled):not([aria-disabled=true]):active{text-decoration-line:underline;text-underline-offset:.2em;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-attachment] [data-part-trigger]:is(:disabled,[aria-disabled=true]){cursor:default}[data-ui-attachment] [data-part-trigger]:focus-visible{outline:none}[data-ui-attachment][data-part-root]:has(>[data-part-body]>[data-part-trigger]: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-attachment][data-part-root]:not([data-disabled]):not([data-loading]):has(>[data-part-body]>[data-part-trigger]:hover){--_fill: var(--_fill-hover)}[data-ui-attachment][data-part-root]:not([data-disabled]):not([data-loading]):has(>[data-part-body]>[data-part-trigger]:active){--_fill: var(--_fill-active)}[data-ui-attachment] [data-part-filename]{display:flex;font-weight:var(--slotted-attachment-name-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--_title-leading);min-inline-size:0;unicode-bidi:isolate}[data-ui-attachment] [data-part-body]>[data-part-filename],[data-ui-attachment] [data-part-body]>[data-part-trigger]{align-self:start;max-inline-size:100%}[data-ui-attachment] [data-part-name]{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-attachment] [data-part-extension]{flex:none;white-space:nowrap}[data-ui-attachment] [data-part-detail]{color:var(--slotted-text-muted);font-size:var(--_detail-size);font-variant-numeric:tabular-nums;line-height:var(--_detail-leading);margin:0;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-attachment] [data-part-message]{color:var(--_message-color);font-size:var(--_detail-size);grid-area:message;line-height:var(--_detail-leading);margin:0;margin-block-start:var(--_line-gap);min-inline-size:0;overflow-wrap:anywhere}[data-ui-attachment] [data-part-progress]{display:block;inset-block-end:round(down,calc((var(--_inset) - var(--slotted-space-1, .125rem)) / 2),1px);inset-inline-end:var(--_inset);inset-inline-start:calc(var(--_inset) + var(--_preview-size) + var(--_gap));position:absolute;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-attachment][data-part-root]:not(:has(>[data-part-preview]))>[data-part-progress],[data-ui-attachment][data-orientation=vertical]>[data-part-progress]{inset-inline-start:var(--_inset)}@starting-style{[data-ui-attachment] [data-part-progress]{opacity:0}}[data-ui-attachment] [data-part-actions]{align-items:center;display:inline-flex;gap:var(--slotted-space-1, .125rem);grid-area:actions;justify-content:flex-end;position:relative;z-index:1}[data-ui-attachment] [data-part-action],[data-ui-attachment] [data-part-remove]{--_state-hover: color-mix( in oklab, currentcolor var(--slotted-attachment-action-state-layer-hover, 8%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-attachment-action-state-layer-active, 14%), transparent );align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-attachment-action-radius, var(--slotted-control-radius, 4px));box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;inline-size:var(--_action-size);justify-content:center;margin:0;padding:0;text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-attachment] [data-part-action]>[data-ui-icon],[data-ui-attachment] [data-part-remove]>[data-ui-icon]{--slotted-icon-size: var(--_action-glyph-size)}[data-ui-attachment] [data-part-action]:not(:disabled):not([aria-disabled=true]):hover,[data-ui-attachment] [data-part-remove]:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--_state-hover)}[data-ui-attachment] [data-part-action]:not(:disabled):not([aria-disabled=true]):active,[data-ui-attachment] [data-part-remove]:not(:disabled):not([aria-disabled=true]):active{background-color:var(--_state-active)}[data-ui-attachment] [data-part-action]:is(:disabled,[aria-disabled=true]),[data-ui-attachment] [data-part-remove]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui-attachment] [data-part-action]:focus-visible,[data-ui-attachment] [data-part-remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}@media(pointer:coarse){[data-ui-attachment] :is([data-part-action],[data-part-remove]){position:relative}[data-ui-attachment] :is([data-part-action],[data-part-remove]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-attachment][data-part-root][data-invalid]{--_surface: var(--slotted-tone-danger-surface);--_edge: var(--slotted-tone-danger-border);--_message-color: var(--slotted-tone-danger-text);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, var(--_border-width));box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--_edge)}[data-ui-attachment][data-part-root][data-disabled]{--_ink: var(--slotted-disabled-foreground)}[data-ui-attachment][data-part-root][data-disabled] [data-part-detail]{color:var(--slotted-disabled-foreground)}[data-ui-attachment][data-part-root][data-disabled] [data-part-preview]{--_kind-tile: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui-attachment][data-part-root][data-disabled] [data-part-preview]>img{filter:grayscale(1)}[data-ui-attachment][data-part-root][data-orientation=vertical]{align-items:stretch;grid-template-areas:\"preview\" \"body\" \"message\";grid-template-columns:minmax(0,1fr);inline-size:var(--_card-size)}[data-ui-attachment][data-orientation=vertical]>[data-part-preview]{--_preview-radius: var(--slotted-attachment-card-preview-radius, var(--slotted-radius-md, 6px));block-size:calc(var(--_card-size) - 2 * var(--_inset) - 2 * var(--_border-width));inline-size:100%}[data-ui-attachment][data-orientation=vertical]>[data-part-preview]>[data-ui-icon]{--slotted-icon-size: calc(2 * var(--_glyph-size))}[data-ui-attachment][data-orientation=vertical]>[data-part-preview]:not(:has(img)):after{content:attr(data-extension);font-size:var(--_detail-size);font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:.06em;line-height:var(--_detail-leading);margin-block-start:var(--slotted-space-2, .25rem)}[data-ui-attachment][data-orientation=vertical]>[data-part-body]{margin-block-start:var(--_gap)}[data-ui-attachment][data-orientation=vertical]>[data-part-actions]{background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-attachment-card-actions-opacity, 96%),transparent);border-radius:var(--slotted-attachment-action-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text);grid-area:auto;inset-block-start:calc(var(--_inset) + var(--slotted-space-2, .25rem));inset-inline-end:calc(var(--_inset) + var(--slotted-space-2, .25rem));padding:var(--slotted-space-1, .125rem);position:absolute}@media(hover:hover)and (pointer:fine){[data-ui-attachment][data-orientation=vertical]:not([data-disabled])>[data-part-actions]{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-attachment][data-orientation=vertical]:not([data-disabled]):is(:hover,:focus-within)>[data-part-actions]{opacity:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter)}}[data-ui-attachment][data-part-group]{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--slotted-attachment-group-gap, var(--slotted-space-4, .5rem));list-style:none;margin:0;min-inline-size:0;padding:0}[data-ui-attachment][data-part-group]: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-attachment][data-part-group]:empty{display:none}[data-ui-attachment][data-part-group][data-layout=grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--slotted-attachment-grid-min, 16rem)),1fr))}[data-ui-attachment][data-part-group][data-layout=grid][data-orientation=vertical]{grid-template-columns:repeat(auto-fill,var(--_card-size))}[data-ui-attachment][data-part-group][data-layout=strip]{--_ring-reach: calc( var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px) );flex-direction:row;margin:calc(-1 * var(--_ring-reach));overflow-x:auto;overscroll-behavior-inline:contain;padding:var(--_ring-reach);scroll-padding-inline:var(--_ring-reach);scroll-snap-type:inline proximity;scrollbar-color:var(--slotted-border-strong) transparent;scrollbar-width:thin}[data-ui-attachment][data-part-group][data-layout=strip]>[data-part-root]{flex:none;scroll-snap-align:start}[data-ui-attachment][data-part-group][data-layout=strip]>[data-part-root][data-orientation=horizontal]{inline-size:var(--slotted-attachment-strip-item-size, 15rem)}@media(forced-colors:active){[data-ui-attachment][data-part-root][data-invalid]{--_edge: CanvasText}[data-ui-attachment][data-part-root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui-attachment][data-part-root][data-invalid]:has(>[data-part-body]>[data-part-trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-attachment][data-part-root]:not([data-disabled]):not([data-loading]):has(>[data-part-body]>[data-part-trigger]:is(:hover,:active)){border-color:Highlight}[data-ui-attachment] [data-part-preview]{border:var(--_border-width) solid ButtonBorder}[data-ui-attachment] :is([data-part-action],[data-part-remove]):not(:disabled):not([aria-disabled=true]):is(:hover,:active){background-color:Highlight;color:HighlightText}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { file: [{ type: i0.Input, args: [{ isSignal: true, alias: "file", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], remove: [{ type: i0.Output, args: ["remove"] }] } });
 
 function attachment() {
@@ -285,7 +289,7 @@ class SlAttachmentPreview {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "extension" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentPreview, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlAttachmentPreview, isStandalone: true, selector: "[slAttachmentPreview]", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true", "data-part": "preview" }, properties: { "attr.data-kind": "owner.kind()", "attr.data-extension": "extension()" } }, exportAs: ["slAttachmentPreview"], ngImport: i0, template: `@if (picture()) {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlAttachmentPreview, isStandalone: true, selector: "[slAttachmentPreview]", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true", "data-part": "preview", "data-part-preview": "" }, properties: { "attr.data-kind": "owner.kind()", "attr.data-extension": "extension()" } }, exportAs: ["slAttachmentPreview"], ngImport: i0, template: `@if (picture()) {
       <img alt="" [src]="src()" (error)="failed.set(src())" />
     } @else {
       <span slIcon><svg slGlyph [name]="glyph()"></svg></span>
@@ -308,6 +312,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     host: {
                         'aria-hidden': 'true',
                         'data-part': 'preview',
+                        'data-part-preview': '',
                         '[attr.data-kind]': 'owner.kind()',
                         '[attr.data-extension]': 'extension()',
                     },
@@ -316,7 +321,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 /** The text column, and the one box in the attachment that may shrink. */
 class SlAttachmentBody {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentBody, isStandalone: true, selector: "[slAttachmentBody]", host: { attributes: { "data-part": "body" } }, exportAs: ["slAttachmentBody"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentBody, isStandalone: true, selector: "[slAttachmentBody]", host: { attributes: { "data-part": "body", "data-part-body": "" } }, exportAs: ["slAttachmentBody"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentBody, decorators: [{
             type: Directive,
@@ -324,7 +329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slAttachmentBody]',
                     standalone: true,
                     exportAs: 'slAttachmentBody',
-                    host: { 'data-part': 'body' },
+                    host: { 'data-part': 'body', 'data-part-body': '' },
                 }]
         }] });
 /**
@@ -336,10 +341,10 @@ class SlAttachmentFilename {
     owner = attachment();
     dir = inject(new HostAttributeToken('dir'), { optional: true }) ?? 'auto';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentFilename, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlAttachmentFilename, isStandalone: true, selector: "[slAttachmentFilename]", host: { attributes: { "data-part": "filename" }, properties: { "attr.dir": "dir" } }, exportAs: ["slAttachmentFilename"], ngImport: i0, template: `<ng-content
-    ><span data-part="name">{{ owner.split().stem }}</span>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlAttachmentFilename, isStandalone: true, selector: "[slAttachmentFilename]", host: { attributes: { "data-part": "filename", "data-part-filename": "" }, properties: { "attr.dir": "dir" } }, exportAs: ["slAttachmentFilename"], ngImport: i0, template: `<ng-content
+    ><span data-part="name" data-part-name="">{{ owner.split().stem }}</span>
     @if (owner.split().extension) {
-      <span data-part="extension">{{ owner.split().extension }}</span>
+      <span data-part="extension" data-part-extension="">{{ owner.split().extension }}</span>
     }
   </ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
@@ -350,15 +355,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     standalone: true,
                     exportAs: 'slAttachmentFilename',
                     template: `<ng-content
-    ><span data-part="name">{{ owner.split().stem }}</span>
+    ><span data-part="name" data-part-name="">{{ owner.split().stem }}</span>
     @if (owner.split().extension) {
-      <span data-part="extension">{{ owner.split().extension }}</span>
+      <span data-part="extension" data-part-extension="">{{ owner.split().extension }}</span>
     }
   </ng-content>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'filename',
+                        'data-part-filename': '',
                         '[attr.dir]': 'dir',
                     },
                 }]
@@ -392,7 +398,7 @@ class SlAttachmentTrigger {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentTrigger, isStandalone: true, selector: "a[slAttachmentTrigger], button[slAttachmentTrigger]", host: { attributes: { "data-part": "trigger" }, properties: { "attr.title": "title ?? owner.file().name", "attr.aria-describedby": "describedBy()", "attr.disabled": "isButton && owner.blocked() ? '' : null", "attr.aria-disabled": "!isButton && owner.blocked() ? 'true' : null", "attr.type": "isButton ? (type ?? 'button') : null" } }, exportAs: ["slAttachmentTrigger"], ngImport: i0, template: `<ng-content><span slAttachmentFilename></span></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: SlAttachmentFilename, selector: "[slAttachmentFilename]", exportAs: ["slAttachmentFilename"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentTrigger, isStandalone: true, selector: "a[slAttachmentTrigger], button[slAttachmentTrigger]", host: { attributes: { "data-part": "trigger", "data-part-trigger": "" }, properties: { "attr.title": "title ?? owner.file().name", "attr.aria-describedby": "describedBy()", "attr.disabled": "isButton && owner.blocked() ? '' : null", "attr.aria-disabled": "!isButton && owner.blocked() ? 'true' : null", "attr.type": "isButton ? (type ?? 'button') : null" } }, exportAs: ["slAttachmentTrigger"], ngImport: i0, template: `<ng-content><span slAttachmentFilename></span></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: SlAttachmentFilename, selector: "[slAttachmentFilename]", exportAs: ["slAttachmentFilename"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentTrigger, decorators: [{
             type: Component,
@@ -406,6 +412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'trigger',
+                        'data-part-trigger': '',
                         '[attr.title]': 'title ?? owner.file().name',
                         '[attr.aria-describedby]': 'describedBy()',
                         '[attr.disabled]': "isButton && owner.blocked() ? '' : null",
@@ -427,7 +434,7 @@ class SlAttachmentDetail {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "bytes" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentDetail, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentDetail, isStandalone: true, selector: "[slAttachmentDetail]", host: { attributes: { "data-part": "detail" }, properties: { "attr.id": "wiring.id" } }, exportAs: ["slAttachmentDetail"], ngImport: i0, template: `<ng-content>{{ bytes() }}</ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentDetail, isStandalone: true, selector: "[slAttachmentDetail]", host: { attributes: { "data-part": "detail", "data-part-detail": "" }, properties: { "attr.id": "wiring.id" } }, exportAs: ["slAttachmentDetail"], ngImport: i0, template: `<ng-content>{{ bytes() }}</ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentDetail, decorators: [{
             type: Component,
@@ -440,6 +447,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'detail',
+                        'data-part-detail': '',
                         '[attr.id]': 'wiring.id',
                     },
                 }]
@@ -448,7 +456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 class SlAttachmentMessage {
     wiring = describes('message');
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentMessage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentMessage, isStandalone: true, selector: "[slAttachmentMessage]", host: { attributes: { "data-part": "message" }, properties: { "attr.id": "wiring.id" } }, exportAs: ["slAttachmentMessage"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentMessage, isStandalone: true, selector: "[slAttachmentMessage]", host: { attributes: { "data-part": "message", "data-part-message": "" }, properties: { "attr.id": "wiring.id" } }, exportAs: ["slAttachmentMessage"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentMessage, decorators: [{
             type: Directive,
@@ -458,6 +466,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slAttachmentMessage',
                     host: {
                         'data-part': 'message',
+                        'data-part-message': '',
                         '[attr.id]': 'wiring.id',
                     },
                 }]
@@ -473,7 +482,7 @@ class SlAttachmentProgress {
     ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     owner = attachment();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlAttachmentProgress, isStandalone: true, selector: "[slAttachmentProgress]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "progress" } }, exportAs: ["slAttachmentProgress"], ngImport: i0, template: `<div
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlAttachmentProgress, isStandalone: true, selector: "[slAttachmentProgress]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "progress", "data-part-progress": "" } }, exportAs: ["slAttachmentProgress"], ngImport: i0, template: `<div
     slProgressBar
     hideLabel
     size="sm"
@@ -499,7 +508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
   ></div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    host: { 'data-part': 'progress' },
+                    host: { 'data-part': 'progress', 'data-part-progress': '' },
                 }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
 /**
@@ -509,7 +518,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlAttachmentActions {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentActions, isStandalone: true, selector: "[slAttachmentActions]", host: { attributes: { "data-part": "actions" } }, exportAs: ["slAttachmentActions"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentActions, isStandalone: true, selector: "[slAttachmentActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "" } }, exportAs: ["slAttachmentActions"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentActions, decorators: [{
             type: Directive,
@@ -517,7 +526,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slAttachmentActions]',
                     standalone: true,
                     exportAs: 'slAttachmentActions',
-                    host: { 'data-part': 'actions' },
+                    host: { 'data-part': 'actions', 'data-part-actions': '' },
                 }]
         }] });
 /**
@@ -532,7 +541,7 @@ class SlAttachmentAction {
     isButton = inject(ElementRef).nativeElement.tagName === 'BUTTON';
     type = inject(new HostAttributeToken('type'), { optional: true });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentAction, isStandalone: true, selector: "button[slAttachmentAction], a[slAttachmentAction]", host: { attributes: { "data-part": "action" }, properties: { "attr.disabled": "isButton && owner.disabled() ? '' : null", "attr.aria-disabled": "!isButton && owner.disabled() ? 'true' : null", "attr.type": "isButton ? (type ?? 'button') : null" } }, exportAs: ["slAttachmentAction"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentAction, isStandalone: true, selector: "button[slAttachmentAction], a[slAttachmentAction]", host: { attributes: { "data-part": "action", "data-part-action": "" }, properties: { "attr.disabled": "isButton && owner.disabled() ? '' : null", "attr.aria-disabled": "!isButton && owner.disabled() ? 'true' : null", "attr.type": "isButton ? (type ?? 'button') : null" } }, exportAs: ["slAttachmentAction"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentAction, decorators: [{
             type: Directive,
@@ -542,6 +551,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slAttachmentAction',
                     host: {
                         'data-part': 'action',
+                        'data-part-action': '',
                         '[attr.disabled]': "isButton && owner.disabled() ? '' : null",
                         '[attr.aria-disabled]': "!isButton && owner.disabled() ? 'true' : null",
                         '[attr.type]': "isButton ? (type ?? 'button') : null",
@@ -560,7 +570,7 @@ class SlAttachmentRemove {
     label = computed(() => this.written ?? this.owner.t('remove', { name: this.owner.file().name }), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAttachmentRemove, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentRemove, isStandalone: true, selector: "button[slAttachmentRemove]", host: { attributes: { "data-part": "remove", "type": "button" }, listeners: { "click": "owner.request(\"remove\", $event)" }, properties: { "attr.hidden": "owner.removable() ? null : ''", "attr.aria-label": "label()", "attr.disabled": "owner.disabled() ? '' : null" } }, exportAs: ["slAttachmentRemove"], ngImport: i0, template: `<ng-content
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlAttachmentRemove, isStandalone: true, selector: "button[slAttachmentRemove]", host: { attributes: { "data-part": "remove", "data-part-remove": "", "type": "button" }, listeners: { "click": "owner.request(\"remove\", $event)" }, properties: { "attr.hidden": "owner.removable() ? null : ''", "attr.aria-label": "label()", "attr.disabled": "owner.disabled() ? '' : null" } }, exportAs: ["slAttachmentRemove"], ngImport: i0, template: `<ng-content
     ><span slIcon><svg slGlyph name="x"></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 });
 }
@@ -578,6 +588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'remove',
+                        'data-part-remove': '',
                         type: 'button',
                         '[attr.hidden]': "owner.removable() ? null : ''",
                         '[attr.aria-label]': 'label()',