@cjlapao/ui-kit-vue 0.2.0 → 0.2.3

package/dist/types/vue/src/components/Select.vue.d.ts

@@ -1,5 +1,42 @@
 import type { VNode } from "vue";
-import type { TrueColor } from "../theme/Theme";
+import type { ControlSize, InputVariant, TrueColor } from "../theme/Theme";
+/** @deprecated Use `VALIDATION_STATUSES` from the theme. Kept as an alias. */
+export declare const SELECT_VALIDATION_STATUSES: readonly ["none", "error", "success"];
+export type SelectValidationStatus = (typeof SELECT_VALIDATION_STATUSES)[number];
+/**
+ * The shared control scale, so a Select lines up with the Input, SearchBar and
+ * Button beside it. Was a local `"sm" | "md" | "lg"`.
+ */
+export type SelectSize = ControlSize;
+/**
+ * The same surfaces `Input`, `SearchBar` and `InputGroup` offer. A Select was
+ * hardcoded to `rounded-lg border border-neutral-300 bg-white shadow-sm`, so it
+ * was the one control in a form that could not be made to match the rest.
+ */
+export type SelectVariant = InputVariant;
+export interface SelectProps {
+    modelValue?: string;
+    /** @default "md" */
+    size?: SelectSize;
+    /** Accent colour for the focus border, ring and icon highlight. */
+    tone?: TrueColor;
+    /** Alias for `tone`, matching `Input` and `SearchBar`. */
+    color?: TrueColor;
+    /** Visual surface style. @default "flat" */
+    variant?: SelectVariant;
+    /** @default "none" */
+    validationStatus?: SelectValidationStatus;
+    placeholder?: string;
+    leadingIcon?: string | VNode;
+    /** Hides the drop-down caret. Always hidden for `multiple`. */
+    hideCaret?: boolean;
+    /** Classes for the inner `<select>` element itself. */
+    selectClassName?: string;
+    /** Drops the surface entirely — used by `InputGroup`. */
+    unstyled?: boolean;
+    disabled?: boolean;
+    multiple?: boolean;
+}
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SelectProps, {
     el: import("vue").Ref<HTMLSelectElement | null, HTMLSelectElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -9,8 +46,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SelectProp
     onChange?: ((event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    tone: TrueColor;
     size: SelectSize;
+    disabled: boolean;
+    variant: SelectVariant;
+    multiple: boolean;
     validationStatus: SelectValidationStatus;
     unstyled: boolean;
     hideCaret: boolean;
@@ -20,20 +59,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SelectProp
     default?: (props: {}) => any;
 }>;
 export default _default;
-type SelectSize = "sm" | "md" | "lg";
-type SelectValidationStatus = "none" | "error" | "success";
-export interface SelectProps {
-    modelValue?: string;
-    size?: SelectSize;
-    tone?: TrueColor;
-    validationStatus?: SelectValidationStatus;
-    placeholder?: string;
-    leadingIcon?: string | VNode;
-    hideCaret?: boolean;
-    unstyled?: boolean;
-    disabled?: boolean;
-    multiple?: boolean;
-}
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/vue/src/components/SidePanel.vue.d.ts

@@ -29,8 +29,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SidePanelP
 }, string, import("vue").PublicProps, Readonly<SidePanelProps> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
-    color: TrueColor;
     width: number;
+    color: TrueColor;
     maxWidth: number;
     minWidth: number;
     resizable: boolean;

package/dist/types/vue/src/components/SmartInput.vue.d.ts

@@ -1,26 +1,57 @@
-import type { CapsuleBlueprintParameter } from "../types/CapsuleBlueprint";
+import type { SmartVariableGroup, SmartVariableResolver } from "../types/Variables";
+import type { InputVariant, TrueColor } from "../theme/Theme";
+import type { SmartViewMode } from "./SmartVariableBadge.vue";
+/** `Input`'s three-step scale, so the two line up when stacked. */
+export type SmartInputSize = "sm" | "md" | "lg";
 export interface SmartInputProps {
-    modelValue: string;
+    value: string;
     placeholder?: string;
-    globalParameters?: CapsuleBlueprintParameter[];
-    serviceNames?: string[];
-    context?: {
-        slug?: string;
-        enable_https?: boolean;
-    };
+    /**
+     * The variable groups offered by the picker. Each group's `id` becomes the
+     * token's middle segment, so the taxonomy is entirely the caller's.
+     */
+    groups?: SmartVariableGroup[];
+    /**
+     * Turns a token into a display value. Defaults to a lookup over `groups`;
+     * supply your own for derived or environment-dependent values.
+     */
+    resolve?: SmartVariableResolver;
+    /** Renders a textarea instead of a single-line field. */
     multiline?: boolean;
+    /** Rows for the multiline field. @default 4 */
+    rows?: number;
+    disabled?: boolean;
+    /** @default "md" */
+    size?: SmartInputSize;
+    /** Surface treatment, shared with `Input`, `Textarea` and `SearchBar`. */
+    variant?: InputVariant;
+    /** Accent colour for focus and the picker trigger. @default "blue" */
+    tone?: TrueColor;
+    /** Which view the preview opens in. @default "token" */
+    defaultViewMode?: SmartViewMode;
+    /** Typing the opening `{{` opens the picker. @default true */
+    autocomplete?: boolean;
+    /** Marks tokens that name no known variable, and counts them. @default true */
+    flagMissing?: boolean;
+    ariaLabel?: string;
 }
-declare const _default: import("vue").DefineComponent<SmartInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+declare const _default: import("vue").DefineComponent<SmartInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: string) => any;
+    "update:value": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<SmartInputProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
-    modelValue: string;
-    globalParameters: CapsuleBlueprintParameter[];
-    serviceNames: string[];
-    context: {
-        slug?: string;
-        enable_https?: boolean;
-    };
+    size: SmartInputSize;
+    tone: TrueColor;
+    disabled: boolean;
+    value: string;
+    variant: InputVariant;
+    autocomplete: boolean;
+    rows: number;
+    groups: SmartVariableGroup[];
+    flagMissing: boolean;
+    multiline: boolean;
+    defaultViewMode: SmartViewMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/vue/src/components/SmartValue.vue.d.ts

