@synopackageland/ui 0.23.9 → 0.25.1

package/CHANGELOG.md

@@ -2,6 +2,59 @@
 
 ## Unreleased
 
+## 0.25.1 (2026-11-09)
+
+Wizard additions: a result step with an outcome, a progress step for work the app watches, guard redirects that drop a stale reply, and a centred WizardDialog on a phone. Also touch press feedback on a phone. Existing `done` steps and guards behave as before; see the migration notes for an App with exhaustive types, a guard that moved the wizard itself, or phone screenshots of a WizardDialog.
+
+### Wizard
+
+- **`type="result"`** with `result-tone` (`success`, `warning`, `danger`, `neutral`; default `neutral`): a closing step that shows the outcome's mark and colour, read as "Succeeded", "Warning", "Failed" or "Done", with no ring and no burst. Finish is the one blue action; there is no Back or Cancel. The guide marks a warning or a failure in its colour (`data-state="warning"`/`"error"`) and reads it so, never as completed. A result step ignores `next-step-key` (a development warning says so). `done` is unchanged
+- **`type="progress"`** with `progress` (`{ mode: 'indeterminate', label, status? }` or `{ mode: 'determinate', label, value, max, valueLabel?, status? }`): the existing `Progress` bar on its tinted track and a polite status line. No Next or Back unless `show-next`/`show-back` is `true`. `stop-label` adds a secondary button that emits `stop`; `stop-disabled` disables it. The wizard runs no work, polls nothing and has no timeout
+- **Guard redirects.** A guard receives `{ from, direction, signal }` and may return `{ goTo: 'key' }` to move to another registered step (a `v-if` step it just mounted too) through the usual events and focus. An unknown or the same key keeps the step and emits the new `navigation-error` (`unknown-step`, `same-step`); a guard that throws or rejects keeps the step and emits `guard-rejected` (it used to reject the press's promise). Guards without arguments returning `false` or nothing still fit
+- **Pending moves are dropped** when the wizard leaves the step, is reset to another step, closes (`WizardDialog`, not while "Keep editing" is asked) or unmounts: the guard's `signal` aborts, the spinner stops at once, and a late reply moves nothing and emits nothing. `Wizard` exposes `cancelPending()`
+- New types: `WizardGuard`, `WizardGuardContext`, `WizardGuardResult`, `WizardNavigationError`, `WizardProgress`, `WizardResultTone`; `WizardStepType` adds `progress` and `result`
+- **`WizardDialog` is a centred modal on a phone** (`presentation="modal"`, the new default), with the phone's 24px dialog corner and dim scrim; `presentation="adaptive"` keeps the bottom sheet. Its "Discard changes?" question is always centred. On a phone it is as tall as its step, up to its height inside the safe area, and only a longer step scrolls in the body under a fixed header and footer. `Dialog` takes the same `presentation` prop (default `adaptive`, so other dialogs are unchanged); a `modal` one on a phone treats `height` as a cap
+- **The wizard's name lines up with the step title.** A `WizardDialog`'s header now takes the wizard's own margin (24px, 16px when narrow), so the name no longer starts 8px right of the title in a small window or on a phone
+- docs/wizard.md: Result, Progress and Guards sections, and recipes for backend branches, two equal choices with one confirm, handing over between wizards, watching work, opening another DSM app, and what is not provided. Choice cards: 2–4 is a guide, not a limit (also README and layout rules)
+
+### Touch phone
+
+- **Press feedback.** On a touch phone a Button or an IconButton takes the `--ui-state-pressed` layer over its own active colour and settles to `scale(0.98)` in 100ms (`cubic-bezier(0.24, 1, 0.4, 1)`). A ghost and a link button take no second layer; a list row, a tab and a menu item keep the layer alone; disabled controls take nothing. Reduced motion and `data-ui-motion="off"` keep the layer without the scale. A transform only, so nothing moves around the control. A DSM window, a desktop page and a touch tablet are unchanged
+
+### Migration notes
+
+- An exhaustive `switch` or `Record<WizardStepType, …>` needs `progress` and `result`
+- A guard that set `active-step-key` itself and then returned nothing used to move on as the step said too; the change of step now drops the move. Return `{ goTo }` instead
+- A guard that throws no longer rejects the main action's promise; listen to `navigation-error`
+- Phone screenshots of a `WizardDialog` need new baselines, or set `presentation="adaptive"`
+
+## 0.25.0 (2026-11-09)
+
+A softer, less boxy look everywhere. On a touch phone: a pale page with white frameless cards, round corners (cards 20px, fields 12px, sheets and dialogs 24px, buttons and segmented controls capsules), a 16px gutter and card inset, 15px text on a 22px line, inset grouped lists, a floating pill tab bar and an ink segmented control. In a DSM window and on a full page: rounder corners by role, one solid focus ring, a white mist (window) or blue-grey (full page) behind a modal, dialog rules only where the body scrolls, a tighter card header, underlined tabs on a full page and a neutral hover layer. The phone takes the focus ring and the hover layer too, and keeps its own corners, spacing, tabs and scrim. No API change and no App change is required; an App with pixel snapshots needs new baselines.
+
+### Touch phone
+
+- New `src/theme/phone.css` (in every theme), all inside `@media (pointer: coarse)` and scoped to the phone presentation. docs/mobile-native.md, "Phone look", lists every value before and after
+- Phone tokens: `--ui-font-size` 15 (was 14), `-sm` 13 (12), `-lg` 17 (15), `-title` 17 (16), `--ui-line-height` 22 (20), `--ui-page-padding-x` 16 (12), `--ui-section-gap` 16 (12), `--ui-card-padding` 16 (12), `--ui-radius-md` 12 (4) and `-lg` 14 (6), which the 0.23.9 roles follow (control, container and popover 12; panel and nav 14), `-dialog`/`-window`/`-sheet` 24 (8/8/12); new `--ui-radius-card` 20, `--ui-phone-ink`, `--ui-phone-separator`, `--ui-tab-bar-float` 8
+- Contrast (WCAG AA): phone muted text is 80% grey (4.8:1 on the page; it was 2:1) and 62% in dark (5.7:1); a primary button's fill is the accent's step 10 (4.6:1 with its white label; step 9 was 4.0:1)
+- Tap boxes stay 44px; hide on scroll, the commit footer, the FAB and the end space are unchanged (the FAB, a toast and the page end follow the floating tab bar's 8px gap)
+- Every phone page is on the mist, not only a page of cards (a list, a live and a record page too; a data-grid page and `surface="none"` keep their own). A sticky row and a heading painted with `--ui-app-web-surface` follow the page's colour
+- A list of ListItems on the page (`role="list"`, `ul` or `ol` holding only ListItems, outside a card, sheet or dialog) is an inset grouped list: a white group with the card's corner, rows inset 16px, straight hairlines from the text's edge, and the heading right above it on the rows' text. ListItem separators are straight everywhere (a rounded row bent its top border)
+- Segmented control on a phone: 6px sides and the selected label keeps its weight; up to three segments stay equal columns but one whose label is wider than its share grows to it (the others share the rest), so a label is not cut; four keep equal columns that ellipsize ("Transcript 45" in a three-way control at 390)
+- `check:phone-layout` fails when a label in a segmented control of up to three truncates; the record fixture's view control is a three-way one with a count
+- `tests/css/hit-slop-component-edge.test.ts` expects the phone's 16px gutter
+
+### DSM window and full page
+
+- **Corners by role** ([theme hooks](docs/theme-hooks.md#corner-radius)). DSM window: `inner` 4px (was 3), `control` 6 (4), `container` 8 (4), `popover` 8 (4), `panel` 8 (5), `nav` 6 (5), `window` 10 (3), `dialog` 10 (6). Full page: `inner` 6 (3), `control` 8 (4), `container` 10 (4), `popover` 10 (4), `panel` 12 (6), `nav` 8 (6), `window` 14 (8), `dialog` 14 (8). A menu row stays concentric with its menu. New `--ui-radius-callout` (window 10, web and mobile 12) for a Callout and a Toast; `--ui-callout-radius` still wins. The mobile presentation keeps its roles on the steps, so a touch phone's steps (below) round them. The steps `--ui-radius-sm/md/lg` keep 3/4/5px. The rule "no corner more than 2px rounder than a card" is retired; the theme hooks list the pre-0.25 values for an App that wants them back
+- **One solid focus ring.** `--ui-focus-ring` is the accent itself (was 45% of it); `--ui-shadow-focus` is a 2px surface gap and a 2px ring (was 1px and 2px). New `--ui-shadow-focus-inset` (a row, a cell, a tab) and `--ui-shadow-focus-field` (a field: its border turns primary with a 3px `--ui-focus-halo` halo). The 61 rings written out in components and theme CSS now use these tokens (`tests/css/focus-ring.test.ts`)
+- **Scrim.** A DSM window mists the page in white at 55% behind a modal (was black 40% with a 1px blur; the blur is gone everywhere). A full page dims in `--ui-overlay-page`, a blue-grey at 32%. The mobile presentation keeps black 40% (`--ui-overlay-dim`); dark is unchanged
+- **Dialog rules.** The header rule shows only once the body has scrolled under it, and the footer rule only while more lies below; a `flush` body keeps both. `useScrollEdges` now follows a scroller that renders after mount
+- **Card.** Under a header the body starts at the header's own 12px below the title (was 12 + 16px), so the title reads with its content. A card without a header is unchanged
+- **Tabs on a full page.** A 2px accent underline under the selected tab (sliding like the notch); unselected tabs are 500, and each tab reserves its bold width (`data-ui-tab-label`) so the row does not shift. A DSM window and the mobile presentation keep DSM's notch and bold labels
+- **State layer.** New `--ui-state-hover` (6% of the text colour) and `--ui-state-pressed` (8%). A ghost `Button` and `IconButton` and the rows of `DropdownMenu` and `ContextMenu` use them instead of the pale-blue hover and the accent highlight. Lists, tables and `Select` lists keep DSM's pale-blue row hover. `--ui-pressed` is now a deprecated alias of `--ui-state-pressed`
+- **Popups** drop 6px from their trigger and settle from 96% (were 4px and 97%)
+
 ## 0.23.9 (2026-11-08)
 
 Semantic corner radius tokens, with no visual change. Each role resolves to the step it replaces, so every corner keeps its size in a DSM window, on the web and on a phone.

package/README.md

@@ -530,7 +530,7 @@ Primitives:
 
 - Button (`danger-outline` for a destructive choice beside the main action) / IconButton / CopyButton
 - Input / Textarea
-- Checkbox / CheckboxGroup / RadioGroup / Switch — use RadioGroup for 2–4 mutually exclusive settings; Checkbox for independent options; Switch for immediate on/off. Reserve primary-filled, capsule-shaped SegmentControl for toolbar views ([choice policy](docs/layout-rules.md)); a `SegmentItem` takes a `count`, and a row of more views than fit scrolls sideways.
+- Checkbox / CheckboxGroup / RadioGroup / Switch — use RadioGroup for mutually exclusive settings (choice cards suit 2–4 options with an icon and a line each; that is a guide, not a limit, and more short options read better as a vertical list); Checkbox for independent options; Switch for immediate on/off. Reserve primary-filled, capsule-shaped SegmentControl for toolbar views ([choice policy](docs/layout-rules.md)); a `SegmentItem` takes a `count`, and a row of more views than fit scrolls sideways.
 - Select
 - Badge (`dot` leads any tone with the dot) / StatusDot / Separator / Spinner / LoadingMask / LoadingArea / Progress / SizeBar / Skeleton / Surface
 - SplitButton

package/dist/components/composite/wizard/Wizard.vue.d.ts

@@ -1,4 +1,4 @@
-import { WizardFooterConfig, WizardStepChange, WizardStepper } from './types';
+import { WizardFooterConfig, WizardNavigationError, WizardStepChange, WizardStepper } from './types';
 type __VLS_Props = {
     /** Initial / external reset key. Internal navigation keeps working when the caller does not bind it back. */
     activeStepKey?: string;
@@ -25,11 +25,13 @@ type __VLS_Props = {
     railMinWidth?: number;
     progressText?: (current: number, total: number) => string;
 };
+/** Drops the pending move, if any: its guard's signal aborts and its reply is ignored. */
+declare function cancelPending(): void;
 declare function toNextStep(): Promise<void>;
 declare function toPreviousStep(): Promise<void>;
 declare function finish(): Promise<void>;
 declare function cancel(): void;
-declare var __VLS_6: {}, __VLS_14: {
+declare var __VLS_16: {}, __VLS_24: {
     nextStep: typeof toNextStep;
     previousStep: typeof toPreviousStep;
     finish: typeof finish;
@@ -40,9 +42,9 @@ declare var __VLS_6: {}, __VLS_14: {
     stepKey: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_16) => any;
 } & {
-    footer?: (props: typeof __VLS_14) => any;
+    footer?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     activeStepKey: import('vue').ComputedRef<string>;
@@ -55,18 +57,21 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     toPreviousStep: typeof toPreviousStep;
     finish: typeof finish;
     cancel: typeof cancel;
+    cancelPending: typeof cancelPending;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: () => any;
     finished: () => any;
     "update:activeStepKey": (key: string) => any;
     "next-step": (change: WizardStepChange) => any;
     "previous-step": (change: WizardStepChange) => any;
+    "navigation-error": (error: WizardNavigationError) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCancel?: (() => any) | undefined;
     onFinished?: (() => any) | undefined;
     "onUpdate:activeStepKey"?: ((key: string) => any) | undefined;
     "onNext-step"?: ((change: WizardStepChange) => any) | undefined;
     "onPrevious-step"?: ((change: WizardStepChange) => any) | undefined;
+    "onNavigation-error"?: ((error: WizardNavigationError) => any) | undefined;
 }>, {
     footer: WizardFooterConfig;
     fit: boolean;

package/dist/components/composite/wizard/WizardDialog.vue.d.ts

@@ -15,12 +15,14 @@ type __VLS_Props = {
     closeOnFinish?: boolean;
     /** `true` asks "Keep editing / Discard" before the close button, Escape or Cancel closes the wizard; `false` closes at once. Finish never asks. */
     confirmClose?: boolean;
+    /** `modal` (default) is a centred window everywhere, a phone included; `adaptive` is a bottom sheet on a phone. */
+    presentation?: 'modal' | 'adaptive';
 };
-declare var __VLS_9: {}, __VLS_20: {};
+declare var __VLS_9: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_9) => any;
 } & {
-    default?: (props: typeof __VLS_20) => any;
+    default?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: () => any;
@@ -35,6 +37,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     defaultOpen: boolean;
     showClose: boolean;
     confirmClose: boolean;
+    presentation: "modal" | "adaptive";
     closeOnFinish: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/composite/wizard/WizardStep.vue.d.ts

@@ -1,4 +1,4 @@
-import { WizardStepProps } from './types';
+import { WizardResultTone, WizardStepProps } from './types';
 type __VLS_Slots = {
     default?: () => unknown;
     /** A picture or a diagram at the top of the step, in place of the icon tile. */
@@ -8,7 +8,11 @@ type __VLS_Slots = {
 };
 declare const __VLS_base: import('vue').DefineComponent<WizardStepProps, {
     active: import('vue').ComputedRef<boolean>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WizardStepProps> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    stop: () => any;
+}, string, import('vue').PublicProps, Readonly<WizardStepProps> & Readonly<{
+    onStop?: (() => any) | undefined;
+}>, {
     footer: boolean;
     type: import('./types').WizardStepType;
     lazy: boolean;
@@ -16,6 +20,8 @@ declare const __VLS_base: import('vue').DefineComponent<WizardStepProps, {
     nextDisabled: boolean;
     showNext: boolean;
     showBack: boolean;
+    resultTone: WizardResultTone;
+    stopDisabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/composite/wizard/types.d.ts

@@ -1,9 +1,38 @@
 import { Component } from 'vue';
 /**
  * `'welcome'` is the entry step and only offers the forward action; `'done'`
- * is the closing step: a success hero, no Back or Cancel, and Finish.
+ * is the closing step of a flow that succeeded: a success hero, no Back or
+ * Cancel, and Finish. `'result'` is a closing step whose outcome the app sets
+ * with `resultTone` (success, warning, danger or neutral): no Back or Cancel,
+ * Finish, and no celebration. `'progress'` shows work the app runs and
+ * watches: a progress bar and a status line, with no Next or Back unless the
+ * step asks for them.
  */
-export type WizardStepType = 'normal' | 'welcome' | 'done';
+export type WizardStepType = 'normal' | 'welcome' | 'done' | 'progress' | 'result';
+/**
+ * The outcome a `type="result"` step reports. It sets the step's mark, its
+ * colour and what assistive technology reads; `neutral` (the default) claims
+ * neither success nor failure.
+ */
+export type WizardResultTone = 'success' | 'warning' | 'danger' | 'neutral';
+/**
+ * What a `type="progress"` step shows. `indeterminate` while the total is not
+ * known; `determinate` with a count. `status` is one line read politely by
+ * assistive technology when it changes. The wizard only draws it: the app runs
+ * and watches the work and moves the wizard on when the work ends.
+ */
+export type WizardProgress = {
+    mode: 'indeterminate';
+    label: string;
+    status?: string;
+} | {
+    mode: 'determinate';
+    label: string;
+    value: number;
+    max: number;
+    valueLabel?: string;
+    status?: string;
+};
 /**
  * How the wizard shows its progress: a segmented bar beside the step title in
  * the header (`'auto'`, `'bar'`), a rail listing the steps beside the step
@@ -11,8 +40,39 @@ export type WizardStepType = 'normal' | 'welcome' | 'done';
  * "Step n of total" line (`'none'`). `'header'` is the bar, kept for 0.16.
  */
 export type WizardStepper = 'auto' | 'bar' | 'rail' | 'header' | 'none';
-/** A guard may return `false` (or resolve `false`) to block the step change. */
 export type MaybePromise<T> = T | Promise<T>;
+/**
+ * What a step guard returns: `false` keeps the step, nothing moves on as
+ * the step says, and `{ goTo }` moves to that registered step instead, for
+ * this move only.
+ */
+export type WizardGuardResult = void | false | {
+    goTo: string;
+};
+/**
+ * What a step guard receives. `signal` aborts when the move no longer
+ * matters: the wizard left the step, was reset to another one, closed or
+ * unmounted. A reply that comes after that is ignored.
+ */
+export type WizardGuardContext = {
+    from: string;
+    direction: 'next' | 'previous';
+    signal: AbortSignal;
+};
+/** A step guard. A guard written without arguments, returning `false` or nothing, still fits. */
+export type WizardGuard = (context: WizardGuardContext) => MaybePromise<WizardGuardResult>;
+/**
+ * Why a move did not happen: the guard's `goTo` named a step that is not
+ * registered (`unknown-step`) or the step itself (`same-step`), or the guard
+ * threw or rejected (`guard-rejected`). The wizard stays on the step; the app
+ * shows its own message.
+ */
+export type WizardNavigationError = {
+    from: string;
+    direction: 'next' | 'previous';
+    code: 'unknown-step' | 'same-step' | 'guard-rejected';
+    target?: string;
+};
 export type WizardStepProps = {
     /** Unique key the wizard uses to identify this step. */
     stepKey: string;
@@ -25,15 +85,15 @@ export type WizardStepProps = {
     description?: string;
     /** An icon shown in a tile beside the description; the `#hero` slot replaces it with a picture or a diagram. */
     icon?: Component;
-    /** Omitted on the final step: the forward button then becomes Apply. */
+    /** Omitted on the final step: the forward button then becomes Apply. A `result` step ignores it. */
     nextStepKey?: string | (() => string);
     /** Omitted falls back to the step registered just before this one. */
     previousStepKey?: string | (() => string);
-    /** Async guard run before moving forward. `false` blocks the change. */
-    preEnterNextStep?: () => MaybePromise<false | void>;
-    /** Async guard run before moving back. `false` blocks the change. */
-    preEnterPreviousStep?: () => MaybePromise<false | void>;
-    /** Runs when the final Apply action succeeds. */
+    /** Guard run before moving forward: `false` keeps the step, `{ goTo }` moves to another step. */
+    preEnterNextStep?: WizardGuard;
+    /** Guard run before moving back: `false` keeps the step, `{ goTo }` moves to another step. */
+    preEnterPreviousStep?: WizardGuard;
+    /** Runs when the final Apply or Finish action is taken. */
     finished?: () => MaybePromise<void>;
     /** `false` hides the shared footer while this step is active. */
     footer?: boolean;
@@ -41,12 +101,20 @@ export type WizardStepProps = {
     nextLabel?: string;
     /** Disables the forward button, for a step that is not complete yet. */
     nextDisabled?: boolean;
-    /** `false` hides the forward button, for a step that moves on by itself or through its own choices. */
+    /** `false` hides the forward button, for a step that moves on by itself or through its own choices. A `progress` step hides it unless this is `true`. */
     showNext?: boolean;
-    /** `false` hides Back on this step. */
+    /** `false` hides Back on this step. A `progress` step hides it unless this is `true`. */
     showBack?: boolean;
-    /** Renders the content only while the step is shown, instead of keeping it mounted for its form state. */
+    /** Renders the content only while the step is shown, instead of keeping it mounted for its form state. It does not start or stop any work of the app's. */
     lazy?: boolean;
+    /** A `progress` step's bar and status line; without it the step shows an indeterminate bar named by its headline. */
+    progress?: WizardProgress;
+    /** A `result` step's outcome; `neutral` when omitted. */
+    resultTone?: WizardResultTone;
+    /** A `progress` step's stop button label (such as "Stop watching" or "Cancel task"); the step emits `stop` when it is pressed. Without it there is no button. */
+    stopLabel?: string;
+    /** Disables the stop button, while the app waits for the backend to confirm it. */
+    stopDisabled?: boolean;
 };
 export type WizardFooterConfig = boolean | {
     startLabel?: string;

package/dist/components/composite/wizard/wizardContext.d.ts

@@ -8,6 +8,8 @@ export type WizardStepRegistration = {
     slots: Slots;
     /** The step's element, which orders a step mounted later (a `v-if`) among the others. */
     element: () => HTMLElement | null | undefined;
+    /** Emits the step's `stop` (a `progress` step's stop button in the footer). */
+    stop: () => void;
 };
 /** Which way the wizard last moved, for the step's entrance. */
 export type WizardDirection = 'forward' | 'back' | undefined;

package/dist/components/primitives/dialog/Dialog.vue.d.ts

@@ -29,6 +29,8 @@ type __VLS_Props = {
     closeOnOutside?: boolean;
     /** The mask over the app behind: `dim` (default), `light` (a faint tint, as DSM leaves the window behind a wizard) or `none`. It blocks presses in each case. */
     scrim?: 'dim' | 'light' | 'none';
+    /** `adaptive` (default) is a bottom sheet on a phone and a centred window elsewhere; `modal` stays a centred window on a phone too, as a DSM wizard does. A `modal` phone dialog takes the phone's dim scrim instead of `light`. */
+    presentation?: 'adaptive' | 'modal';
 };
 declare var __VLS_15: {}, __VLS_18: {}, __VLS_20: {}, __VLS_23: {}, __VLS_38: {}, __VLS_86: {}, __VLS_99: {}, __VLS_107: {};
 type __VLS_Slots = {} & {
@@ -70,6 +72,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     closeOnOutside: boolean;
     scrim: "dim" | "light" | "none";
     headerDivider: boolean;
+    presentation: "adaptive" | "modal";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/composables/scrollEdges.d.ts

@@ -3,7 +3,8 @@ export type ScrollEdgesAxis = 'x' | 'y' | 'both';
 /** Whether a scroller has more content before (`start`, `top`) or after
  * (`end`, `bottom`) what it shows. `axis` picks the horizontal pair (`x`, the
  * default), the vertical pair (`y`) or both. Follows scrolling and size
- * changes of the scroller and of its content. */
+ * changes of the scroller and of its content, and a scroller that renders
+ * after mount (a dialog's body) or is replaced. */
 export declare function useScrollEdges(viewport: Readonly<ShallowRef<HTMLElement | null>>, axis?: () => ScrollEdgesAxis): {
     start: import('vue').Ref<boolean, boolean>;
     end: import('vue').Ref<boolean, boolean>;

package/dist/grid.js

@@ -3961,6 +3961,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
   Connecting: "Connecting",
   "Needs attention": "Needs attention",
   Failed: "Failed",
+  Succeeded: "Succeeded",
   "Not set up": "Not set up",
   Unknown: "Unknown",
   "No connections": "No connections",
@@ -4223,6 +4224,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     Connecting: "連線中",
     "Needs attention": "需要處理",
     Failed: "失敗",
+    Succeeded: "成功",
     "Not set up": "未設定",
     Unknown: "未知",
     "No connections": "尚無連線",
@@ -4484,6 +4486,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     Connecting: "连接中",
     "Needs attention": "需要处理",
     Failed: "失败",
+    Succeeded: "成功",
     "Not set up": "未设置",
     Unknown: "未知",
     "No connections": "暂无连接",
@@ -4745,6 +4748,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     Connecting: "接続中",
     "Needs attention": "対応が必要",
     Failed: "失敗",
+    Succeeded: "成功",
     "Not set up": "未設定",
     Unknown: "不明",
     "No connections": "接続はありません",
@@ -5006,6 +5010,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     Connecting: "연결 중",
     "Needs attention": "확인 필요",
     Failed: "실패",
+    Succeeded: "성공",
     "Not set up": "설정 안 됨",
     Unknown: "알 수 없음",
     "No connections": "연결 없음",
@@ -5267,6 +5272,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     Connecting: "Verbindung wird hergestellt",
     "Needs attention": "Aktion erforderlich",
     Failed: "Fehlgeschlagen",
+    Succeeded: "Erfolgreich",
     "Not set up": "Nicht eingerichtet",
     Unknown: "Unbekannt",
     "No connections": "Keine Verbindungen",
@@ -5528,6 +5534,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     Connecting: "Connexion en cours",
     "Needs attention": "Action requise",
     Failed: "Échec",
+    Succeeded: "Réussi",
     "Not set up": "Non configuré",
     Unknown: "Inconnu",
     "No connections": "Aucune connexion",
@@ -5789,6 +5796,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     Connecting: "Conectando",
     "Needs attention": "Requiere atención",
     Failed: "Fallido",
+    Succeeded: "Correcto",
     "Not set up": "Sin configurar",
     Unknown: "Desconocido",
     "No connections": "Sin conexiones",
@@ -6050,6 +6058,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     Connecting: "Connessione in corso",
     "Needs attention": "Richiede attenzione",
     Failed: "Non riuscito",
+    Succeeded: "Riuscito",
     "Not set up": "Non configurato",
     Unknown: "Sconosciuto",
     "No connections": "Nessuna connessione",

package/dist/i18n/text.d.ts

@@ -123,6 +123,7 @@ export declare const englishUiText: {
     readonly Connecting: "Connecting";
     readonly "Needs attention": "Needs attention";
     readonly Failed: "Failed";
+    readonly Succeeded: "Succeeded";
     readonly "Not set up": "Not set up";
     readonly Unknown: "Unknown";
     readonly "No connections": "No connections";

package/dist/index.d.ts

@@ -233,7 +233,7 @@ export { messageBoxKey } from './components/composite/message-box/types';
 export { default as Wizard } from './components/composite/wizard/Wizard.vue';
 export { default as WizardStep } from './components/composite/wizard/WizardStep.vue';
 export { default as WizardDialog } from './components/composite/wizard/WizardDialog.vue';
-export type { WizardFooterConfig, WizardStepChange, WizardStepProps, WizardStepType, WizardStepper } from './components/composite/wizard/types';
+export type { WizardFooterConfig, WizardGuard, WizardGuardContext, WizardGuardResult, WizardNavigationError, WizardProgress, WizardResultTone, WizardStepChange, WizardStepProps, WizardStepType, WizardStepper } from './components/composite/wizard/types';
 export { default as AboutDialog } from './components/composite/about-dialog/AboutDialog.vue';
 export type { AboutCheckState, AboutVersionInfo } from './components/composite/about-dialog/types';
 export { default as AppRoot } from './components/app/app-root/AppRoot.vue';