@indielayer/ui 2.0.0 → 2.1.0

package/lib/components/stepper/Stepper.vue.d.ts

@@ -7,47 +7,79 @@ declare const validators: {
     size: string[];
 };
 declare const stepperProps: {
-    modelValue: (StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
+    };
     steps: {
         type: PropType<StepperStep[]>;
         default: () => never[];
+        description: string;
+    };
+    validate: {
+        type: PropType<() => boolean>;
+        description: string;
+    };
+    beforeChange: {
+        type: PropType<(to: string | number, from: string | number) => boolean | Promise<boolean>>;
+        description: string;
     };
-    validate: PropType<() => boolean>;
-    beforeChange: PropType<(to: string | number, from: string | number) => boolean | Promise<boolean>>;
     variant: {
         type: PropType<"dot" | "line">;
         default: string;
+        description: string;
     };
     orientation: {
         type: PropType<"vertical" | "horizontal">;
         default: string;
+        description: string;
     };
     labelPlacement: {
         type: PropType<"bottom" | "end">;
         default: string;
+        description: string;
     };
     linear: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     interactive: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     editable: import("vue").Prop<boolean | undefined>;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    iconComplete: StringConstructor;
-    iconError: StringConstructor;
-    iconEdit: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    iconComplete: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconError: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconEdit: {
+        type: StringConstructor;
+        description: string;
+    };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
     size: {
         readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
 };
 export type StepperStepStatus = 'upcoming' | 'active' | 'complete' | 'error';
@@ -82,47 +114,79 @@ type InternalExtraData = {
 export interface StepperTheme extends ThemeComponent<StepperProps, InternalClasses, InternalExtraData> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: (StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
+    };
     steps: {
         type: PropType<StepperStep[]>;
         default: () => never[];
+        description: string;
+    };
+    validate: {
+        type: PropType<() => boolean>;
+        description: string;
+    };
+    beforeChange: {
+        type: PropType<(to: string | number, from: string | number) => boolean | Promise<boolean>>;
+        description: string;
     };
-    validate: PropType<() => boolean>;
-    beforeChange: PropType<(to: string | number, from: string | number) => boolean | Promise<boolean>>;
     variant: {
         type: PropType<"dot" | "line">;
         default: string;
+        description: string;
     };
     orientation: {
         type: PropType<"vertical" | "horizontal">;
         default: string;
+        description: string;
     };
     labelPlacement: {
         type: PropType<"bottom" | "end">;
         default: string;
+        description: string;
     };
     linear: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     interactive: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     editable: import("vue").Prop<boolean | undefined>;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    iconComplete: StringConstructor;
-    iconError: StringConstructor;
-    iconEdit: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    iconComplete: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconError: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconEdit: {
+        type: StringConstructor;
+        description: string;
+    };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
     size: {
         readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
 }>, {
     next: () => Promise<void>;
@@ -138,47 +202,79 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     change: (value: string | number, index: number) => void;
     'step-complete': (value: string | number, index: number) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
+    };
     steps: {
         type: PropType<StepperStep[]>;
         default: () => never[];
+        description: string;
+    };
+    validate: {
+        type: PropType<() => boolean>;
+        description: string;
+    };
+    beforeChange: {
+        type: PropType<(to: string | number, from: string | number) => boolean | Promise<boolean>>;
+        description: string;
     };
-    validate: PropType<() => boolean>;
-    beforeChange: PropType<(to: string | number, from: string | number) => boolean | Promise<boolean>>;
     variant: {
         type: PropType<"dot" | "line">;
         default: string;
+        description: string;
     };
     orientation: {
         type: PropType<"vertical" | "horizontal">;
         default: string;
+        description: string;
     };
     labelPlacement: {
         type: PropType<"bottom" | "end">;
         default: string;
+        description: string;
     };
     linear: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     interactive: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     editable: import("vue").Prop<boolean | undefined>;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    iconComplete: StringConstructor;
-    iconError: StringConstructor;
-    iconEdit: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    iconComplete: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconError: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconEdit: {
+        type: StringConstructor;
+        description: string;
+    };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
     size: {
         readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
 }>> & Readonly<{
     onChange?: ((value: string | number, index: number) => any) | undefined;

package/lib/components/stepper/Stepper.vue_vue_type_script_setup_true_lang.js

@@ -19,42 +19,90 @@ var ie = [
 		orientation: ["horizontal", "vertical"],
 		labelPlacement: ["end", "bottom"]
 	},
+	docs: {
+		slots: {
+			"content-prefix": "Content rendered above the active step panel.",
+			"[stepValue]": "Panel content for a step; slot name matches `step.value`.",
+			"summary-[stepValue]": "Sidebar summary for a completed step (vertical orientation)."
+		},
+		emits: {
+			"update:modelValue": "Active step value (`v-model`).",
+			change: "Emitted when the active step changes; payload is `(value, index)`.",
+			"step-complete": "Emitted when a step is marked complete via `next()`; payload is `(value, index)`."
+		},
+		methods: {
+			next: "Advance to the next step after validation.",
+			prev: "Go to the previous step.",
+			goTo: "Navigate to a step by value or index when allowed.",
+			reset: "Clear completion state and return to the first step."
+		}
+	},
 	props: {
 		...r.props(),
 		...e.props("primary"),
-		modelValue: [String, Number],
+		modelValue: {
+			type: [String, Number],
+			description: "Active step value (`v-model`)."
+		},
 		steps: {
 			type: Array,
-			default: () => []
+			default: () => [],
+			description: "Step definitions (value, title, optional, completed, error, etc.)."
+		},
+		validate: {
+			type: Function,
+			description: "Runs before leaving the current step; return false to block navigation."
+		},
+		beforeChange: {
+			type: Function,
+			description: "Async guard before changing steps; return false to cancel."
 		},
-		validate: Function,
-		beforeChange: Function,
 		variant: {
 			type: String,
-			default: "line"
+			default: "line",
+			description: "Indicator style: line or dot."
 		},
 		orientation: {
 			type: String,
-			default: "vertical"
+			default: "vertical",
+			description: "Layout direction: vertical (sidebar) or horizontal."
 		},
 		labelPlacement: {
 			type: String,
-			default: "end"
+			default: "end",
+			description: "Where labels sit relative to indicators in horizontal mode."
 		},
 		linear: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Require prior steps to be completed before navigating ahead."
 		},
 		interactive: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Allow clicking step indicators to navigate."
+		},
+		editable: n("Allow revisiting completed steps (shows edit icon)."),
+		disabled: {
+			type: Boolean,
+			description: "Disables all step navigation."
 		},
-		editable: n(),
-		disabled: Boolean,
-		loading: Boolean,
-		iconComplete: String,
-		iconError: String,
-		iconEdit: String
+		loading: {
+			type: Boolean,
+			description: "Blocks navigation while an async step action runs."
+		},
+		iconComplete: {
+			type: String,
+			description: "Icon for completed steps."
+		},
+		iconError: {
+			type: String,
+			description: "Icon for steps in an error state."
+		},
+		iconEdit: {
+			type: String,
+			description: "Icon for editable completed steps."
+		}
 	},
 	emits: [
 		"update:modelValue",

package/lib/components/tab/Tab.vue.d.ts

@@ -1,80 +1,161 @@
-import { type ExtractPublicPropTypes } from 'vue';
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
 import { type Size } from '../../composables/useCommon';
 import { type ThemeComponent } from '../../composables/useTheme';
+import type { TooltipPosition } from '../tooltip/Tooltip.vue';
 import type { TabGroupInjection } from './TabGroup.vue';
 declare const tabProps: {
+    size: {
+        type: PropType<Size>;
+        validator: (value: string) => boolean;
+        description: string;
+    };
     value: {
         type: (StringConstructor | NumberConstructor)[];
+        description: string;
     };
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
-    to: (ObjectConstructor | StringConstructor)[];
-    label: StringConstructor;
-    icon: StringConstructor;
-    disabled: BooleanConstructor;
-    exact: BooleanConstructor;
-    removable: import("vue").Prop<boolean | undefined>;
-    size: {
-        readonly type: import("vue").PropType<Size>;
-        readonly default: "md";
-        readonly validator: (value: string) => boolean;
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        description: string;
+    };
+    label: {
+        type: StringConstructor;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
+    };
+    tooltipPosition: {
+        type: PropType<TooltipPosition>;
+        default: string;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    exact: {
+        type: BooleanConstructor;
+        description: string;
     };
+    removable: import("vue").Prop<boolean | undefined>;
 };
 export type TabProps = ExtractPublicPropTypes<typeof tabProps>;
 type InternalClasses = 'wrapper' | 'content' | 'label' | 'icon' | 'tabpanel';
 type InternalExtraData = {
     selected: boolean;
+    showLabel: boolean;
 } & Pick<TabGroupInjection, 'state'>['state'];
 export interface TabTheme extends ThemeComponent<TabProps, InternalClasses, InternalExtraData> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    size: {
+        type: PropType<Size>;
+        validator: (value: string) => boolean;
+        description: string;
+    };
     value: {
         type: (StringConstructor | NumberConstructor)[];
+        description: string;
     };
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        description: string;
+    };
+    label: {
+        type: StringConstructor;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
+    };
+    tooltipPosition: {
+        type: PropType<TooltipPosition>;
+        default: string;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    exact: {
+        type: BooleanConstructor;
+        description: string;
     };
-    to: (ObjectConstructor | StringConstructor)[];
-    label: StringConstructor;
-    icon: StringConstructor;
-    disabled: BooleanConstructor;
-    exact: BooleanConstructor;
     removable: import("vue").Prop<boolean | undefined>;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        readonly type: import("vue").PropType<Size>;
-        readonly default: "md";
-        readonly validator: (value: string) => boolean;
+        type: PropType<Size>;
+        validator: (value: string) => boolean;
+        description: string;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: (StringConstructor | NumberConstructor)[];
+        description: string;
     };
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
-    to: (ObjectConstructor | StringConstructor)[];
-    label: StringConstructor;
-    icon: StringConstructor;
-    disabled: BooleanConstructor;
-    exact: BooleanConstructor;
-    removable: import("vue").Prop<boolean | undefined>;
-    size: {
-        readonly type: import("vue").PropType<Size>;
-        readonly default: "md";
-        readonly validator: (value: string) => boolean;
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        description: string;
     };
+    label: {
+        type: StringConstructor;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
+    };
+    tooltipPosition: {
+        type: PropType<TooltipPosition>;
+        default: string;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    exact: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    removable: import("vue").Prop<boolean | undefined>;
 }>> & Readonly<{
     onRemove?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
     tag: string;
-    size: Size;
+    tooltipPosition: TooltipPosition;
     exact: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    tooltip?(_: {}): any;
     tab?(_: {
         label: string | undefined;
         value: string | number | undefined;