@@ -1,20 +1,27 @@
-import type { CapsuleBlueprintParameter } from "../types/CapsuleBlueprint";
+import type { SmartVariableGroup, SmartVariableResolver } from "../types/Variables";
+import type { TrueColor } from "../theme/Theme";
+import type { SmartViewMode } from "./SmartVariableBadge.vue";
 export interface SmartValueProps {
     value: string;
-    globalParameters?: CapsuleBlueprintParameter[];
-    serviceNames?: string[];
-    context?: {
-        slug?: string;
-        enable_https?: boolean;
-    };
+    /** The variable groups the tokens are resolved against. */
+    groups?: SmartVariableGroup[];
+    /** Turns a token into a display value. Defaults to a lookup over `groups`. */
+    resolve?: SmartVariableResolver;
+    /** Which view to open in. @default "token" */
+    defaultViewMode?: SmartViewMode;
+    /** Marks tokens that name no known variable. @default true */
+    flagMissing?: boolean;
+    /** Accent colour for the toggle. @default "blue" */
+    tone?: TrueColor;
+    /** Keeps the toggle visible instead of revealing it on hover. */
+    alwaysShowToggle?: boolean;
 }
 declare const _default: import("vue").DefineComponent<SmartValueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SmartValueProps> & Readonly<{}>, {
+    tone: TrueColor;
     value: string;
-    globalParameters: CapsuleBlueprintParameter[];
-    serviceNames: string[];
-    context: {
-        slug?: string;
-        enable_https?: boolean;
-    };
+    groups: SmartVariableGroup[];
+    flagMissing: boolean;
+    defaultViewMode: SmartViewMode;
+    alwaysShowToggle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/vue/src/components/SmartVariableBadge.vue.d.ts

@@ -0,0 +1,17 @@
+import type { SmartVariable, SmartVariableGroup, SmartVariableResolver } from "../types/Variables";
+/** How a token is shown: as itself, or as what it resolves to. */
+export type SmartViewMode = "token" | "value";
+export interface SmartVariableBadgeProps {
+    variable: SmartVariable;
+    groups?: SmartVariableGroup[];
+    resolve?: SmartVariableResolver;
+    mode?: SmartViewMode;
+    /** Marks tokens that name no known variable, even in token mode. */
+    flagMissing?: boolean;
+}
+declare const _default: import("vue").DefineComponent<SmartVariableBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SmartVariableBadgeProps> & Readonly<{}>, {
+    mode: SmartViewMode;
+    groups: SmartVariableGroup[];
+    flagMissing: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/Spinner.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,21 +1,28 @@
-import type { TrueColor } from "../theme/Theme";
-export type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
+import type { ControlSize, TrueColor } from "../theme/Theme";
+/**
+ * The shared control scale, so a spinner lines up with the Button next to it
+ * instead of speaking its own size language.
+ */
+export type SpinnerSize = ControlSize;
 export type SpinnerColor = TrueColor;
-export type SpinnerVariant = "solid" | "segments";
-export type SpinnerThickness = "thin" | "normal" | "thick";
+export declare const SPINNER_VARIANTS: readonly ["solid", "segments"];
+export type SpinnerVariant = (typeof SPINNER_VARIANTS)[number];
+export declare const SPINNER_THICKNESSES: readonly ["thin", "normal", "thick"];
+export type SpinnerThickness = (typeof SPINNER_THICKNESSES)[number];
 export interface SpinnerProps {
     size?: SpinnerSize;
     color?: SpinnerColor;
     variant?: SpinnerVariant;
     thickness?: SpinnerThickness;
+    /** Visible text beside the ring. Also announced — the ring alone reads as "Loading". */
     label?: string;
 }
 declare const _default: import("vue").DefineComponent<SpinnerProps, {
     el: import("vue").Ref<HTMLSpanElement | null, HTMLSpanElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
+    size: SpinnerSize;
     color: SpinnerColor;
     variant: SpinnerVariant;
-    size: SpinnerSize;
     thickness: SpinnerThickness;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/vue/src/components/SplitView.vue.d.ts

@@ -1,5 +1,5 @@
 import type { VNodeChild } from "vue";
-import type { TrueColor } from "../theme/Theme";
+import { type TrueColor } from "../theme/Theme";
 import type { IconName } from "../icons/registry";
 import type { HelpButtonProps } from "./HelpButton.vue";
 import type { PanelDecoration, PanelVariant } from "./Panel.vue";
@@ -154,26 +154,26 @@ export interface SplitViewProps {
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SplitViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (id: string, item: SplitViewItem) => any;
     "update:modelValue": (id: string) => any;
+    retry: () => any;
     "update:collapsed": (collapsed: boolean) => any;
     collapsedChange: (collapsed: boolean) => any;
     "update:expandedValue": (id: string | undefined) => any;
     expand: (id: string, item: SplitViewItem) => any;
-    retry: () => any;
 }, string, import("vue").PublicProps, Readonly<SplitViewProps> & Readonly<{
     onChange?: ((id: string, item: SplitViewItem) => any) | undefined;
     "onUpdate:modelValue"?: ((id: string) => any) | undefined;
+    onRetry?: (() => any) | undefined;
     "onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
     onCollapsedChange?: ((collapsed: boolean) => any) | undefined;
     "onUpdate:expandedValue"?: ((id: string | undefined) => any) | undefined;
     onExpand?: ((id: string, item: SplitViewItem) => any) | undefined;
-    onRetry?: (() => any) | undefined;
 }>, {
-    color: TrueColor;
-    size: SplitViewSize;
-    loading: boolean;
     error: string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | import("vue").VNodeArrayChildren | null;
+    size: SplitViewSize;
+    loading: boolean;
+    color: TrueColor;
     borderLeft: boolean;
     searchPlaceholder: string;
     collapsed: boolean;

package/dist/types/vue/src/components/StartupStageStepper.vue.d.ts

@@ -16,9 +16,9 @@ declare const _default: import("vue").DefineComponent<StartupStageStepperProps,
 }, string, import("vue").PublicProps, Readonly<StartupStageStepperProps> & Readonly<{
     onStageSelect?: ((stage: StartupStage) => any) | undefined;
 }>, {
-    variant: "minimal" | "panel";
     title: string;
     size: StartupStageStepperSize;
+    variant: "minimal" | "panel";
     showHistoryToggle: boolean;
     defaultShowHistory: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/vue/src/components/StatChartTile.vue.d.ts

@@ -5,6 +5,11 @@ export interface StatChartItem {
     value: number;
     /** Omit to auto-assign from the theme palette. */
     color?: TrueColor;
+    /**
+     * @deprecated Never safelisted. The class was built from two interpolations
+     * (`text-${color}-${intensity}`), and only the `-500` step is emitted for
+     * every tone — any other value silently rendered no colour at all.
+     */
     intensity?: string;
     onClick?: () => void;
 }

package/dist/types/vue/src/components/StatCountTile.vue.d.ts

@@ -23,12 +23,16 @@ export interface StatCountTileProps {
         icon?: IconName;
         message?: string;
         onRetry?: () => void;
+        /**
+         * @deprecated Never read. The item renders as plain icon + text, so
+         * this was declared and ignored (§5.3).
+         */
         variant?: "text" | "badge";
     } | null;
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<StatCountTileProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StatCountTileProps> & Readonly<{}>, {
-    color: TrueColor;
     loading: boolean;
+    color: TrueColor;
     withDecoration: boolean;
     withHoverEffect: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/types/vue/src/components/StatGraphTile.vue.d.ts

@@ -25,8 +25,8 @@ export interface StatGraphTileProps extends Omit<StatTileProps, "body" | "progre
     maxDataPoints?: number;
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<StatGraphTileProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StatGraphTileProps> & Readonly<{}>, {
-    variant: "bar" | "sparkline";
     height: number;
+    variant: "bar" | "sparkline";
     showLegend: boolean;
     showAxes: boolean;
     showGrid: boolean;

package/dist/types/vue/src/components/StatTile.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/vue/src/components/StatTile.vue.d.ts

@@ -9,6 +9,10 @@ export interface StatTileTrend {
 export interface StatTileMeta {
     text: string | number | VNode;
     icon?: IconName;
+    /**
+     * @deprecated Never read. The item renders as plain icon + text, so
+     * this was declared and ignored (§5.3).
+     */
     variant?: "text" | "badge";
     color?: TrueColor;
 }
@@ -44,8 +48,8 @@ export interface StatTileProps {
     error?: StatTileError | null;
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<StatTileProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StatTileProps> & Readonly<{}>, {
-    color: TrueColor;
     loading: boolean;
+    color: TrueColor;
     withDecoration: boolean;
     withHoverEffect: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/types/vue/src/components/StatusSpinner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/vue/src/components/StatusSpinner.vue.d.ts

@@ -1,17 +1,22 @@
-import type { TrueColor } from "../theme/Theme";
-export type StatusSpinnerIntent = TrueColor;
-export type StatusSpinnerSize = "xs" | "sm" | "md" | "lg";
+import type { ControlSize, TrueColor } from "../theme/Theme";
+/**
+ * The shared control scale, so the status circle lines up with the `Spinner`
+ * and the Button beside it instead of speaking its own size language.
+ */
+export type StatusSpinnerSize = ControlSize;
+export type StatusSpinnerTone = TrueColor;
 export interface StatusSpinnerProps {
-    intent?: StatusSpinnerIntent;
+    tone?: StatusSpinnerTone;
     size?: StatusSpinnerSize;
     animated?: boolean;
+    /** Visible text beside the circle. Also announced — the circle alone reads as "Loading". */
     label?: string;
 }
 declare const _default: import("vue").DefineComponent<StatusSpinnerProps, {
     el: import("vue").Ref<HTMLSpanElement | null, HTMLSpanElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StatusSpinnerProps> & Readonly<{}>, {
     size: StatusSpinnerSize;
-    intent: StatusSpinnerIntent;
+    tone: StatusSpinnerTone;
     animated: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/vue/src/components/Stepper.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,7 +1,7 @@
 import type { VNode, VNodeChild } from "vue";
-import type { PanelTone } from "./Panel.vue";
-import type { LoaderProps } from "./Loader.vue";
+import type { PanelLoaderType, PanelProps } from "./Panel.vue";
 import type { IconName } from "../icons/registry";
+import type { ControlSize, Orientation, SurfaceCorner } from "../theme/Theme";
 export type StepStatus = "pending" | "active" | "completed" | "error";
 export interface StepperStep {
     id?: string;
@@ -15,49 +15,78 @@ export interface StepperStep {
     disabled?: boolean;
 }
 export type Step = StepperStep;
-export type StepperOrientation = "horizontal" | "vertical";
-export type StepperVariant = "card" | "minimal";
-export type StepperSize = "sm" | "md" | "lg";
+export type StepperOrientation = Orientation;
 export type StepperConnector = "line" | "progress" | "none";
 export type StepperProgressBarPosition = "top" | "bottom";
 export type StepperConnectorAlign = "left" | "center" | "right";
-export interface StepperProps {
+/**
+ * Shape of the step node. The Panel corner scale (`none` → `rounded-xl`) gives
+ * the usual card corners; `"full"` is the classic circle. @default "full"
+ */
+export type StepperNodeCorner = SurfaceCorner | "full";
+/**
+ * A multi-step workflow on the shared container surface.
+ *
+ * It renders `Panel` (like `Accordion`), so `variant`, `tone`, `corner`,
+ * `padding` and every glass prop come from the same scales as every other
+ * card. The Vue kit has no surface-text provider, so the copy, hover wash and
+ * recessed fill are read straight from the shared theme with this component's
+ * own `variant`/`tone` — the same call `Panel` makes internally.
+ *
+ * `size` is the shared `ControlSize` scale and `variant` the shared surface
+ * family; the old local `"card" | "minimal"` and `"sm" | "md" | "lg"` unions
+ * are gone.
+ */
+/**
+ * How the Stepper shows loading. "spinner"/"progress" overlay the node (and the
+ * Panel when the whole stepper loads); "skeleton" replaces the content with
+ * pulsing lines instead of a spinning overlay.
+ */
+export type StepperLoaderType = PanelLoaderType | "skeleton";
+export interface StepperProps extends Omit<PanelProps, "title" | "subtitle" | "actions" | "loaderType"> {
+    /** @default "spinner" */
+    loaderType?: StepperLoaderType;
     steps: StepperStep[];
     currentIndex?: number;
     currentStepId?: string;
     defaultCurrentIndex?: number;
     defaultCurrentStepId?: string;
     completedStepIds?: string[];
+    /** @default "horizontal" */
     orientation?: StepperOrientation;
-    variant?: StepperVariant;
-    size?: StepperSize;
-    tone?: PanelTone;
+    /** Density of the node, its type, icons and the connector. @default "md" */
+    size?: ControlSize;
+    /** Shape of the step node: a Panel corner scale or the classic circle. @default "full" */
+    nodeCorner?: StepperNodeCorner;
+    /**
+     * "progress" runs edge-to-edge between the node circles and fills up to
+     * the active step; "line" draws a static track with a breathing gap
+     * around every circle. Both in every orientation. @default "progress"
+     */
     connector?: StepperConnector;
+    /** @default true */
     interactive?: boolean;
-    readOnly?: boolean;
+    /** @default true */
     animated?: boolean;
-    transitionMs?: number;
     showProgressSummary?: boolean;
     showProgressBar?: boolean;
-    progressBarPosition?: "top" | "bottom";
+    /** Where the progress bar/summary sits relative to the steps. @default "bottom" */
+    progressBarPosition?: StepperProgressBarPosition;
     progressPrecision?: number;
     progressLabel?: string | VNode;
+    /** Per-step actions rendered under the step's copy. */
     renderActions?: (step: StepperStep, index: number) => VNodeChild;
+    /** Step ids whose node shows a loader overlay (and whose content shows a skeleton). */
     loaderStepIds?: string[];
-    loading?: boolean;
-    loaderTitle?: string | VNode;
-    loaderMessage?: string | VNode;
-    loaderType?: LoaderProps["variant"];
-    loaderProgress?: number;
-    loaderColor?: LoaderProps["color"];
-    wrapperClassName?: string;
     headerClassName?: string;
     stepClassName?: string;
     contentClassName?: string;
     stepMaxHeight?: number | string;
+    /** @default false */
     connectNodes?: boolean;
+    /** @default "center" */
     connectorAlign?: StepperConnectorAlign;
-    /** Override whether the underline bar is shown beneath each step's title/subtitle. When omitted the variant default is used (`card` → true, `minimal` → false). */
+    /** The underline bar beneath each step's title. @default false */
     showStepUnderline?: boolean;
 }
 declare const _default: import("vue").DefineComponent<StepperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -67,18 +96,26 @@ declare const _default: import("vue").DefineComponent<StepperProps, {}, {}, {},
     onChange?: ((index: number, stepId?: string | undefined) => any) | undefined;
     onStepClick?: ((step: StepperStep, index: number) => any) | undefined;
 }>, {
-    tone: PanelTone;
-    variant: StepperVariant;
-    size: StepperSize;
+    interactive: boolean;
+    size: ControlSize;
     loading: boolean;
-    loaderType: "spinner" | "progress";
+    tone: import("./index.js").TrueColor;
+    disabled: boolean;
+    variant: import("./Panel.vue").PanelVariant;
+    corner: import("./Panel.vue").PanelCorner;
     orientation: StepperOrientation;
+    animated: boolean;
+    padding: import("./Panel.vue").PanelPadding;
+    loaderType: StepperLoaderType;
+    scrollable: boolean;
+    nodeCorner: StepperNodeCorner;
     connector: StepperConnector;
-    interactive: boolean;
     showProgressSummary: boolean;
     showProgressBar: boolean;
+    progressBarPosition: StepperProgressBarPosition;
     progressPrecision: number;
     connectNodes: boolean;
     connectorAlign: StepperConnectorAlign;
+    showStepUnderline: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/vue/src/components/Table.test.d.ts

@@ -0,0 +1 @@
+export {};