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

package/fesm2022/slotted-angular-wizard.mjs

@@ -112,27 +112,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 /** The group of actions that leave the flow, at the start of the row. */
 class SlWizardActionsStart {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardActionsStart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardActionsStart, isStandalone: true, selector: "[slWizardActionsStart]", host: { attributes: { "data-part": "actions-start" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardActionsStart, isStandalone: true, selector: "[slWizardActionsStart]", host: { attributes: { "data-part": "actions-start", "data-part-actions-start": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardActionsStart, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slWizardActionsStart]',
                     standalone: true,
-                    host: { 'data-part': 'actions-start' },
+                    host: { 'data-part': 'actions-start', 'data-part-actions-start': '' },
                 }]
         }] });
 /** The group of actions that move the flow, at the end of the row. */
 class SlWizardActionsEnd {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardActionsEnd, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardActionsEnd, isStandalone: true, selector: "[slWizardActionsEnd]", host: { attributes: { "data-part": "actions-end" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardActionsEnd, isStandalone: true, selector: "[slWizardActionsEnd]", host: { attributes: { "data-part": "actions-end", "data-part-actions-end": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardActionsEnd, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slWizardActionsEnd]',
                     standalone: true,
-                    host: { 'data-part': 'actions-end' },
+                    host: { 'data-part': 'actions-end', 'data-part-actions-end': '' },
                 }]
         }] });
 /**
@@ -1054,27 +1054,32 @@ class SlWizard {
         this.toggleRef()?.nativeElement.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlWizard, isStandalone: true, selector: "[slWizard]", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, progressOpen: { classPropertyName: "progressOpen", publicName: "progressOpen", isSignal: true, isRequired: false, transformFunction: null }, defaultStep: { classPropertyName: "defaultStep", publicName: "defaultStep", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, defaultProgressOpen: { classPropertyName: "defaultProgressOpen", publicName: "defaultProgressOpen", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, submitWizard: { classPropertyName: "submitWizard", publicName: "submitWizard", isSignal: true, isRequired: false, transformFunction: null }, persistence: { classPropertyName: "persistence", publicName: "persistence", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, autosave: { classPropertyName: "autosave", publicName: "autosave", isSignal: true, isRequired: false, transformFunction: null }, guardUnsaved: { classPropertyName: "guardUnsaved", publicName: "guardUnsaved", isSignal: true, isRequired: false, transformFunction: null }, cancellable: { classPropertyName: "cancellable", publicName: "cancellable", isSignal: true, isRequired: false, transformFunction: null }, draftable: { classPropertyName: "draftable", publicName: "draftable", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, minDuration: { classPropertyName: "minDuration", publicName: "minDuration", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { step: "stepChange", value: "valueChange", progressOpen: "progressOpenChange", stepChangeRequest: "stepChangeRequest", valueChangeRequest: "valueChangeRequest", progressOpenChangeRequest: "progressOpenChangeRequest", cancelRequest: "cancelRequest", draftSave: "draftSave", completed: "completed" }, host: { attributes: { "data-ui": "wizard", "data-part": "root" }, properties: { "attr.data-progress": "resolvedProgress()", "attr.data-scroll": "resolvedScroll()", "attr.data-loading": "phase() === 'submitting' || restoring() ? '' : null", "attr.data-invalid": "errorShown() ? '' : null", "attr.data-complete": "phase() === 'complete' ? '' : null", "attr.data-disabled": "disabled() ? '' : null" } }, queries: [{ propertyName: "steps", predicate: SlWizardStep, isSignal: true }, { propertyName: "completeTemplate", first: true, predicate: SlWizardComplete, descendants: true, isSignal: true }, { propertyName: "actionsTemplate", first: true, predicate: SlWizardActions, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "titleRef", first: true, predicate: ["title"], descendants: true, isSignal: true }, { propertyName: "alertRef", first: true, predicate: ["alert"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "completeRef", first: true, predicate: ["complete"], descendants: true, isSignal: true }, { propertyName: "toggleRef", first: true, predicate: ["toggle"], descendants: true, isSignal: true }], exportAs: ["slWizard"], ngImport: i0, template: `
-    <div data-part="layout">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlWizard, isStandalone: true, selector: "[slWizard]", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, progressOpen: { classPropertyName: "progressOpen", publicName: "progressOpen", isSignal: true, isRequired: false, transformFunction: null }, defaultStep: { classPropertyName: "defaultStep", publicName: "defaultStep", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, defaultProgressOpen: { classPropertyName: "defaultProgressOpen", publicName: "defaultProgressOpen", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, submitWizard: { classPropertyName: "submitWizard", publicName: "submitWizard", isSignal: true, isRequired: false, transformFunction: null }, persistence: { classPropertyName: "persistence", publicName: "persistence", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, autosave: { classPropertyName: "autosave", publicName: "autosave", isSignal: true, isRequired: false, transformFunction: null }, guardUnsaved: { classPropertyName: "guardUnsaved", publicName: "guardUnsaved", isSignal: true, isRequired: false, transformFunction: null }, cancellable: { classPropertyName: "cancellable", publicName: "cancellable", isSignal: true, isRequired: false, transformFunction: null }, draftable: { classPropertyName: "draftable", publicName: "draftable", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, minDuration: { classPropertyName: "minDuration", publicName: "minDuration", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { step: "stepChange", value: "valueChange", progressOpen: "progressOpenChange", stepChangeRequest: "stepChangeRequest", valueChangeRequest: "valueChangeRequest", progressOpenChangeRequest: "progressOpenChangeRequest", cancelRequest: "cancelRequest", draftSave: "draftSave", completed: "completed" }, host: { attributes: { "data-ui": "wizard", "data-ui-wizard": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-progress": "resolvedProgress()", "attr.data-scroll": "resolvedScroll()", "attr.data-loading": "phase() === 'submitting' || restoring() ? '' : null", "attr.data-invalid": "errorShown() ? '' : null", "attr.data-complete": "phase() === 'complete' ? '' : null", "attr.data-disabled": "disabled() ? '' : null" } }, queries: [{ propertyName: "steps", predicate: SlWizardStep, isSignal: true }, { propertyName: "completeTemplate", first: true, predicate: SlWizardComplete, descendants: true, isSignal: true }, { propertyName: "actionsTemplate", first: true, predicate: SlWizardActions, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "titleRef", first: true, predicate: ["title"], descendants: true, isSignal: true }, { propertyName: "alertRef", first: true, predicate: ["alert"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "completeRef", first: true, predicate: ["complete"], descendants: true, isSignal: true }, { propertyName: "toggleRef", first: true, predicate: ["toggle"], descendants: true, isSignal: true }], exportAs: ["slWizard"], ngImport: i0, template: `
+    <div data-part="layout" data-part-layout="">
       @if (resolvedProgress() !== 'none') {
         <div
           data-part="progress"
+          data-part-progress=""
           [attr.data-open]="progressOpen() ? '' : null"
           (keydown)="onProgressKeydown($event)"
         >
           <button
             #toggle
             data-part="progress-toggle"
+            data-part-progress-toggle=""
             type="button"
             [attr.aria-controls]="listId"
             [attr.aria-expanded]="progressOpen()"
             (click)="toggleProgress($event)"
           >
-            <span data-part="progress-position">{{ positionText() }}</span>
-            <span aria-hidden="true" data-part="progress-track">
+            <span data-part="progress-position" data-part-progress-position="">{{
+              positionText()
+            }}</span>
+            <span aria-hidden="true" data-part="progress-track" data-part-progress-track="">
               @for (entry of entries(); track entry.name) {
                 <span
                   data-part="progress-segment"
+                  data-part-progress-segment=""
                   [attr.data-complete]="
                     finished() || (entry.name !== current() && isComplete(entry.name)) ? '' : null
                   "
@@ -1110,9 +1115,9 @@ class SlWizard {
         </div>
       }
 
-      <div data-part="main">
+      <div data-part="main" data-part-main="">
         @if (errorShown()) {
-          <div data-part="error">
+          <div data-part="error" data-part-error="">
             <section #alert slAlert live="off" reach="section" tone="danger">
               <div slAlertContent>
                 <div slAlertTitle>{{ error() ?? t('submitFailed') }}</div>
@@ -1125,25 +1130,36 @@ class SlWizard {
         }
 
         @if (phase() === 'complete') {
-          <div #complete data-part="complete" tabindex="-1">
+          <div #complete data-part="complete" data-part-complete="" tabindex="-1">
             @if (completeTemplate(); as done) {
               <ng-container *ngTemplateOutlet="done.template"></ng-container>
             }
           </div>
         } @else {
-          <div data-part="step" [attr.aria-busy]="restoring() ? 'true' : null">
+          <div data-part="step" data-part-step="" [attr.aria-busy]="restoring() ? 'true' : null">
             @if (restoring()) {
               @if (skeleton()) {
-                <div aria-hidden="true" data-part="step-header">
-                  <div data-part="step-title">
-                    <span data-part="position"><span slSkeleton inlineSize="5.5rem"></span></span>
+                <div aria-hidden="true" data-part="step-header" data-part-step-header="">
+                  <div data-part="step-title" data-part-step-title="">
+                    <span data-part="position" data-part-position=""
+                      ><span slSkeleton inlineSize="5.5rem"></span
+                    ></span>
                     <span slSkeleton inlineSize="13rem"></span>
                   </div>
                 </div>
-                <div aria-hidden="true" data-part="skeleton">
-                  <div data-label-placement="top" data-part="root" data-size="md" data-ui="field">
-                    <span data-part="label"><span slSkeleton inlineSize="7rem"></span></span>
-                    <div data-part="control">
+                <div aria-hidden="true" data-part="skeleton" data-part-skeleton="">
+                  <div
+                    data-label-placement="top"
+                    data-part="root"
+                    data-part-root=""
+                    data-size="md"
+                    data-ui="field"
+                    data-ui-field=""
+                  >
+                    <span data-part="label" data-part-label=""
+                      ><span slSkeleton inlineSize="7rem"></span
+                    ></span>
+                    <div data-part="control" data-part-control="">
                       <span
                         slSkeleton
                         shape="block"
@@ -1154,26 +1170,46 @@ class SlWizard {
                 </div>
               }
             } @else if (currentStep(); as step) {
-              <div data-part="step-header">
+              <div data-part="step-header" data-part-step-header="">
                 @switch (resolvedLevel()) {
                   @case (3) {
-                    <h3 #title data-part="step-title" tabindex="-1" [id]="titleId">
+                    <h3
+                      #title
+                      data-part="step-title"
+                      data-part-step-title=""
+                      tabindex="-1"
+                      [id]="titleId"
+                    >
                       <ng-container *ngTemplateOutlet="heading; context: { $implicit: step }" />
                     </h3>
                   }
                   @case (4) {
-                    <h4 #title data-part="step-title" tabindex="-1" [id]="titleId">
+                    <h4
+                      #title
+                      data-part="step-title"
+                      data-part-step-title=""
+                      tabindex="-1"
+                      [id]="titleId"
+                    >
                       <ng-container *ngTemplateOutlet="heading; context: { $implicit: step }" />
                     </h4>
                   }
                   @default {
-                    <h2 #title data-part="step-title" tabindex="-1" [id]="titleId">
+                    <h2
+                      #title
+                      data-part="step-title"
+                      data-part-step-title=""
+                      tabindex="-1"
+                      [id]="titleId"
+                    >
                       <ng-container *ngTemplateOutlet="heading; context: { $implicit: step }" />
                     </h2>
                   }
                 }
                 @if (step.description()) {
-                  <p data-part="step-description">{{ step.description() }}</p>
+                  <p data-part="step-description" data-part-step-description="">
+                    {{ step.description() }}
+                  </p>
                 }
               </div>
               @for (key of [renderKey()]; track key) {
@@ -1182,7 +1218,7 @@ class SlWizard {
             }
           </div>
           @if (!restoring()) {
-            <div data-part="actions">
+            <div data-part="actions" data-part-actions="">
               @if (actionsTemplate(); as custom) {
                 <ng-container *ngTemplateOutlet="custom.template"></ng-container>
               } @else {
@@ -1260,10 +1296,10 @@ class SlWizard {
     </div>
 
     <ng-template #heading let-step>
-      <span data-part="position">{{ positionText() }}</span>
+      <span data-part="position" data-part-position="">{{ positionText() }}</span>
       {{ step.label() }}
       @if (step.optional()) {
-        <span data-part="optional"
+        <span data-part="optional" data-part-optional=""
           >{{ ' '
           }}<span slTag shape="pill" size="sm" tone="secondary" variant="soft">{{
             t('optional')
@@ -1271,7 +1307,7 @@ class SlWizard {
         </span>
       }
     </ng-template>
-  `, isInline: true, styles: ["@layer slotted.components{[data-ui=wizard]{--_text: var(--slotted-text, CanvasText);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-wizard-border, var(--slotted-border-subtle, ButtonBorder));--_rule-size: var(--slotted-border-width-thin, 1px);--_progress-size: var(--slotted-wizard-progress-inline-size, 14rem);--_gap: var(--slotted-wizard-gap, var(--slotted-space-9, 2rem));--_rhythm: var(--slotted-wizard-rhythm, var(--slotted-space-8, 1.5rem));--_header-gap: var(--slotted-wizard-header-gap, var(--slotted-space-6, 1rem));--_action-gap: var(--slotted-control-gap-md, var(--slotted-space-3, .375rem));--_ground: var(--slotted-page-ground, var(--slotted-surface, Canvas));--_ring-room: calc( var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px) );color:var(--_text);container-name:slotted-wizard;container-type:inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);min-inline-size:0}[data-ui=wizard]>[data-part=layout]{display:grid;gap:var(--_gap);grid-template-columns:minmax(0,1fr);min-inline-size:0}[data-ui=wizard][data-progress=start]>[data-part=layout]{align-items:start;grid-template-columns:var(--_progress-size) minmax(0,1fr)}[data-ui=wizard][data-progress=none]>[data-part=layout]>[data-part=progress]{display:none}[data-ui=wizard]>[data-part=layout]>[data-part=progress]{display:flex;flex-direction:column;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui=wizard][data-progress=start]:not([data-scroll=self])>[data-part=layout]>[data-part=progress]{inset-block-start:var(--slotted-page-sticky-top, 0px);position:sticky}[data-ui=wizard][data-progress=top]>[data-part=layout]>[data-part=progress]{border-block-end:var(--_rule-size) solid var(--_rule);padding-block-end:var(--_rhythm)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]{align-items:center;appearance:none;background-color:var(--slotted-control-surface, Field);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-control-radius, 6px);box-shadow:var(--slotted-control-shadow, none);color:inherit;column-gap:var(--slotted-space-5, .75rem);cursor:pointer;display:none;font:inherit;grid-template-areas:\"position icon\" \"track icon\";grid-template-columns:minmax(0,1fr) auto;inline-size:100%;margin:0;min-block-size:var(--slotted-control-height-lg, 2.75rem);padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-control-padding-inline-md, .75rem);row-gap:var(--slotted-space-3, .375rem);text-align:start;transition:border-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease))}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:hover:not(:disabled):not([data-disabled]){border-color:var( --slotted-wizard-toggle-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-wizard-toggle-active-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:focus-visible{box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-position]{font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);grid-area:position;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]{align-items:center;block-size:var(--slotted-space-2, .25rem);display:flex;gap:var(--slotted-space-1, .125rem);grid-area:track;min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment]{background-color:var( --slotted-wizard-segment-color, var(--slotted-control-border-color, ButtonBorder) );block-size:100%;border-radius:var(--slotted-radius-full, 9999px);flex:1 1 0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment]:is([data-complete],[data-current]){background-color:var( --slotted-wizard-segment-color-complete, var(--slotted-tone-accent-solid, Highlight) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment][data-invalid]{background-color:var( --slotted-wizard-segment-color-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-ui=icon]{color:var(--_muted);grid-area:icon;transition:rotate var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=wizard]>[data-part=layout]>[data-part=progress][data-open]>[data-part=progress-toggle]>[data-ui=icon]{rotate:180deg}[data-ui=wizard]>[data-part=layout]>[data-part=main]{display:flex;flex-direction:column;gap:var(--_rhythm);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=error]{min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]{display:flex;flex-direction:column;gap:var(--_header-gap);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]{display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]{font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-2xl, 1.25rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4);margin:0;outline:none;overflow-wrap:anywhere}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position]{color:var(--_muted);display:block;font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-sm, 1.45);margin-block-end:var(--slotted-space-1, .125rem)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=optional]{margin-inline-start:var(--slotted-space-1, .125rem);vertical-align:middle}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-description]{color:var(--_muted);font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5);margin:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=skeleton]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]{align-items:center;border-block-start:var(--_rule-size) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_action-gap) var(--_gap);justify-content:space-between;padding-block-start:var(--_rhythm)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>:is([data-part=actions-start],[data-part=actions-end]){align-items:center;display:flex;flex-wrap:wrap;gap:var(--_action-gap);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]{align-items:baseline}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-end]{justify-content:flex-end;margin-inline-start:auto}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-ui=button][data-variant=ghost]:first-child{flex:none;max-inline-size:none;margin-inline-start:calc(var(--slotted-control-padding-inline-md, .75rem) * -1)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-part=draft-status]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-part=draft-status]:empty{display:none}[data-ui=wizard] [data-part=edit]{appearance:none;background:none;border:0;border-radius:var(--slotted-radius-xs, 2px);color:var(--slotted-wizard-edit-color, var(--slotted-tone-accent-text, LinkText));cursor:pointer;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);margin:0;padding:0;text-decoration-line:none;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:.2em}[data-ui=wizard] [data-part=edit]:hover:not(:disabled):not([aria-disabled=true]){text-decoration-line:underline}[data-ui=wizard] [data-part=edit]: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=wizard] [data-part=edit]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=complete]{min-inline-size:0;outline:none}[data-ui=wizard][data-scroll=self]{block-size:100%;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]{block-size:100%;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=progress]{max-block-size:100%;overflow:auto;padding:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]{block-size:100%;gap:0;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>:is([data-part=step],[data-part=complete]){flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior:contain;padding-block:var(--_ring-room) var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>[data-part=error]{padding-block-end:var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>[data-part=actions]{background-color:var(--_ground);flex:none;padding-block-end:0;padding-inline:var(--_ring-room)}@container slotted-wizard (width < 600px){[data-ui=wizard]>[data-part=layout]{gap:var(--_rhythm)}[data-ui=wizard][data-progress=start]>[data-part=layout]{grid-template-columns:minmax(0,1fr)}[data-ui=wizard][data-progress]>[data-part=layout]>[data-part=progress]{border-block-end:0;padding-block-end:0;position:static}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]{display:grid}[data-ui=wizard]>[data-part=layout]>[data-part=progress]:not([data-open])>[data-ui=stepper]{display:none}[data-ui=wizard]>[data-part=layout]>[data-part=progress][data-open]>[data-ui=stepper]{background-color:var(--slotted-surface-sunken, Canvas);border-radius:var(--slotted-control-radius, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>:is([data-part=actions-start],[data-part=actions-end]){inline-size:100%}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-end]>[data-ui=button]:not([data-variant=ghost]){flex:1 1 0}[data-ui=wizard][data-progress=start]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position],[data-ui=wizard][data-progress=top]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}}}\n", "@layer slotted.components{[data-ui=field][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px);--_row-gap: var(--slotted-field-row-gap, var(--slotted-space-3, .375rem));--_column-gap: var(--slotted-field-column-gap, var(--slotted-space-5, .75rem));align-content:start;container-name:slotted-field;container-type:inline-size;display:grid;font-family:var(--slotted-field-font-family, var(--slotted-control-font-family, sans-serif));grid-template-columns:minmax(0,var(--slotted-field-label-inline-size, 12rem)) minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_row-gap)}[data-ui=field][data-part=root]>*{grid-column:1 / -1}[data-ui=field]>[data-part=control]{min-inline-size:0}[data-ui=field][data-part=root][data-size=sm]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_control-block-size: var(--slotted-control-height-sm, 30px)}[data-ui=field][data-part=root][data-size=md]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px)}[data-ui=field][data-part=root][data-size=lg]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-md, 16px) );--_help-inner-size: var(--slotted-control-inner-size-md, 24px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_control-block-size: var(--slotted-control-height-lg, 38px)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]>[data-part=label]{color:var(--slotted-field-label-color, var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]{grid-column:1 / -1;grid-row:1}[data-ui=field][data-part=root]:has(>[data-part=counter])>[data-part=label]{grid-column:1 / 3}[data-ui=field]>[data-part=label]>[data-part=mark],[data-ui=field]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=label]>[data-part=mark],[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-mark-text-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=field]>[data-part=header]{align-items:baseline;column-gap:var(--slotted-field-header-gap, var(--slotted-space-3, .375rem));display:flex;flex-wrap:wrap;font-size:var(--_font-size);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0}[data-ui=field]>[data-part=header]>[data-part=label]{flex:0 1 auto}[data-ui=field]>[data-part=header]>[data-part=action],[data-ui=field]>[data-part=header]>[data-part=counter]{margin-inline-start:auto}[data-ui=field]>[data-part=header]>[data-part=action]~[data-part=counter]{margin-inline-start:var(--slotted-space-3, .375rem)}[data-ui=field]>[data-part=header]>[data-part=help]{--_box: max( min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--_help-inner-size)), 1lh );--slotted-icon-size: var(--_help-glyph);appearance:none;background-color:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-field-help-radius, var(--slotted-control-radius, 4px));color:var(--slotted-field-help-color, var(--slotted-text-muted));cursor:pointer;display:inline-block;flex:none;font:inherit;inline-size:var(--_box);margin-block:calc((var(--_font-size) * var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45)) - var(--_box)) / 2);margin-inline-start:calc(var(--slotted-space-1, .125rem) - var(--slotted-field-header-gap, var(--slotted-space-3, .375rem)));padding:0;position:relative;text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=header]>[data-part=help]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=field]>[data-part=header]>[data-part=help]>[data-ui=icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:hover,[data-ui=field]>[data-part=header]>[data-part=help][data-open]{background-color:var( --slotted-field-help-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:active{background-color:var( --slotted-field-help-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]: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=field]>[data-part=header]>[data-part=indicator]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex;flex-wrap:wrap}[data-ui=field]>[data-part=header]>[data-part=action]{--_rest: var(--slotted-field-action-color, var(--slotted-tone-accent-text, LinkText));align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-field-action-radius, var(--slotted-control-radius, 4px));color:var(--_rest);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));margin-block:calc((1lh - var(--slotted-target-min, 24px)) / 2);padding:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):hover{color:var( --slotted-field-action-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):active{color:var( --slotted-field-action-color-active, color-mix(in oklab, var(--_rest) 35%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px);text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@media(pointer:coarse){[data-ui=field]>[data-part=header]>[data-part=action]{position:relative}[data-ui=field]>[data-part=header]>[data-part=help]:before,[data-ui=field]>[data-part=header]>[data-part=action]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=field]>[data-part=counter],[data-ui=field]>[data-part=header]>[data-part=counter]{color:var(--slotted-field-counter-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=counter]{align-self:end;grid-column:3;grid-row:1;justify-self:end;padding-inline-start:var(--_column-gap)}[data-ui=field]>[data-part=counter][data-invalid],[data-ui=field]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-field-counter-invalid-color, var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=field]>[data-ui=inline-message]:not([data-reserve]):has([data-part=text]:empty){display:none}[data-ui=field][data-part=root]>[data-ui=inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=danger],[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}@container slotted-field (min-width: 320px){[data-ui=field][data-part=root][data-label-placement=side]>*{align-self:start;grid-column:2 / 3}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=label],[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]{grid-column:1;grid-row:1;padding-block-start:max(0px,calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=counter]{grid-column:1;grid-row:2;justify-self:end;padding-inline:0 var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]>[data-part=counter]{flex-basis:100%;margin-inline-start:0;text-align:end}}[data-ui=field][data-part=root][data-disabled]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=counter],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=label]>[data-part=mark],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=counter][data-invalid],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular, 400)}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(() => SlAlert), selector: "[slAlert]", inputs: ["tone", "variant", "reach", "live", "hideIcon", "dismissible", "messages", "open", "defaultOpen", "restoreFocus"], outputs: ["openChange"], exportAs: ["slAlert"] }, { kind: "directive", type: i0.forwardRef(() => SlAlertContent), selector: "[slAlertContent]", exportAs: ["slAlertContent"] }, { kind: "directive", type: i0.forwardRef(() => SlAlertDescription), selector: "[slAlertDescription]", exportAs: ["slAlertDescription"] }, { kind: "component", type: i0.forwardRef(() => SlAlertTitle), selector: "[slAlertTitle]", exportAs: ["slAlertTitle"] }, { kind: "component", type: i0.forwardRef(() => SlButton), selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => SlIcon), selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: i0.forwardRef(() => SlSkeleton), selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: i0.forwardRef(() => SlStepper), selector: "[slStepper]", inputs: ["step", "defaultStep", "messages", "orientation", "labelPlacement", "navigation", "linear", "autoComplete"], outputs: ["stepChange"], exportAs: ["slStepper"] }, { kind: "directive", type: i0.forwardRef(() => SlStepperList), selector: "ol[slStepperList]", exportAs: ["slStepperList"] }, { kind: "component", type: i0.forwardRef(() => SlStepperStep), selector: "li[slStepperStep]", inputs: ["label", "description", "complete", "disabled", "invalid", "loading", "href"], exportAs: ["slStepperStep"] }, { kind: "component", type: i0.forwardRef(() => SlTag), selector: "[slTag]", inputs: ["tone", "variant", "size", "shape", "disabled", "removable", "removeDisabled", "messages"], outputs: ["remove"], exportAs: ["slTag"] }, { kind: "directive", type: i0.forwardRef(() => SlWizardNext), selector: "button[slWizardNext]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardPrevious), selector: "button[slWizardPrevious]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardCancel), selector: "button[slWizardCancel]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardSaveDraft), selector: "button[slWizardSaveDraft]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardSkip), selector: "button[slWizardSkip]" }, { kind: "component", type: i0.forwardRef(() => SlWizardDraftStatus), selector: "[slWizardDraftStatus]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardActionsStart), selector: "[slWizardActionsStart]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardActionsEnd), selector: "[slWizardActionsEnd]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui-wizard]{--_text: var(--slotted-text, CanvasText);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-wizard-border, var(--slotted-border-subtle, ButtonBorder));--_rule-size: var(--slotted-border-width-thin, 1px);--_progress-size: var(--slotted-wizard-progress-inline-size, 14rem);--_gap: var(--slotted-wizard-gap, var(--slotted-space-9, 2rem));--_rhythm: var(--slotted-wizard-rhythm, var(--slotted-space-8, 1.5rem));--_header-gap: var(--slotted-wizard-header-gap, var(--slotted-space-6, 1rem));--_action-gap: var(--slotted-control-gap-md, var(--slotted-space-3, .375rem));--_ground: var(--slotted-page-ground, var(--slotted-surface, Canvas));--_ring-room: calc( var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px) );color:var(--_text);container-name:slotted-wizard;container-type:inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);min-inline-size:0}[data-ui-wizard]>[data-part-layout]{display:grid;gap:var(--_gap);grid-template-columns:minmax(0,1fr);min-inline-size:0}[data-ui-wizard][data-progress=start]>[data-part-layout]{align-items:start;grid-template-columns:var(--_progress-size) minmax(0,1fr)}[data-ui-wizard][data-progress=none]>[data-part-layout]>[data-part-progress]{display:none}[data-ui-wizard]>[data-part-layout]>[data-part-progress]{display:flex;flex-direction:column;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui-wizard][data-progress=start]:not([data-scroll=self])>[data-part-layout]>[data-part-progress]{inset-block-start:var(--slotted-page-sticky-top, 0px);position:sticky}[data-ui-wizard][data-progress=top]>[data-part-layout]>[data-part-progress]{border-block-end:var(--_rule-size) solid var(--_rule);padding-block-end:var(--_rhythm)}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]{align-items:center;appearance:none;background-color:var(--slotted-control-surface, Field);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-control-radius, 6px);box-shadow:var(--slotted-control-shadow, none);color:inherit;column-gap:var(--slotted-space-5, .75rem);cursor:pointer;display:none;font:inherit;grid-template-areas:\"position icon\" \"track icon\";grid-template-columns:minmax(0,1fr) auto;inline-size:100%;margin:0;min-block-size:var(--slotted-control-height-lg, 2.75rem);padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-control-padding-inline-md, .75rem);row-gap:var(--slotted-space-3, .375rem);text-align:start;transition:border-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease))}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]:hover:not(:disabled):not([data-disabled]){border-color:var( --slotted-wizard-toggle-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-wizard-toggle-active-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]:focus-visible{box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-part-progress-position]{font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);grid-area:position;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-part-progress-track]{align-items:center;block-size:var(--slotted-space-2, .25rem);display:flex;gap:var(--slotted-space-1, .125rem);grid-area:track;min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-part-progress-track]>[data-part-progress-segment]{background-color:var( --slotted-wizard-segment-color, var(--slotted-control-border-color, ButtonBorder) );block-size:100%;border-radius:var(--slotted-radius-full, 9999px);flex:1 1 0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-part-progress-track]>[data-part-progress-segment]:is([data-complete],[data-current]){background-color:var( --slotted-wizard-segment-color-complete, var(--slotted-tone-accent-solid, Highlight) )}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-part-progress-track]>[data-part-progress-segment][data-invalid]{background-color:var( --slotted-wizard-segment-color-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-ui-icon]{color:var(--_muted);grid-area:icon;transition:rotate var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-wizard]>[data-part-layout]>[data-part-progress][data-open]>[data-part-progress-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-wizard]>[data-part-layout]>[data-part-main]{display:flex;flex-direction:column;gap:var(--_rhythm);min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-error]{min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]{display:flex;flex-direction:column;gap:var(--_header-gap);min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]{display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-title]{font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-2xl, 1.25rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4);margin:0;outline:none;overflow-wrap:anywhere}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-title]>[data-part-position]{color:var(--_muted);display:block;font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-sm, 1.45);margin-block-end:var(--slotted-space-1, .125rem)}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-title]>[data-part-optional]{margin-inline-start:var(--slotted-space-1, .125rem);vertical-align:middle}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-description]{color:var(--_muted);font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5);margin:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-skeleton]{display:flex;flex-direction:column;min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]{align-items:center;border-block-start:var(--_rule-size) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_action-gap) var(--_gap);justify-content:space-between;padding-block-start:var(--_rhythm)}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>:is([data-part-actions-start],[data-part-actions-end]){align-items:center;display:flex;flex-wrap:wrap;gap:var(--_action-gap);min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-start]{align-items:baseline}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-end]{justify-content:flex-end;margin-inline-start:auto}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-start]>[data-ui-button][data-variant=ghost]:first-child{flex:none;max-inline-size:none;margin-inline-start:calc(var(--slotted-control-padding-inline-md, .75rem) * -1)}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-start]>[data-part-draft-status]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45)}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-start]>[data-part-draft-status]:empty{display:none}[data-ui-wizard] [data-part-edit]{appearance:none;background:none;border:0;border-radius:var(--slotted-radius-xs, 2px);color:var(--slotted-wizard-edit-color, var(--slotted-tone-accent-text, LinkText));cursor:pointer;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);margin:0;padding:0;text-decoration-line:none;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:.2em}[data-ui-wizard] [data-part-edit]:hover:not(:disabled):not([aria-disabled=true]){text-decoration-line:underline}[data-ui-wizard] [data-part-edit]: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-wizard] [data-part-edit]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-complete]{min-inline-size:0;outline:none}[data-ui-wizard][data-scroll=self]{block-size:100%;min-block-size:0}[data-ui-wizard][data-scroll=self]>[data-part-layout]{block-size:100%;min-block-size:0}[data-ui-wizard][data-scroll=self]>[data-part-layout]>[data-part-progress]{max-block-size:100%;overflow:auto;padding:var(--_ring-room)}[data-ui-wizard][data-scroll=self]>[data-part-layout]>[data-part-main]{block-size:100%;gap:0;min-block-size:0}[data-ui-wizard][data-scroll=self]>[data-part-layout]>[data-part-main]>:is([data-part-step],[data-part-complete]){flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior:contain;padding-block:var(--_ring-room) var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui-wizard][data-scroll=self]>[data-part-layout]>[data-part-main]>[data-part-error]{padding-block-end:var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui-wizard][data-scroll=self]>[data-part-layout]>[data-part-main]>[data-part-actions]{background-color:var(--_ground);flex:none;padding-block-end:0;padding-inline:var(--_ring-room)}@container slotted-wizard (width < 600px){[data-ui-wizard]>[data-part-layout]{gap:var(--_rhythm)}[data-ui-wizard][data-progress=start]>[data-part-layout]{grid-template-columns:minmax(0,1fr)}[data-ui-wizard][data-progress]>[data-part-layout]>[data-part-progress]{border-block-end:0;padding-block-end:0;position:static}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]{display:grid}[data-ui-wizard]>[data-part-layout]>[data-part-progress]:not([data-open])>[data-ui-stepper]{display:none}[data-ui-wizard]>[data-part-layout]>[data-part-progress][data-open]>[data-ui-stepper]{background-color:var(--slotted-surface-sunken, Canvas);border-radius:var(--slotted-control-radius, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>:is([data-part-actions-start],[data-part-actions-end]){inline-size:100%}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-end]>[data-ui-button]:not([data-variant=ghost]){flex:1 1 0}[data-ui-wizard][data-progress=start]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-title]>[data-part-position],[data-ui-wizard][data-progress=top]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-title]>[data-part-position]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}}}\n", "@layer slotted.components{[data-ui-field][data-part-root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px);--_row-gap: var(--slotted-field-row-gap, var(--slotted-space-3, .375rem));--_column-gap: var(--slotted-field-column-gap, var(--slotted-space-5, .75rem));align-content:start;container-name:slotted-field;container-type:inline-size;display:grid;font-family:var(--slotted-field-font-family, var(--slotted-control-font-family, sans-serif));grid-template-columns:minmax(0,var(--slotted-field-label-inline-size, 12rem)) minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_row-gap)}[data-ui-field][data-part-root]>*{grid-column:1 / -1}[data-ui-field]>[data-part-control]{min-inline-size:0}[data-ui-field][data-part-root][data-size=sm]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_control-block-size: var(--slotted-control-height-sm, 30px)}[data-ui-field][data-part-root][data-size=md]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px)}[data-ui-field][data-part-root][data-size=lg]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-md, 16px) );--_help-inner-size: var(--slotted-control-inner-size-md, 24px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_control-block-size: var(--slotted-control-height-lg, 38px)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]>[data-part-label]{color:var(--slotted-field-label-color, var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]{grid-column:1 / -1;grid-row:1}[data-ui-field][data-part-root]:has(>[data-part-counter])>[data-part-label]{grid-column:1 / 3}[data-ui-field]>[data-part-label]>[data-part-mark],[data-ui-field]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-label]>[data-part-mark],[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-mark-text-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-field]>[data-part-header]{align-items:baseline;column-gap:var(--slotted-field-header-gap, var(--slotted-space-3, .375rem));display:flex;flex-wrap:wrap;font-size:var(--_font-size);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0}[data-ui-field]>[data-part-header]>[data-part-label]{flex:0 1 auto}[data-ui-field]>[data-part-header]>[data-part-action],[data-ui-field]>[data-part-header]>[data-part-counter]{margin-inline-start:auto}[data-ui-field]>[data-part-header]>[data-part-action]~[data-part-counter]{margin-inline-start:var(--slotted-space-3, .375rem)}[data-ui-field]>[data-part-header]>[data-part-help]{--_box: max( min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--_help-inner-size)), 1lh );--slotted-icon-size: var(--_help-glyph);appearance:none;background-color:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-field-help-radius, var(--slotted-control-radius, 4px));color:var(--slotted-field-help-color, var(--slotted-text-muted));cursor:pointer;display:inline-block;flex:none;font:inherit;inline-size:var(--_box);margin-block:calc((var(--_font-size) * var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45)) - var(--_box)) / 2);margin-inline-start:calc(var(--slotted-space-1, .125rem) - var(--slotted-field-header-gap, var(--slotted-space-3, .375rem)));padding:0;position:relative;text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-header]>[data-part-help]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui-field]>[data-part-header]>[data-part-help]>[data-ui-icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:hover,[data-ui-field]>[data-part-header]>[data-part-help][data-open]{background-color:var( --slotted-field-help-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:active{background-color:var( --slotted-field-help-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-field]>[data-part-header]>[data-part-help]: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-field]>[data-part-header]>[data-part-indicator]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex;flex-wrap:wrap}[data-ui-field]>[data-part-header]>[data-part-action]{--_rest: var(--slotted-field-action-color, var(--slotted-tone-accent-text, LinkText));align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-field-action-radius, var(--slotted-control-radius, 4px));color:var(--_rest);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));margin-block:calc((1lh - var(--slotted-target-min, 24px)) / 2);padding:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):hover{color:var( --slotted-field-action-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):active{color:var( --slotted-field-action-color-active, color-mix(in oklab, var(--_rest) 35%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px);text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@media(pointer:coarse){[data-ui-field]>[data-part-header]>[data-part-action]{position:relative}[data-ui-field]>[data-part-header]>[data-part-help]:before,[data-ui-field]>[data-part-header]>[data-part-action]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-field]>[data-part-counter],[data-ui-field]>[data-part-header]>[data-part-counter]{color:var(--slotted-field-counter-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-counter]{align-self:end;grid-column:3;grid-row:1;justify-self:end;padding-inline-start:var(--_column-gap)}[data-ui-field]>[data-part-counter][data-invalid],[data-ui-field]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-field-counter-invalid-color, var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-field]>[data-ui-inline-message]:not([data-reserve]):has([data-part-text]:empty){display:none}[data-ui-field][data-part-root]>[data-ui-inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=danger],[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}@container slotted-field (min-width: 320px){[data-ui-field][data-part-root][data-label-placement=side]>*{align-self:start;grid-column:2 / 3}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-label],[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]{grid-column:1;grid-row:1;padding-block-start:max(0px,calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-counter]{grid-column:1;grid-row:2;justify-self:end;padding-inline:0 var(--_column-gap)}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]>[data-part-counter]{flex-basis:100%;margin-inline-start:0;text-align:end}}[data-ui-field][data-part-root][data-disabled]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-counter],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter]{color:var(--slotted-disabled-foreground)}[data-ui-field][data-part-root][data-disabled]>[data-part-label]>[data-part-mark],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-disabled-foreground)}[data-ui-field][data-part-root][data-disabled]>[data-part-counter][data-invalid],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular, 400)}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(() => SlAlert), selector: "[slAlert]", inputs: ["tone", "variant", "reach", "live", "hideIcon", "dismissible", "messages", "open", "defaultOpen", "restoreFocus"], outputs: ["openChange"], exportAs: ["slAlert"] }, { kind: "directive", type: i0.forwardRef(() => SlAlertContent), selector: "[slAlertContent]", exportAs: ["slAlertContent"] }, { kind: "directive", type: i0.forwardRef(() => SlAlertDescription), selector: "[slAlertDescription]", exportAs: ["slAlertDescription"] }, { kind: "component", type: i0.forwardRef(() => SlAlertTitle), selector: "[slAlertTitle]", exportAs: ["slAlertTitle"] }, { kind: "component", type: i0.forwardRef(() => SlButton), selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => SlIcon), selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: i0.forwardRef(() => SlSkeleton), selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: i0.forwardRef(() => SlStepper), selector: "[slStepper]", inputs: ["step", "defaultStep", "messages", "orientation", "labelPlacement", "navigation", "linear", "autoComplete"], outputs: ["stepChange"], exportAs: ["slStepper"] }, { kind: "directive", type: i0.forwardRef(() => SlStepperList), selector: "ol[slStepperList]", exportAs: ["slStepperList"] }, { kind: "component", type: i0.forwardRef(() => SlStepperStep), selector: "li[slStepperStep]", inputs: ["label", "description", "complete", "disabled", "invalid", "loading", "href"], exportAs: ["slStepperStep"] }, { kind: "component", type: i0.forwardRef(() => SlTag), selector: "[slTag]", inputs: ["tone", "variant", "size", "shape", "disabled", "removable", "removeDisabled", "messages"], outputs: ["remove"], exportAs: ["slTag"] }, { kind: "directive", type: i0.forwardRef(() => SlWizardNext), selector: "button[slWizardNext]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardPrevious), selector: "button[slWizardPrevious]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardCancel), selector: "button[slWizardCancel]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardSaveDraft), selector: "button[slWizardSaveDraft]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardSkip), selector: "button[slWizardSkip]" }, { kind: "component", type: i0.forwardRef(() => SlWizardDraftStatus), selector: "[slWizardDraftStatus]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardActionsStart), selector: "[slWizardActionsStart]" }, { kind: "directive", type: i0.forwardRef(() => SlWizardActionsEnd), selector: "[slWizardActionsEnd]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizard, decorators: [{
             type: Component,
@@ -1298,26 +1334,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         SlWizardActionsStart,
                         SlWizardActionsEnd,
                     ], template: `
-    <div data-part="layout">
+    <div data-part="layout" data-part-layout="">
       @if (resolvedProgress() !== 'none') {
         <div
           data-part="progress"
+          data-part-progress=""
           [attr.data-open]="progressOpen() ? '' : null"
           (keydown)="onProgressKeydown($event)"
         >
           <button
             #toggle
             data-part="progress-toggle"
+            data-part-progress-toggle=""
             type="button"
             [attr.aria-controls]="listId"
             [attr.aria-expanded]="progressOpen()"
             (click)="toggleProgress($event)"
           >
-            <span data-part="progress-position">{{ positionText() }}</span>
-            <span aria-hidden="true" data-part="progress-track">
+            <span data-part="progress-position" data-part-progress-position="">{{
+              positionText()
+            }}</span>
+            <span aria-hidden="true" data-part="progress-track" data-part-progress-track="">
               @for (entry of entries(); track entry.name) {
                 <span
                   data-part="progress-segment"
+                  data-part-progress-segment=""
                   [attr.data-complete]="
                     finished() || (entry.name !== current() && isComplete(entry.name)) ? '' : null
                   "
@@ -1353,9 +1394,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         </div>
       }
 
-      <div data-part="main">
+      <div data-part="main" data-part-main="">
         @if (errorShown()) {
-          <div data-part="error">
+          <div data-part="error" data-part-error="">
             <section #alert slAlert live="off" reach="section" tone="danger">
               <div slAlertContent>
                 <div slAlertTitle>{{ error() ?? t('submitFailed') }}</div>
@@ -1368,25 +1409,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }
 
         @if (phase() === 'complete') {
-          <div #complete data-part="complete" tabindex="-1">
+          <div #complete data-part="complete" data-part-complete="" tabindex="-1">
             @if (completeTemplate(); as done) {
               <ng-container *ngTemplateOutlet="done.template"></ng-container>
             }
           </div>
         } @else {
-          <div data-part="step" [attr.aria-busy]="restoring() ? 'true' : null">
+          <div data-part="step" data-part-step="" [attr.aria-busy]="restoring() ? 'true' : null">
             @if (restoring()) {
               @if (skeleton()) {
-                <div aria-hidden="true" data-part="step-header">
-                  <div data-part="step-title">
-                    <span data-part="position"><span slSkeleton inlineSize="5.5rem"></span></span>
+                <div aria-hidden="true" data-part="step-header" data-part-step-header="">
+                  <div data-part="step-title" data-part-step-title="">
+                    <span data-part="position" data-part-position=""
+                      ><span slSkeleton inlineSize="5.5rem"></span
+                    ></span>
                     <span slSkeleton inlineSize="13rem"></span>
                   </div>
                 </div>
-                <div aria-hidden="true" data-part="skeleton">
-                  <div data-label-placement="top" data-part="root" data-size="md" data-ui="field">
-                    <span data-part="label"><span slSkeleton inlineSize="7rem"></span></span>
-                    <div data-part="control">
+                <div aria-hidden="true" data-part="skeleton" data-part-skeleton="">
+                  <div
+                    data-label-placement="top"
+                    data-part="root"
+                    data-part-root=""
+                    data-size="md"
+                    data-ui="field"
+                    data-ui-field=""
+                  >
+                    <span data-part="label" data-part-label=""
+                      ><span slSkeleton inlineSize="7rem"></span
+                    ></span>
+                    <div data-part="control" data-part-control="">
                       <span
                         slSkeleton
                         shape="block"
@@ -1397,26 +1449,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 </div>
               }
             } @else if (currentStep(); as step) {
-              <div data-part="step-header">
+              <div data-part="step-header" data-part-step-header="">
                 @switch (resolvedLevel()) {
                   @case (3) {
-                    <h3 #title data-part="step-title" tabindex="-1" [id]="titleId">
+                    <h3
+                      #title
+                      data-part="step-title"
+                      data-part-step-title=""
+                      tabindex="-1"
+                      [id]="titleId"
+                    >
                       <ng-container *ngTemplateOutlet="heading; context: { $implicit: step }" />
                     </h3>
                   }
                   @case (4) {
-                    <h4 #title data-part="step-title" tabindex="-1" [id]="titleId">
+                    <h4
+                      #title
+                      data-part="step-title"
+                      data-part-step-title=""
+                      tabindex="-1"
+                      [id]="titleId"
+                    >
                       <ng-container *ngTemplateOutlet="heading; context: { $implicit: step }" />
                     </h4>
                   }
                   @default {
-                    <h2 #title data-part="step-title" tabindex="-1" [id]="titleId">
+                    <h2
+                      #title
+                      data-part="step-title"
+                      data-part-step-title=""
+                      tabindex="-1"
+                      [id]="titleId"
+                    >
                       <ng-container *ngTemplateOutlet="heading; context: { $implicit: step }" />
                     </h2>
                   }
                 }
                 @if (step.description()) {
-                  <p data-part="step-description">{{ step.description() }}</p>
+                  <p data-part="step-description" data-part-step-description="">
+                    {{ step.description() }}
+                  </p>
                 }
               </div>
               @for (key of [renderKey()]; track key) {
@@ -1425,7 +1497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             }
           </div>
           @if (!restoring()) {
-            <div data-part="actions">
+            <div data-part="actions" data-part-actions="">
               @if (actionsTemplate(); as custom) {
                 <ng-container *ngTemplateOutlet="custom.template"></ng-container>
               } @else {
@@ -1503,10 +1575,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     </div>
 
     <ng-template #heading let-step>
-      <span data-part="position">{{ positionText() }}</span>
+      <span data-part="position" data-part-position="">{{ positionText() }}</span>
       {{ step.label() }}
       @if (step.optional()) {
-        <span data-part="optional"
+        <span data-part="optional" data-part-optional=""
           >{{ ' '
           }}<span slTag shape="pill" size="sm" tone="secondary" variant="soft">{{
             t('optional')
@@ -1516,14 +1588,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     </ng-template>
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         'data-ui': 'wizard',
+                        'data-ui-wizard': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-progress]': 'resolvedProgress()',
                         '[attr.data-scroll]': 'resolvedScroll()',
                         '[attr.data-loading]': "phase() === 'submitting' || restoring() ? '' : null",
                         '[attr.data-invalid]': "errorShown() ? '' : null",
                         '[attr.data-complete]': "phase() === 'complete' ? '' : null",
                         '[attr.data-disabled]': "disabled() ? '' : null",
-                    }, styles: ["@layer slotted.components{[data-ui=wizard]{--_text: var(--slotted-text, CanvasText);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-wizard-border, var(--slotted-border-subtle, ButtonBorder));--_rule-size: var(--slotted-border-width-thin, 1px);--_progress-size: var(--slotted-wizard-progress-inline-size, 14rem);--_gap: var(--slotted-wizard-gap, var(--slotted-space-9, 2rem));--_rhythm: var(--slotted-wizard-rhythm, var(--slotted-space-8, 1.5rem));--_header-gap: var(--slotted-wizard-header-gap, var(--slotted-space-6, 1rem));--_action-gap: var(--slotted-control-gap-md, var(--slotted-space-3, .375rem));--_ground: var(--slotted-page-ground, var(--slotted-surface, Canvas));--_ring-room: calc( var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px) );color:var(--_text);container-name:slotted-wizard;container-type:inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);min-inline-size:0}[data-ui=wizard]>[data-part=layout]{display:grid;gap:var(--_gap);grid-template-columns:minmax(0,1fr);min-inline-size:0}[data-ui=wizard][data-progress=start]>[data-part=layout]{align-items:start;grid-template-columns:var(--_progress-size) minmax(0,1fr)}[data-ui=wizard][data-progress=none]>[data-part=layout]>[data-part=progress]{display:none}[data-ui=wizard]>[data-part=layout]>[data-part=progress]{display:flex;flex-direction:column;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui=wizard][data-progress=start]:not([data-scroll=self])>[data-part=layout]>[data-part=progress]{inset-block-start:var(--slotted-page-sticky-top, 0px);position:sticky}[data-ui=wizard][data-progress=top]>[data-part=layout]>[data-part=progress]{border-block-end:var(--_rule-size) solid var(--_rule);padding-block-end:var(--_rhythm)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]{align-items:center;appearance:none;background-color:var(--slotted-control-surface, Field);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-control-radius, 6px);box-shadow:var(--slotted-control-shadow, none);color:inherit;column-gap:var(--slotted-space-5, .75rem);cursor:pointer;display:none;font:inherit;grid-template-areas:\"position icon\" \"track icon\";grid-template-columns:minmax(0,1fr) auto;inline-size:100%;margin:0;min-block-size:var(--slotted-control-height-lg, 2.75rem);padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-control-padding-inline-md, .75rem);row-gap:var(--slotted-space-3, .375rem);text-align:start;transition:border-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease))}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:hover:not(:disabled):not([data-disabled]){border-color:var( --slotted-wizard-toggle-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-wizard-toggle-active-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]:focus-visible{box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-position]{font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);grid-area:position;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]{align-items:center;block-size:var(--slotted-space-2, .25rem);display:flex;gap:var(--slotted-space-1, .125rem);grid-area:track;min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment]{background-color:var( --slotted-wizard-segment-color, var(--slotted-control-border-color, ButtonBorder) );block-size:100%;border-radius:var(--slotted-radius-full, 9999px);flex:1 1 0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment]:is([data-complete],[data-current]){background-color:var( --slotted-wizard-segment-color-complete, var(--slotted-tone-accent-solid, Highlight) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-part=progress-track]>[data-part=progress-segment][data-invalid]{background-color:var( --slotted-wizard-segment-color-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]>[data-ui=icon]{color:var(--_muted);grid-area:icon;transition:rotate var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=wizard]>[data-part=layout]>[data-part=progress][data-open]>[data-part=progress-toggle]>[data-ui=icon]{rotate:180deg}[data-ui=wizard]>[data-part=layout]>[data-part=main]{display:flex;flex-direction:column;gap:var(--_rhythm);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=error]{min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]{display:flex;flex-direction:column;gap:var(--_header-gap);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]{display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]{font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-2xl, 1.25rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4);margin:0;outline:none;overflow-wrap:anywhere}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position]{color:var(--_muted);display:block;font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-sm, 1.45);margin-block-end:var(--slotted-space-1, .125rem)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=optional]{margin-inline-start:var(--slotted-space-1, .125rem);vertical-align:middle}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-description]{color:var(--_muted);font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5);margin:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=skeleton]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]{align-items:center;border-block-start:var(--_rule-size) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_action-gap) var(--_gap);justify-content:space-between;padding-block-start:var(--_rhythm)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>:is([data-part=actions-start],[data-part=actions-end]){align-items:center;display:flex;flex-wrap:wrap;gap:var(--_action-gap);min-inline-size:0}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]{align-items:baseline}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-end]{justify-content:flex-end;margin-inline-start:auto}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-ui=button][data-variant=ghost]:first-child{flex:none;max-inline-size:none;margin-inline-start:calc(var(--slotted-control-padding-inline-md, .75rem) * -1)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-part=draft-status]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-start]>[data-part=draft-status]:empty{display:none}[data-ui=wizard] [data-part=edit]{appearance:none;background:none;border:0;border-radius:var(--slotted-radius-xs, 2px);color:var(--slotted-wizard-edit-color, var(--slotted-tone-accent-text, LinkText));cursor:pointer;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);margin:0;padding:0;text-decoration-line:none;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:.2em}[data-ui=wizard] [data-part=edit]:hover:not(:disabled):not([aria-disabled=true]){text-decoration-line:underline}[data-ui=wizard] [data-part=edit]: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=wizard] [data-part=edit]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=complete]{min-inline-size:0;outline:none}[data-ui=wizard][data-scroll=self]{block-size:100%;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]{block-size:100%;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=progress]{max-block-size:100%;overflow:auto;padding:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]{block-size:100%;gap:0;min-block-size:0}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>:is([data-part=step],[data-part=complete]){flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior:contain;padding-block:var(--_ring-room) var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>[data-part=error]{padding-block-end:var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui=wizard][data-scroll=self]>[data-part=layout]>[data-part=main]>[data-part=actions]{background-color:var(--_ground);flex:none;padding-block-end:0;padding-inline:var(--_ring-room)}@container slotted-wizard (width < 600px){[data-ui=wizard]>[data-part=layout]{gap:var(--_rhythm)}[data-ui=wizard][data-progress=start]>[data-part=layout]{grid-template-columns:minmax(0,1fr)}[data-ui=wizard][data-progress]>[data-part=layout]>[data-part=progress]{border-block-end:0;padding-block-end:0;position:static}[data-ui=wizard]>[data-part=layout]>[data-part=progress]>[data-part=progress-toggle]{display:grid}[data-ui=wizard]>[data-part=layout]>[data-part=progress]:not([data-open])>[data-ui=stepper]{display:none}[data-ui=wizard]>[data-part=layout]>[data-part=progress][data-open]>[data-ui=stepper]{background-color:var(--slotted-surface-sunken, Canvas);border-radius:var(--slotted-control-radius, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>:is([data-part=actions-start],[data-part=actions-end]){inline-size:100%}[data-ui=wizard]>[data-part=layout]>[data-part=main]>[data-part=actions]>[data-part=actions-end]>[data-ui=button]:not([data-variant=ghost]){flex:1 1 0}[data-ui=wizard][data-progress=start]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position],[data-ui=wizard][data-progress=top]>[data-part=layout]>[data-part=main]>[data-part=step]>[data-part=step-header]>[data-part=step-title]>[data-part=position]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}}}\n", "@layer slotted.components{[data-ui=field][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px);--_row-gap: var(--slotted-field-row-gap, var(--slotted-space-3, .375rem));--_column-gap: var(--slotted-field-column-gap, var(--slotted-space-5, .75rem));align-content:start;container-name:slotted-field;container-type:inline-size;display:grid;font-family:var(--slotted-field-font-family, var(--slotted-control-font-family, sans-serif));grid-template-columns:minmax(0,var(--slotted-field-label-inline-size, 12rem)) minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_row-gap)}[data-ui=field][data-part=root]>*{grid-column:1 / -1}[data-ui=field]>[data-part=control]{min-inline-size:0}[data-ui=field][data-part=root][data-size=sm]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_control-block-size: var(--slotted-control-height-sm, 30px)}[data-ui=field][data-part=root][data-size=md]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px)}[data-ui=field][data-part=root][data-size=lg]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-md, 16px) );--_help-inner-size: var(--slotted-control-inner-size-md, 24px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_control-block-size: var(--slotted-control-height-lg, 38px)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]>[data-part=label]{color:var(--slotted-field-label-color, var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]{grid-column:1 / -1;grid-row:1}[data-ui=field][data-part=root]:has(>[data-part=counter])>[data-part=label]{grid-column:1 / 3}[data-ui=field]>[data-part=label]>[data-part=mark],[data-ui=field]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=label]>[data-part=mark],[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-mark-text-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=field]>[data-part=header]{align-items:baseline;column-gap:var(--slotted-field-header-gap, var(--slotted-space-3, .375rem));display:flex;flex-wrap:wrap;font-size:var(--_font-size);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0}[data-ui=field]>[data-part=header]>[data-part=label]{flex:0 1 auto}[data-ui=field]>[data-part=header]>[data-part=action],[data-ui=field]>[data-part=header]>[data-part=counter]{margin-inline-start:auto}[data-ui=field]>[data-part=header]>[data-part=action]~[data-part=counter]{margin-inline-start:var(--slotted-space-3, .375rem)}[data-ui=field]>[data-part=header]>[data-part=help]{--_box: max( min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--_help-inner-size)), 1lh );--slotted-icon-size: var(--_help-glyph);appearance:none;background-color:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-field-help-radius, var(--slotted-control-radius, 4px));color:var(--slotted-field-help-color, var(--slotted-text-muted));cursor:pointer;display:inline-block;flex:none;font:inherit;inline-size:var(--_box);margin-block:calc((var(--_font-size) * var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45)) - var(--_box)) / 2);margin-inline-start:calc(var(--slotted-space-1, .125rem) - var(--slotted-field-header-gap, var(--slotted-space-3, .375rem)));padding:0;position:relative;text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=header]>[data-part=help]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=field]>[data-part=header]>[data-part=help]>[data-ui=icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:hover,[data-ui=field]>[data-part=header]>[data-part=help][data-open]{background-color:var( --slotted-field-help-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:active{background-color:var( --slotted-field-help-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]: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=field]>[data-part=header]>[data-part=indicator]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex;flex-wrap:wrap}[data-ui=field]>[data-part=header]>[data-part=action]{--_rest: var(--slotted-field-action-color, var(--slotted-tone-accent-text, LinkText));align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-field-action-radius, var(--slotted-control-radius, 4px));color:var(--_rest);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));margin-block:calc((1lh - var(--slotted-target-min, 24px)) / 2);padding:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):hover{color:var( --slotted-field-action-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):active{color:var( --slotted-field-action-color-active, color-mix(in oklab, var(--_rest) 35%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px);text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@media(pointer:coarse){[data-ui=field]>[data-part=header]>[data-part=action]{position:relative}[data-ui=field]>[data-part=header]>[data-part=help]:before,[data-ui=field]>[data-part=header]>[data-part=action]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=field]>[data-part=counter],[data-ui=field]>[data-part=header]>[data-part=counter]{color:var(--slotted-field-counter-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=counter]{align-self:end;grid-column:3;grid-row:1;justify-self:end;padding-inline-start:var(--_column-gap)}[data-ui=field]>[data-part=counter][data-invalid],[data-ui=field]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-field-counter-invalid-color, var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=field]>[data-ui=inline-message]:not([data-reserve]):has([data-part=text]:empty){display:none}[data-ui=field][data-part=root]>[data-ui=inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=danger],[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}@container slotted-field (min-width: 320px){[data-ui=field][data-part=root][data-label-placement=side]>*{align-self:start;grid-column:2 / 3}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=label],[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]{grid-column:1;grid-row:1;padding-block-start:max(0px,calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=counter]{grid-column:1;grid-row:2;justify-self:end;padding-inline:0 var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]>[data-part=counter]{flex-basis:100%;margin-inline-start:0;text-align:end}}[data-ui=field][data-part=root][data-disabled]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=counter],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=label]>[data-part=mark],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=counter][data-invalid],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular, 400)}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-wizard]{--_text: var(--slotted-text, CanvasText);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-wizard-border, var(--slotted-border-subtle, ButtonBorder));--_rule-size: var(--slotted-border-width-thin, 1px);--_progress-size: var(--slotted-wizard-progress-inline-size, 14rem);--_gap: var(--slotted-wizard-gap, var(--slotted-space-9, 2rem));--_rhythm: var(--slotted-wizard-rhythm, var(--slotted-space-8, 1.5rem));--_header-gap: var(--slotted-wizard-header-gap, var(--slotted-space-6, 1rem));--_action-gap: var(--slotted-control-gap-md, var(--slotted-space-3, .375rem));--_ground: var(--slotted-page-ground, var(--slotted-surface, Canvas));--_ring-room: calc( var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px) );color:var(--_text);container-name:slotted-wizard;container-type:inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif);min-inline-size:0}[data-ui-wizard]>[data-part-layout]{display:grid;gap:var(--_gap);grid-template-columns:minmax(0,1fr);min-inline-size:0}[data-ui-wizard][data-progress=start]>[data-part-layout]{align-items:start;grid-template-columns:var(--_progress-size) minmax(0,1fr)}[data-ui-wizard][data-progress=none]>[data-part-layout]>[data-part-progress]{display:none}[data-ui-wizard]>[data-part-layout]>[data-part-progress]{display:flex;flex-direction:column;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui-wizard][data-progress=start]:not([data-scroll=self])>[data-part-layout]>[data-part-progress]{inset-block-start:var(--slotted-page-sticky-top, 0px);position:sticky}[data-ui-wizard][data-progress=top]>[data-part-layout]>[data-part-progress]{border-block-end:var(--_rule-size) solid var(--_rule);padding-block-end:var(--_rhythm)}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]{align-items:center;appearance:none;background-color:var(--slotted-control-surface, Field);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-control-radius, 6px);box-shadow:var(--slotted-control-shadow, none);color:inherit;column-gap:var(--slotted-space-5, .75rem);cursor:pointer;display:none;font:inherit;grid-template-areas:\"position icon\" \"track icon\";grid-template-columns:minmax(0,1fr) auto;inline-size:100%;margin:0;min-block-size:var(--slotted-control-height-lg, 2.75rem);padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-control-padding-inline-md, .75rem);row-gap:var(--slotted-space-3, .375rem);text-align:start;transition:border-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard, ease))}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]:hover:not(:disabled):not([data-disabled]){border-color:var( --slotted-wizard-toggle-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]:active:not(:disabled):not([data-disabled]){background-color:var( --slotted-wizard-toggle-active-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]:focus-visible{box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-part-progress-position]{font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);grid-area:position;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-part-progress-track]{align-items:center;block-size:var(--slotted-space-2, .25rem);display:flex;gap:var(--slotted-space-1, .125rem);grid-area:track;min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-part-progress-track]>[data-part-progress-segment]{background-color:var( --slotted-wizard-segment-color, var(--slotted-control-border-color, ButtonBorder) );block-size:100%;border-radius:var(--slotted-radius-full, 9999px);flex:1 1 0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-part-progress-track]>[data-part-progress-segment]:is([data-complete],[data-current]){background-color:var( --slotted-wizard-segment-color-complete, var(--slotted-tone-accent-solid, Highlight) )}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-part-progress-track]>[data-part-progress-segment][data-invalid]{background-color:var( --slotted-wizard-segment-color-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]>[data-ui-icon]{color:var(--_muted);grid-area:icon;transition:rotate var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-wizard]>[data-part-layout]>[data-part-progress][data-open]>[data-part-progress-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-wizard]>[data-part-layout]>[data-part-main]{display:flex;flex-direction:column;gap:var(--_rhythm);min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-error]{min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]{display:flex;flex-direction:column;gap:var(--_header-gap);min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]{display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-title]{font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-2xl, 1.25rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4);margin:0;outline:none;overflow-wrap:anywhere}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-title]>[data-part-position]{color:var(--_muted);display:block;font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--slotted-line-height-sm, 1.45);margin-block-end:var(--slotted-space-1, .125rem)}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-title]>[data-part-optional]{margin-inline-start:var(--slotted-space-1, .125rem);vertical-align:middle}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-description]{color:var(--_muted);font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5);margin:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-skeleton]{display:flex;flex-direction:column;min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]{align-items:center;border-block-start:var(--_rule-size) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_action-gap) var(--_gap);justify-content:space-between;padding-block-start:var(--_rhythm)}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>:is([data-part-actions-start],[data-part-actions-end]){align-items:center;display:flex;flex-wrap:wrap;gap:var(--_action-gap);min-inline-size:0}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-start]{align-items:baseline}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-end]{justify-content:flex-end;margin-inline-start:auto}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-start]>[data-ui-button][data-variant=ghost]:first-child{flex:none;max-inline-size:none;margin-inline-start:calc(var(--slotted-control-padding-inline-md, .75rem) * -1)}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-start]>[data-part-draft-status]{color:var(--_muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45)}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-start]>[data-part-draft-status]:empty{display:none}[data-ui-wizard] [data-part-edit]{appearance:none;background:none;border:0;border-radius:var(--slotted-radius-xs, 2px);color:var(--slotted-wizard-edit-color, var(--slotted-tone-accent-text, LinkText));cursor:pointer;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);margin:0;padding:0;text-decoration-line:none;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:.2em}[data-ui-wizard] [data-part-edit]:hover:not(:disabled):not([aria-disabled=true]){text-decoration-line:underline}[data-ui-wizard] [data-part-edit]: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-wizard] [data-part-edit]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-complete]{min-inline-size:0;outline:none}[data-ui-wizard][data-scroll=self]{block-size:100%;min-block-size:0}[data-ui-wizard][data-scroll=self]>[data-part-layout]{block-size:100%;min-block-size:0}[data-ui-wizard][data-scroll=self]>[data-part-layout]>[data-part-progress]{max-block-size:100%;overflow:auto;padding:var(--_ring-room)}[data-ui-wizard][data-scroll=self]>[data-part-layout]>[data-part-main]{block-size:100%;gap:0;min-block-size:0}[data-ui-wizard][data-scroll=self]>[data-part-layout]>[data-part-main]>:is([data-part-step],[data-part-complete]){flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior:contain;padding-block:var(--_ring-room) var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui-wizard][data-scroll=self]>[data-part-layout]>[data-part-main]>[data-part-error]{padding-block-end:var(--_rhythm);padding-inline:var(--_ring-room)}[data-ui-wizard][data-scroll=self]>[data-part-layout]>[data-part-main]>[data-part-actions]{background-color:var(--_ground);flex:none;padding-block-end:0;padding-inline:var(--_ring-room)}@container slotted-wizard (width < 600px){[data-ui-wizard]>[data-part-layout]{gap:var(--_rhythm)}[data-ui-wizard][data-progress=start]>[data-part-layout]{grid-template-columns:minmax(0,1fr)}[data-ui-wizard][data-progress]>[data-part-layout]>[data-part-progress]{border-block-end:0;padding-block-end:0;position:static}[data-ui-wizard]>[data-part-layout]>[data-part-progress]>[data-part-progress-toggle]{display:grid}[data-ui-wizard]>[data-part-layout]>[data-part-progress]:not([data-open])>[data-ui-stepper]{display:none}[data-ui-wizard]>[data-part-layout]>[data-part-progress][data-open]>[data-ui-stepper]{background-color:var(--slotted-surface-sunken, Canvas);border-radius:var(--slotted-control-radius, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>:is([data-part-actions-start],[data-part-actions-end]){inline-size:100%}[data-ui-wizard]>[data-part-layout]>[data-part-main]>[data-part-actions]>[data-part-actions-end]>[data-ui-button]:not([data-variant=ghost]){flex:1 1 0}[data-ui-wizard][data-progress=start]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-title]>[data-part-position],[data-ui-wizard][data-progress=top]>[data-part-layout]>[data-part-main]>[data-part-step]>[data-part-step-header]>[data-part-step-title]>[data-part-position]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap}}}\n", "@layer slotted.components{[data-ui-field][data-part-root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px);--_row-gap: var(--slotted-field-row-gap, var(--slotted-space-3, .375rem));--_column-gap: var(--slotted-field-column-gap, var(--slotted-space-5, .75rem));align-content:start;container-name:slotted-field;container-type:inline-size;display:grid;font-family:var(--slotted-field-font-family, var(--slotted-control-font-family, sans-serif));grid-template-columns:minmax(0,var(--slotted-field-label-inline-size, 12rem)) minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_row-gap)}[data-ui-field][data-part-root]>*{grid-column:1 / -1}[data-ui-field]>[data-part-control]{min-inline-size:0}[data-ui-field][data-part-root][data-size=sm]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_control-block-size: var(--slotted-control-height-sm, 30px)}[data-ui-field][data-part-root][data-size=md]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px)}[data-ui-field][data-part-root][data-size=lg]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-md, 16px) );--_help-inner-size: var(--slotted-control-inner-size-md, 24px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_control-block-size: var(--slotted-control-height-lg, 38px)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]>[data-part-label]{color:var(--slotted-field-label-color, var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]{grid-column:1 / -1;grid-row:1}[data-ui-field][data-part-root]:has(>[data-part-counter])>[data-part-label]{grid-column:1 / 3}[data-ui-field]>[data-part-label]>[data-part-mark],[data-ui-field]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-label]>[data-part-mark],[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-mark-text-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-field]>[data-part-header]{align-items:baseline;column-gap:var(--slotted-field-header-gap, var(--slotted-space-3, .375rem));display:flex;flex-wrap:wrap;font-size:var(--_font-size);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0}[data-ui-field]>[data-part-header]>[data-part-label]{flex:0 1 auto}[data-ui-field]>[data-part-header]>[data-part-action],[data-ui-field]>[data-part-header]>[data-part-counter]{margin-inline-start:auto}[data-ui-field]>[data-part-header]>[data-part-action]~[data-part-counter]{margin-inline-start:var(--slotted-space-3, .375rem)}[data-ui-field]>[data-part-header]>[data-part-help]{--_box: max( min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--_help-inner-size)), 1lh );--slotted-icon-size: var(--_help-glyph);appearance:none;background-color:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-field-help-radius, var(--slotted-control-radius, 4px));color:var(--slotted-field-help-color, var(--slotted-text-muted));cursor:pointer;display:inline-block;flex:none;font:inherit;inline-size:var(--_box);margin-block:calc((var(--_font-size) * var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45)) - var(--_box)) / 2);margin-inline-start:calc(var(--slotted-space-1, .125rem) - var(--slotted-field-header-gap, var(--slotted-space-3, .375rem)));padding:0;position:relative;text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-header]>[data-part-help]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui-field]>[data-part-header]>[data-part-help]>[data-ui-icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:hover,[data-ui-field]>[data-part-header]>[data-part-help][data-open]{background-color:var( --slotted-field-help-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:active{background-color:var( --slotted-field-help-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-field]>[data-part-header]>[data-part-help]: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-field]>[data-part-header]>[data-part-indicator]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex;flex-wrap:wrap}[data-ui-field]>[data-part-header]>[data-part-action]{--_rest: var(--slotted-field-action-color, var(--slotted-tone-accent-text, LinkText));align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-field-action-radius, var(--slotted-control-radius, 4px));color:var(--_rest);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));margin-block:calc((1lh - var(--slotted-target-min, 24px)) / 2);padding:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):hover{color:var( --slotted-field-action-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):active{color:var( --slotted-field-action-color-active, color-mix(in oklab, var(--_rest) 35%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px);text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@media(pointer:coarse){[data-ui-field]>[data-part-header]>[data-part-action]{position:relative}[data-ui-field]>[data-part-header]>[data-part-help]:before,[data-ui-field]>[data-part-header]>[data-part-action]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-field]>[data-part-counter],[data-ui-field]>[data-part-header]>[data-part-counter]{color:var(--slotted-field-counter-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-counter]{align-self:end;grid-column:3;grid-row:1;justify-self:end;padding-inline-start:var(--_column-gap)}[data-ui-field]>[data-part-counter][data-invalid],[data-ui-field]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-field-counter-invalid-color, var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-field]>[data-ui-inline-message]:not([data-reserve]):has([data-part-text]:empty){display:none}[data-ui-field][data-part-root]>[data-ui-inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=danger],[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}@container slotted-field (min-width: 320px){[data-ui-field][data-part-root][data-label-placement=side]>*{align-self:start;grid-column:2 / 3}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-label],[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]{grid-column:1;grid-row:1;padding-block-start:max(0px,calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-counter]{grid-column:1;grid-row:2;justify-self:end;padding-inline:0 var(--_column-gap)}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]>[data-part-counter]{flex-basis:100%;margin-inline-start:0;text-align:end}}[data-ui-field][data-part-root][data-disabled]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-counter],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter]{color:var(--slotted-disabled-foreground)}[data-ui-field][data-part-root][data-disabled]>[data-part-label]>[data-part-mark],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-disabled-foreground)}[data-ui-field][data-part-root][data-disabled]>[data-part-counter][data-invalid],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular, 400)}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }, { type: i0.Output, args: ["stepChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], progressOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressOpen", required: false }] }, { type: i0.Output, args: ["progressOpenChange"] }], defaultStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultStep", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], defaultProgressOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultProgressOpen", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }], scroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "scroll", required: false }] }], linear: [{ type: i0.Input, args: [{ isSignal: true, alias: "linear", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], submitWizard: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitWizard", required: false }] }], persistence: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistence", required: false }] }], version: [{ type: i0.Input, args: [{ isSignal: true, alias: "version", required: false }] }], autosave: [{ type: i0.Input, args: [{ isSignal: true, alias: "autosave", required: false }] }], guardUnsaved: [{ type: i0.Input, args: [{ isSignal: true, alias: "guardUnsaved", required: false }] }], cancellable: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancellable", required: false }] }], draftable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draftable", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], minDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDuration", required: false }] }], stepChangeRequest: [{ type: i0.Output, args: ["stepChangeRequest"] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], progressOpenChangeRequest: [{ type: i0.Output, args: ["progressOpenChangeRequest"] }], cancelRequest: [{ type: i0.Output, args: ["cancelRequest"] }], draftSave: [{ type: i0.Output, args: ["draftSave"] }], completed: [{ type: i0.Output, args: ["completed"] }], steps: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlWizardStep), { isSignal: true }] }], completeTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlWizardComplete), { isSignal: true }] }], actionsTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlWizardActions), { isSignal: true }] }], titleRef: [{ type: i0.ViewChild, args: ['title', { isSignal: true }] }], alertRef: [{ type: i0.ViewChild, args: ['alert', { ...{ read: ElementRef }, isSignal: true }] }], completeRef: [{ type: i0.ViewChild, args: ['complete', { isSignal: true }] }], toggleRef: [{ type: i0.ViewChild, args: ['toggle', { isSignal: true }] }] } });
 /* ── The actions ─────────────────────────────────────────────────────── */
 /**
@@ -1548,7 +1622,7 @@ class SlWizardNext {
         this.wizard.next(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardNext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardNext, isStandalone: true, selector: "button[slWizardNext]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-part": "wizard.isFinal() && !wizard.returning() ? 'submit' : 'next'", "attr.data-final": "wizard.isFinal() && !wizard.returning() ? '' : null", "attr.form": "wizard.hasForm() ? wizard.formId : null" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardNext, isStandalone: true, selector: "button[slWizardNext]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-part": "wizard.isFinal() && !wizard.returning() ? 'submit' : 'next'", "attr.data-part-root": "null", "attr.data-part-submit": "wizard.isFinal() && !wizard.returning() ? '' : null", "attr.data-part-next": "wizard.isFinal() && !wizard.returning() ? null : ''", "attr.data-final": "wizard.isFinal() && !wizard.returning() ? '' : null", "attr.form": "wizard.hasForm() ? wizard.formId : null" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardNext, decorators: [{
             type: Directive,
@@ -1557,6 +1631,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     standalone: true,
                     host: {
                         '[attr.data-part]': "wizard.isFinal() && !wizard.returning() ? 'submit' : 'next'",
+                        '[attr.data-part-root]': 'null',
+                        '[attr.data-part-submit]': "wizard.isFinal() && !wizard.returning() ? '' : null",
+                        '[attr.data-part-next]': "wizard.isFinal() && !wizard.returning() ? null : ''",
                         '[attr.data-final]': "wizard.isFinal() && !wizard.returning() ? '' : null",
                         '[attr.form]': 'wizard.hasForm() ? wizard.formId : null',
                         '(click)': 'onClick($event)',
@@ -1570,14 +1647,19 @@ class SlWizardPrevious {
             this.wizard.previous(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardPrevious, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardPrevious, isStandalone: true, selector: "button[slWizardPrevious]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-part": "'previous'" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardPrevious, isStandalone: true, selector: "button[slWizardPrevious]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-part": "'previous'", "attr.data-part-root": "null", "attr.data-part-previous": "''" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardPrevious, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[slWizardPrevious]',
                     standalone: true,
-                    host: { '[attr.data-part]': "'previous'", '(click)': 'onClick($event)' },
+                    host: {
+                        '[attr.data-part]': "'previous'",
+                        '[attr.data-part-root]': 'null',
+                        '[attr.data-part-previous]': "''",
+                        '(click)': 'onClick($event)',
+                    },
                 }]
         }] });
 class SlWizardCancel {
@@ -1587,14 +1669,19 @@ class SlWizardCancel {
             this.wizard.cancel(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardCancel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardCancel, isStandalone: true, selector: "button[slWizardCancel]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-part": "'cancel'" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardCancel, isStandalone: true, selector: "button[slWizardCancel]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-part": "'cancel'", "attr.data-part-root": "null", "attr.data-part-cancel": "''" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardCancel, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[slWizardCancel]',
                     standalone: true,
-                    host: { '[attr.data-part]': "'cancel'", '(click)': 'onClick($event)' },
+                    host: {
+                        '[attr.data-part]': "'cancel'",
+                        '[attr.data-part-root]': 'null',
+                        '[attr.data-part-cancel]': "''",
+                        '(click)': 'onClick($event)',
+                    },
                 }]
         }] });
 class SlWizardSaveDraft {
@@ -1604,14 +1691,19 @@ class SlWizardSaveDraft {
             this.wizard.saveDraft('pointer', event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardSaveDraft, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardSaveDraft, isStandalone: true, selector: "button[slWizardSaveDraft]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-part": "'save-draft'" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardSaveDraft, isStandalone: true, selector: "button[slWizardSaveDraft]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-part": "'save-draft'", "attr.data-part-root": "null", "attr.data-part-save-draft": "''" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardSaveDraft, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[slWizardSaveDraft]',
                     standalone: true,
-                    host: { '[attr.data-part]': "'save-draft'", '(click)': 'onClick($event)' },
+                    host: {
+                        '[attr.data-part]': "'save-draft'",
+                        '[attr.data-part-root]': 'null',
+                        '[attr.data-part-save-draft]': "''",
+                        '(click)': 'onClick($event)',
+                    },
                 }]
         }] });
 class SlWizardSkip {
@@ -1621,14 +1713,19 @@ class SlWizardSkip {
             this.wizard.skip(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardSkip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardSkip, isStandalone: true, selector: "button[slWizardSkip]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-part": "'skip'" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardSkip, isStandalone: true, selector: "button[slWizardSkip]", host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-part": "'skip'", "attr.data-part-root": "null", "attr.data-part-skip": "''" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardSkip, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[slWizardSkip]',
                     standalone: true,
-                    host: { '[attr.data-part]': "'skip'", '(click)': 'onClick($event)' },
+                    host: {
+                        '[attr.data-part]': "'skip'",
+                        '[attr.data-part-root]': 'null',
+                        '[attr.data-part-skip]': "''",
+                        '(click)': 'onClick($event)',
+                    },
                 }]
         }] });
 /** The polite status that says when the draft was saved. */
