@nubisco/ui 3.2.0 → 3.3.0

package/dist/components/ShellPanel.d.ts

@@ -30,4 +30,20 @@ export interface IShellPanelProps {
    * @default false
    */
   fluid?: boolean
+  /**
+   * Claim the parent's height and scroll internally. Same name and same
+   * semantics as `fill` on NbDataTable: the panel becomes a flex item that
+   * takes the space left in a bounded flex column, its header stays pinned,
+   * and the content region gets the scrollbar.
+   *
+   * Like the table, it claims a height rather than creating one: an ancestor
+   * has to bound it (a flex column with `min-height: 0`, which NbShell's
+   * `bottom` region and inspector column already are).
+   *
+   * Wins over `fluid` when both are set, and has no effect on a `collapsed`
+   * panel, which is header-only by definition.
+   *
+   * @default false
+   */
+  fill?: boolean
 }

package/dist/components/ShellPanel.vue.d.ts

@@ -18,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<IShellPanelProps, {
     "onUpdate:size"?: ((size: TShellPanelSize) => any) | undefined;
 }>, {
     size: TShellPanelSize;
+    fill: boolean;
     title: string;
     fluid: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ShellPanel.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShellPanel.vue.d.ts","sourceRoot":"","sources":["../../src/components/ShellPanel.vue"],"names":[],"mappings":"AAkSA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAwBvE,iBAAS,OAAO,CAAC,IAAI,EAAE,eAAe,QAErC;AAwLD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AACjF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ShellPanel.vue.d.ts","sourceRoot":"","sources":["../../src/components/ShellPanel.vue"],"names":[],"mappings":"AAwWA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAyBvE,iBAAS,OAAO,CAAC,IAAI,EAAE,eAAe,QAErC;AAkND,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AACjF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/SidebarLink.d.ts

@@ -8,7 +8,20 @@ interface ISidebarLinkProps {
   to?: string | Record<string, unknown>
   /** External href — renders as a plain `<a>`. Used when `to` is not set. */
   href?: string
-  /** Tooltip text shown to the right of the sidebar on hover. */
+  /**
+   * Tooltip text shown to the right of the sidebar on hover.
+   *
+   * @deprecated Use the `v-nb-tooltip` directive instead. This prop renders a
+   * CSS-only `::after` chip that is hover-only (a keyboard user tabbing the
+   * sidebar gets nothing), gives the link no accessible name, cannot flip or
+   * clamp against the viewport, and is fixed to the right of the anchor, so it
+   * is clipped by any sidebar that is not the shell's own. It works only on
+   * this one component, which is why three apps rebuilt the affordance by hand
+   * for their topbars. `v-nb-tooltip="{ body: 'Settings' }"` replaces it and
+   * additionally names the link for assistive technology. The prop still works
+   * and is not scheduled for removal, but new code should not use it.
+   * See /ui/directives/tooltip.
+   */
   tooltip?: string
   /** Marks the link as the currently active route. */
   active?: boolean

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,87 @@
+import { IDefaultProps } from '../types/Props.d'
+
+enum ESkeletonVariant {
+  /** One or more body text lines, sized from a type set. */
+  Text = 'text',
+  /** A single line sized from a heading type set. */
+  Heading = 'heading',
+  /** A rectangle: cards, images, charts, map panes, table cells. */
+  Block = 'block',
+  /** A circle: avatars and round icon buttons. */
+  Circle = 'circle',
+}
+
+/**
+ * Type sets the text and heading variants can borrow their metrics from.
+ * These are the same names the `--nb-type-*` custom properties are generated
+ * from, so a skeleton line is exactly as tall as the text that replaces it.
+ *
+ * The code sets are here because monospaced blocks are the worst offenders for
+ * layout shift: a JSON viewer placeholder measured with body metrics is a
+ * different height from the code that lands in it. `display-01` and
+ * `display-02` are left out on purpose, since marketing hero type does not
+ * arrive asynchronously.
+ */
+type TSkeletonTypeSet =
+  | 'label-sm'
+  | 'label-md'
+  | 'label-lg'
+  | 'body-sm'
+  | 'body-md'
+  | 'body-lg'
+  | 'code-sm'
+  | 'code-md'
+  | 'code-lg'
+  | 'heading-01'
+  | 'heading-02'
+  | 'heading-03'
+  | 'heading-04'
+  | 'heading-05'
+  | 'heading-06'
+
+interface ISkeletonProps extends IDefaultProps {
+  /** Shape family. */
+  variant?: `${ESkeletonVariant}`
+  /** Type set the line height is derived from. Text and heading variants only. */
+  type?: TSkeletonTypeSet
+  /** Number of text lines. Text variant only. */
+  lines?: number
+  /**
+   * Width of the last line when there is more than one, so a paragraph does
+   * not read as a solid rectangle. Any CSS length or percentage.
+   */
+  lastLineWidth?: string
+  /** Width of the placeholder. A number is treated as pixels. */
+  width?: string | number
+  /**
+   * Height of the placeholder. Block and circle variants only: text sizes
+   * itself from `type`. A number is treated as pixels.
+   */
+  height?: string | number
+  /** Corner radius step. Ignored by the circle variant. */
+  radius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'pill'
+  /** Turns the shimmer off. Static placeholders still read as loading. */
+  animated?: boolean
+  /**
+   * Accessible announcement. Set it on ONE skeleton per loading region and
+   * leave the rest silent, otherwise a table of forty placeholders announces
+   * itself forty times.
+   */
+  label?: string
+  /**
+   * Announced once, politely, when the skeleton unmounts ("Comments loaded").
+   * The swap from placeholder to content is silent otherwise: the live region
+   * that said "loading" is removed at the same moment the content arrives, so
+   * nothing is left to speak. Set it on the same single skeleton that carries
+   * `label`.
+   *
+   * It is announced on any unmount, because a component cannot read a prop
+   * changed by the same render that removed it. Where the load can fail, call
+   * `suppressLoadingAnnouncement()` in the catch (or drive the request through
+   * `useInlineLoading`, which does it for you) so a failure is not reported as
+   * an arrival.
+   */
+  completeLabel?: string
+}
+
+export { ESkeletonVariant, ISkeletonProps, TSkeletonTypeSet }

package/dist/components/Skeleton.vue.d.ts

@@ -0,0 +1,17 @@
+import { ESkeletonVariant, ISkeletonProps, TSkeletonTypeSet } from './Skeleton.d';
+declare const __VLS_export: import("vue").DefineComponent<ISkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ISkeletonProps> & Readonly<{}>, {
+    label: string;
+    type: TSkeletonTypeSet;
+    height: string | number;
+    width: string | number;
+    id: string;
+    variant: `${ESkeletonVariant}`;
+    lines: number;
+    completeLabel: string;
+    lastLineWidth: string;
+    radius: "none" | "xs" | "sm" | "md" | "lg" | "pill";
+    animated: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Skeleton.vue.d.ts.map

package/dist/components/Skeleton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.vue.d.ts","sourceRoot":"","sources":["../../src/components/Skeleton.vue"],"names":[],"mappings":"AAwYA,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,cAAc,CAAA;AAqPrB,QAAA,MAAM,YAAY;;;;;;;;;;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Spinner.d.ts

@@ -0,0 +1,80 @@
+import { IDefaultProps } from '../types/Props.d'
+
+/**
+ * Diameter is derived from the field height scale: a spinner is always half
+ * the height of the field or button of the same size, so `size="md"` lines up
+ * optically inside an `md` control without any per-call-site nudging.
+ */
+enum ESpinnerSize {
+  ExtraSmall = 'xs',
+  Small = 'sm',
+  Medium = 'md',
+  Large = 'lg',
+}
+
+enum ESpinnerOverlay {
+  /** Inline: the spinner sits in normal flow and takes only its own box. */
+  None = 'none',
+  /**
+   * Covers the nearest positioned ancestor, and blocks it: everything that was
+   * inside that ancestor when the spinner appeared is marked `inert` and the
+   * ancestor is marked `aria-busy` until it leaves. That ancestor must be
+   * positioned.
+   */
+  Container = 'container',
+  /**
+   * Covers the viewport and blocks the application as it stood when it
+   * appeared. Anything opened afterwards (a dialog raised by the work itself)
+   * paints above it and stays usable.
+   */
+  Page = 'page',
+}
+
+enum ESpinnerTone {
+  /** Brand primary. The default for standalone spinners. */
+  Primary = 'primary',
+  /** Inherits `color` from the parent, for spinners inside buttons or rows. */
+  Inherit = 'inherit',
+}
+
+interface ISpinnerProps extends IDefaultProps {
+  /** Diameter step, mapped to half the matching field height. */
+  size?: `${ESpinnerSize}`
+  /**
+   * Accessible name announced by the live region. Say what is loading
+   * ("Loading invoices"), not that something is loading.
+   */
+  label?: string
+  /** Renders `label` as visible text beside the ring as well as announcing it. */
+  showLabel?: boolean
+  /** Where the spinner is placed: inline, over its container, or over the page. */
+  overlay?: `${ESpinnerOverlay}`
+  /** Ring colour source. */
+  tone?: `${ESpinnerTone}`
+  /**
+   * Milliseconds to wait before appearing. A spinner that flashes for 80ms is
+   * noise, so give fast operations a delay of 300 or so and they resolve
+   * before anything is drawn.
+   */
+  delay?: number
+  /**
+   * Announced once, politely, when the spinner unmounts because the work
+   * finished ("Invoices loaded"). A spinner that simply disappears tells a
+   * screen reader user nothing, so pair this with `label` on any load the user
+   * is waiting on rather than watching. Skipped when the spinner never became
+   * visible (a `delay` that outlived the request) and when `decorative`.
+   */
+  completeLabel?: string
+  /**
+   * Drops the role, the live region and the label. Use it only when an
+   * ancestor already announces the loading state (NbInlineLoading does this,
+   * and a button that swaps its own label for a spinner should too), so the
+   * same message is not announced twice.
+   *
+   * Ignored by `overlay="page"`: a full-viewport scrim is the element holding
+   * focus and nothing else is left to name it.
+   */
+  decorative?: boolean
+}
+
+export { ESpinnerSize, ESpinnerOverlay, ESpinnerTone, ISpinnerProps }

package/dist/components/Spinner.overlay.d.ts

@@ -0,0 +1,56 @@
+/**
+ * True for the overlay that arrived first, which is the only one allowed to
+ * paint the scrim. Reactive: if the bottom overlay leaves while a second is
+ * still up, the survivor takes over the paint rather than blocking invisibly.
+ */
+export declare function isBasePageOverlay(key: symbol): boolean;
+/** The overlay currently on top of the stack, for tests and debugging. */
+export declare function topPageOverlay(): HTMLElement | null;
+/**
+ * Marks a host that a blocking overlay must never inert.
+ *
+ * `inert` is deliberately blunt: it removes a subtree from hit testing, from
+ * the tab order AND from the accessibility tree. That is exactly right for the
+ * application, and exactly wrong for a node whose only job is to be read out.
+ * A toast raised while the page is blocked ("Session expired", "Import
+ * finished") is the message the blocked user most needs, and it paints above
+ * the scrim by token (`--nb-zindex-toast` is `--nb-zindex-modal` plus 50). If
+ * the region that speaks it is inert, the message is painted and silent, which
+ * is precisely the paint-and-focus disagreement this module claims to make
+ * impossible.
+ *
+ * So: put `data-nb-overlay-exempt` on any host that exists to announce rather
+ * than to be operated. In the library that is `NbToaster`'s announcer and its
+ * stack, plus the shared loading announcer. In an application it is any live
+ * region you own and mount at the top of the document. Nothing else should
+ * carry it: a form that opts itself out of blocking is a form the user can
+ * submit while the page says it cannot be used.
+ */
+export declare const NB_OVERLAY_EXEMPT_ATTR = "data-nb-overlay-exempt";
+/**
+ * Marks an element as exempt and returns a function that puts it back.
+ *
+ * For application-owned live regions. Call it once, when the region is
+ * mounted; the attribute is read at claim time, so an overlay that is already
+ * up does not pick it up retroactively.
+ */
+export declare function markOverlayExempt(element: HTMLElement): () => void;
+export declare function claimPageOverlay(key: symbol, element: HTMLElement): void;
+export declare function releasePageOverlay(key: symbol): void;
+/**
+ * Blocks one region rather than the page, for `overlay="container"`.
+ *
+ * A scrim over a panel stops the mouse and nothing else: the controls under it
+ * keep their place in the tab order, so a keyboard user tabs straight into a
+ * form that is visibly unavailable and submits it. The same snapshot rule
+ * applies here, scoped to the covered container: everything in it at the
+ * moment the spinner appeared is inert until the spinner leaves, the container
+ * is marked `aria-busy` so assistive tech reads it as being rebuilt, and both
+ * attributes are put back exactly as they were found.
+ *
+ * Returns the release function. Calling it twice is a no-op.
+ */
+export declare function containRegion(container: HTMLElement, exclude: HTMLElement): () => void;
+/** Test helper: drops all state and puts every borrowed attribute back. */
+export declare function resetPageOverlays(): void;
+//# sourceMappingURL=Spinner.overlay.d.ts.map

package/dist/components/Spinner.overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.overlay.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.overlay.ts"],"names":[],"mappings":"AAuEA;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEtD;AAED,0EAA0E;AAC1E,wBAAgB,cAAc,IAAI,WAAW,GAAG,IAAI,CAInD;AAID;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,sBAAsB,2BAA2B,CAAA;AA8B9D;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,IAAI,CAMlE;AAqID,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CA6BxE;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAgBpD;AAID;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,WAAW,GACnB,MAAM,IAAI,CAoBZ;AA6BD,2EAA2E;AAC3E,wBAAgB,iBAAiB,IAAI,IAAI,CAUxC"}

package/dist/components/Spinner.vue.d.ts

@@ -0,0 +1,25 @@
+import { ESpinnerOverlay, ESpinnerSize, ESpinnerTone, ISpinnerProps } from './Spinner.d';
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ISpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ISpinnerProps> & Readonly<{}>, {
+    size: `${ESpinnerSize}`;
+    label: string;
+    id: string;
+    overlay: `${ESpinnerOverlay}`;
+    tone: `${ESpinnerTone}`;
+    showLabel: boolean;
+    delay: number;
+    completeLabel: string;
+    decorative: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Spinner.vue.d.ts.map

package/dist/components/Spinner.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.vue.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.vue"],"names":[],"mappings":"AAifA,OAAO,EACL,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACd,MAAM,aAAa,CAAA;AAsVpB,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Stepper.context.d.ts

@@ -0,0 +1,48 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+import type { EStepStatus, IStepperLabels } from './Stepper.d';
+/**
+ * One step's entry in the parent's registry.
+ *
+ * `el` is a getter rather than an element because a step registers during
+ * `setup()`, before its `<li>` exists. The parent calls it once the DOM is
+ * there, which is how the registry can be re-sorted into document order.
+ */
+export interface IStepperEntry {
+    uid: string;
+    disabled: ComputedRef<boolean>;
+    el: () => HTMLElement | null;
+}
+/**
+ * What an `NbStepperStep` needs from the `NbStepper` around it.
+ *
+ * Lives in a `.ts` rather than the `.d.ts` beside it because `Symbol()` is a
+ * runtime value, matching `Accordion.context.ts`.
+ */
+export interface IStepperContext {
+    /** Index of the current step. */
+    current: Readonly<Ref<number>>;
+    /** Furthest index reached, which is the boundary `navigable` opens up. */
+    furthest: Readonly<Ref<number>>;
+    orientation: Readonly<Ref<string>>;
+    size: Readonly<Ref<string>>;
+    navigable: Readonly<Ref<boolean>>;
+    labels: ComputedRef<Required<IStepperLabels>>;
+    /**
+     * Registered step ids in **document order**, which is the single source of
+     * every step's number and derived status. Mount order is not document order
+     * once a step is added, removed or moved after the first render.
+     */
+    order: Readonly<Ref<string[]>>;
+    /** Index of the one step that holds `tabindex="0"`, or -1 when none does. */
+    tabbable: ComputedRef<number>;
+    /** Add a step and get back its remover. */
+    register: (entry: IStepperEntry) => () => void;
+    /** Whether a step at `index` may be clicked back to. */
+    clickable: (index: number, disabled: boolean) => boolean;
+    /** Move to a step. Ignored unless `clickable` agrees. */
+    select: (index: number, disabled: boolean) => void;
+}
+/** Status resolution shared by the step and its tests. */
+export type TStepStatus = `${EStepStatus}`;
+export declare const NB_STEPPER_CONTEXT: InjectionKey<IStepperContext>;
+//# sourceMappingURL=Stepper.context.d.ts.map

package/dist/components/Stepper.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.context.d.ts","sourceRoot":"","sources":["../../src/components/Stepper.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE9D;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC9B,EAAE,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;CAC7B;AAED;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;IAC9B,0EAA0E;IAC1E,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;IAC/B,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;IAClC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;IAC3B,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;IACjC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAA;IAC7C;;;;OAIG;IACH,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IAC9B,6EAA6E;IAC7E,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,2CAA2C;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,MAAM,IAAI,CAAA;IAC9C,wDAAwD;IACxD,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAA;IACxD,yDAAyD;IACzD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACnD;AAED,0DAA0D;AAC1D,MAAM,MAAM,WAAW,GAAG,GAAG,WAAW,EAAE,CAAA;AAE1C,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,eAAe,CAC/B,CAAA"}

package/dist/components/Stepper.d.ts

@@ -0,0 +1,101 @@
+import { IDefaultProps } from '../types/Props.d'
+
+/** Reading direction of the step list. */
+enum EStepperOrientation {
+  Horizontal = 'horizontal',
+  Vertical = 'vertical',
+}
+
+/** Marker and type scale. */
+enum EStepperSize {
+  Small = 'sm',
+  Medium = 'md',
+}
+
+/**
+ * The state one step is in. Derived from position unless a step overrides it
+ * with `complete`, `invalid` or `disabled`.
+ */
+enum EStepStatus {
+  /** Behind the current step, or explicitly marked done. */
+  Complete = 'complete',
+  /** Where the user is now. */
+  Current = 'current',
+  /** Ahead of the current step. */
+  Incomplete = 'incomplete',
+  /** Cannot be reached at all, whatever the user has visited. */
+  Disabled = 'disabled',
+  /** Visited and left in a state the flow will not accept. */
+  Invalid = 'invalid',
+}
+
+/**
+ * The words read out after a step's label, and the accessible name of the
+ * list. The only English in the component, so this is the localisation hook.
+ */
+interface IStepperLabels {
+  /** Accessible name of the list when `ariaLabel` is not given. */
+  progress?: string
+  /**
+   * Template announced politely when the current step changes.
+   * `{step}`, `{total}` and `{label}` are substituted.
+   */
+  announcement?: string
+  complete?: string
+  current?: string
+  incomplete?: string
+  disabled?: string
+  invalid?: string
+}
+
+interface IStepperProps extends IDefaultProps {
+  /** Zero-based index of the current step. Omit to let the stepper own it. */
+  modelValue?: number
+  /** Layout direction. Vertical reads better when labels are long. */
+  orientation?: `${EStepperOrientation}`
+  /** Marker and type scale. */
+  size?: `${EStepperSize}`
+  /** Allow clicking back to a step the user has already reached. */
+  navigable?: boolean
+  /**
+   * Furthest index the user has reached, which is what `navigable` opens up.
+   * Omit and the stepper keeps its own high-water mark, so going back never
+   * closes the steps ahead. Pass it when the flow is resumed from storage.
+   */
+  furthest?: number
+  /** Accessible name of the list. Falls back to `labels.progress`. */
+  ariaLabel?: string
+  /** Status words announced per step. Override to translate. */
+  labels?: IStepperLabels
+  /**
+   * Announce the new step in a polite live region when the flow advances.
+   * Turn it off when the flow already moves focus to the new step's heading,
+   * which would otherwise announce the move twice.
+   */
+  announce?: boolean
+}
+
+interface IStepperStepProps extends IDefaultProps {
+  /** One or two words naming what the step accomplishes. */
+  label?: string
+  /** Optional second line: what the step needs, or why it is optional. */
+  description?: string
+  /**
+   * Force the complete state on a step that is not behind the current one,
+   * for a flow that lets an optional step be finished out of order.
+   */
+  complete?: boolean
+  /** Visited and rejected. Stays reachable so the user can go back and fix it. */
+  invalid?: boolean
+  /** Not part of this run of the flow. Never reachable, never focusable. */
+  disabled?: boolean
+}
+
+export {
+  EStepperOrientation,
+  EStepperSize,
+  EStepStatus,
+  IStepperLabels,
+  IStepperProps,
+  IStepperStepProps,
+}

package/dist/components/Stepper.vue.d.ts

@@ -0,0 +1,31 @@
+import { EStepperOrientation, EStepperSize, IStepperProps } from './Stepper.d';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<IStepperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (index: number) => any;
+    change: (index: number) => any;
+}, string, import("vue").PublicProps, Readonly<IStepperProps> & Readonly<{
+    "onUpdate:modelValue"?: ((index: number) => any) | undefined;
+    onChange?: ((index: number) => any) | undefined;
+}>, {
+    modelValue: number;
+    size: `${EStepperSize}`;
+    id: string;
+    orientation: `${EStepperOrientation}`;
+    ariaLabel: string;
+    labels: import("./Stepper.d").IStepperLabels;
+    navigable: boolean;
+    furthest: number;
+    announce: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Stepper.vue.d.ts.map

package/dist/components/Stepper.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.vue.d.ts","sourceRoot":"","sources":["../../src/components/Stepper.vue"],"names":[],"mappings":"AA0eA,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AA2a9E,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/StepperStep.vue.d.ts

@@ -0,0 +1,24 @@
+import { IStepperStepProps } from './Stepper.d';
+declare var __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_14) => any;
+} & {
+    description?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<IStepperStepProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IStepperStepProps> & Readonly<{}>, {
+    disabled: boolean;
+    label: string;
+    id: string;
+    invalid: boolean;
+    description: string;
+    complete: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=StepperStep.vue.d.ts.map

package/dist/components/StepperStep.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStep.vue.d.ts","sourceRoot":"","sources":["../../src/components/StepperStep.vue"],"names":[],"mappings":"AAoaA,OAAO,EAAe,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAoS5D,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOpD,QAAA,MAAM,UAAU;;;;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/TextInput.vue.d.ts

@@ -63,11 +63,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     max: string | number;
     helper: string;
     placeholder: string;
-    readonly: boolean;
     step: string | number;
-    highlight: (text: string) => string;
     maxlength: number;
     multiline: boolean;
+    highlight: (text: string) => string;
+    readonly: 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/TextInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/TextInput.vue"],"names":[],"mappings":"AA8iBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAO9D,MAAM,WAAW,eAAgB,SAAQ,uBAAuB;IAC9D,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC;AAED,KAAK,WAAW,GAAG,eAAe,CAAC;AAyFnC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AA2BF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAkYxD,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACjI,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ9C,QAAA,MAAM,UAAU;;;;;;;;;;;;UA3hBP,MAAM;;;;;;;UAQN,MAAM;SAPP,MAAM,GAAG,MAAM;SACf,MAAM,GAAG,MAAM;;;;UACd,MAAM,GAAG,MAAM;eAcV,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM;eAbxB,MAAM;eAEN,OAAO;6EA0hBnB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/TextInput.vue"],"names":[],"mappings":"AA8iBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAO9D,MAAM,WAAW,eAAgB,SAAQ,uBAAuB;IAC9D,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC;AAED,KAAK,WAAW,GAAG,eAAe,CAAC;AAyFnC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AA2BF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAkYxD,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACjI,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ9C,QAAA,MAAM,UAAU;;;;;;;;;;;;UA3hBP,MAAM;;;;;;;UAQN,MAAM;SAPP,MAAM,GAAG,MAAM;SACf,MAAM,GAAG,MAAM;;;UACd,MAAM,GAAG,MAAM;eACV,MAAM;eAEN,OAAO;eAWP,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM;;6EA+gBpC,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Toast.vue.d.ts

@@ -7,18 +7,61 @@ type __VLS_Props = {
     variant?: TToastVariant;
     title?: string;
     message: string;
+    /**
+     * Milliseconds the countdown bar represents. `0` draws no bar.
+     *
+     * When `managed` is false (a bare `NbToast`), this is also the toast's own
+     * auto-dismiss timer. When `managed` is true, `NbToaster` owns the clock
+     * and this value only sizes the bar.
+     */
     duration?: number;
     cta?: IToastCta;
+    /**
+     * ARIA role. `NbToaster` sets `status` for success and info and `alert`
+     * for warning and error. Declared as a real prop rather than left to
+     * fallthrough attributes, so adding `inheritAttrs: false` or a wrapper
+     * element here can never silently revert every success toast to `alert`.
+     */
+    role?: 'alert' | 'status' | 'none';
+    /** Politeness. Defaults to `assertive` for errors, `polite` otherwise. */
+    ariaLive?: 'assertive' | 'polite' | 'off';
+    /**
+     * Visually hidden severity word, read before the title. Defaults to the
+     * English name of the variant; pass your own for another language, or an
+     * empty string to suppress it.
+     */
+    statusLabel?: string;
+    /** Accessible name of the close button. Translate it per application. */
+    closeLabel?: string;
+    /**
+     * `true` when a host owns the clock. The toast then runs no timer of its
+     * own and takes its pause state from `paused`, so a whole stack can stop
+     * together instead of each item counting down on its own.
+     */
+    managed?: boolean;
+    /** Countdown held, when managed. Ignored otherwise. */
+    paused?: boolean;
+    /** Bump to restart the countdown bar after the message changed. */
+    cycle?: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    action: () => any;
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAction?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {
     title: string;
+    role: "alert" | "status" | "none";
     variant: TToastVariant;
+    closeLabel: string;
     duration: number;
+    statusLabel: string;
     cta: IToastCta;
+    ariaLive: "assertive" | "polite" | "off";
+    managed: boolean;
+    paused: boolean;
+    cycle: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;