@@ -1653,7 +1750,7 @@ class SlWizardDraftStatus {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardDraftStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardDraftStatus, isStandalone: true, selector: "[slWizardDraftStatus]", host: { attributes: { "data-part": "draft-status", "role": "status" } }, ngImport: i0, template: '{{ text() }}', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlWizardDraftStatus, isStandalone: true, selector: "[slWizardDraftStatus]", host: { attributes: { "data-part": "draft-status", "data-part-draft-status": "", "role": "status" } }, ngImport: i0, template: '{{ text() }}', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardDraftStatus, decorators: [{
             type: Component,
@@ -1662,7 +1759,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     standalone: true,
                     template: '{{ text() }}',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: { 'data-part': 'draft-status', role: 'status' },
+                    host: { 'data-part': 'draft-status', 'data-part-draft-status': '', role: 'status' },
                 }]
         }] });
 /**
@@ -1683,9 +1780,9 @@ class SlWizardEdit {
         this.wizard.edit(this.step(), event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardEdit, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlWizardEdit, isStandalone: true, selector: "button[slWizardEdit]", inputs: { step: { classPropertyName: "step", publicName: "slWizardEdit", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "edit", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-disabled": "unavailable() ? 'true' : null" } }, ngImport: i0, template: `<ng-content>{{ wizard.t('edit') }}</ng-content>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlWizardEdit, isStandalone: true, selector: "button[slWizardEdit]", inputs: { step: { classPropertyName: "step", publicName: "slWizardEdit", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "edit", "data-part-edit": "", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-disabled": "unavailable() ? 'true' : null" } }, ngImport: i0, template: `<ng-content>{{ wizard.t('edit') }}</ng-content>
     @if (target(); as step) {
-      {{ ' ' }}<span data-ui="visually-hidden">{{ step.label() }}</span>
+      {{ ' ' }}<span data-ui="visually-hidden" data-ui-visually-hidden="">{{ step.label() }}</span>
     }`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlWizardEdit, decorators: [{
@@ -1695,11 +1792,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     standalone: true,
                     template: `<ng-content>{{ wizard.t('edit') }}</ng-content>
     @if (target(); as step) {
-      {{ ' ' }}<span data-ui="visually-hidden">{{ step.label() }}</span>
+      {{ ' ' }}<span data-ui="visually-hidden" data-ui-visually-hidden="">{{ step.label() }}</span>
     }`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
                         'data-part': 'edit',
+                        'data-part-edit': '',
                         type: 'button',
                         '[attr.aria-disabled]': "unavailable() ? 'true' : null",
                         '(click)': 'onClick($event)',