@indielayer/ui 2.0.0 → 2.1.0

package/lib/components/divider/Divider.vue.d.ts

@@ -1,7 +1,10 @@
 import type { ExtractPublicPropTypes } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 declare const dividerProps: {
-    label: StringConstructor;
+    label: {
+        type: StringConstructor;
+        description: string;
+    };
     vertical: import("vue").Prop<boolean | undefined>;
 };
 export type DividerProps = ExtractPublicPropTypes<typeof dividerProps>;
@@ -9,10 +12,16 @@ type InternalClasses = 'wrapper' | 'label' | 'line';
 export interface DividerTheme extends ThemeComponent<DividerProps, InternalClasses> {
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    label: StringConstructor;
+    label: {
+        type: StringConstructor;
+        description: string;
+    };
     vertical: import("vue").Prop<boolean | undefined>;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    label: StringConstructor;
+    label: {
+        type: StringConstructor;
+        description: string;
+    };
     vertical: import("vue").Prop<boolean | undefined>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/divider/Divider.vue_vue_type_script_setup_true_lang.js

@@ -4,9 +4,13 @@ import { createCommentVNode as n, createElementBlock as r, createElementVNode as
 //#region src/components/divider/Divider.vue?vue&type=script&setup=true&lang.ts
 var d = ["textContent"], f = /* @__PURE__ */ a({
 	name: "XDivider",
+	docs: {},
 	props: {
-		label: String,
-		vertical: t()
+		label: {
+			type: String,
+			description: "Optional text shown between the divider lines."
+		},
+		vertical: t("Renders the divider vertically instead of horizontally.")
 	},
 	setup(t) {
 		let { styles: a, classes: f, className: p } = e("Divider", {}, t);

package/lib/components/drawer/Drawer.vue.d.ts

@@ -2,27 +2,38 @@ import { type PropType, type ExtractPublicPropTypes } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 declare const drawerPosition: readonly ["left", "right", "top", "bottom"];
 declare const drawerProps: {
-    modelValue: BooleanConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        description: string;
+    };
     position: {
         type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
+        description: string;
     };
     teleportTo: {
         type: PropType<string | HTMLElement>;
         default: string;
+        description: string;
     };
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
+    };
+    breakpoint: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
     };
-    breakpoint: (StringConstructor | NumberConstructor)[];
     backdrop: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
 };
 export type DrawerPosition = typeof drawerPosition[number];
@@ -31,53 +42,75 @@ type InternalClasses = 'wrapper' | 'backdrop';
 export interface DrawerTheme extends ThemeComponent<DrawerProps, InternalClasses> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: BooleanConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        description: string;
+    };
     position: {
         type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
+        description: string;
     };
     teleportTo: {
         type: PropType<string | HTMLElement>;
         default: string;
+        description: string;
     };
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
+    };
+    breakpoint: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
     };
-    breakpoint: (StringConstructor | NumberConstructor)[];
     backdrop: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
 }>, {
     open: () => void;
     close: (e?: PointerEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: BooleanConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        description: string;
+    };
     position: {
         type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
+        description: string;
     };
     teleportTo: {
         type: PropType<string | HTMLElement>;
         default: string;
+        description: string;
     };
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     height: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
+    };
+    breakpoint: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
     };
-    breakpoint: (StringConstructor | NumberConstructor)[];
     backdrop: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/lib/components/drawer/Drawer.vue_vue_type_script_setup_true_lang.js

@@ -16,28 +16,51 @@ var D = {
 		"top",
 		"bottom"
 	] },
+	docs: {
+		slots: {
+			default: "Main drawer body (scrollable).",
+			header: "Content above the scrollable body.",
+			footer: "Content below the scrollable body."
+		},
+		emits: { "update:modelValue": "Emitted when open state changes (v-model)." },
+		methods: {
+			open: "Open the drawer.",
+			close: "Close the drawer."
+		}
+	},
 	props: {
-		modelValue: Boolean,
+		modelValue: {
+			type: Boolean,
+			description: "Open state (v-model)."
+		},
 		position: {
 			type: String,
-			default: "left"
+			default: "left",
+			description: "Edge the drawer attaches to (left, right, top, bottom)."
 		},
 		teleportTo: {
 			type: [String, Object],
-			default: "body"
+			default: "body",
+			description: "Teleport target when the drawer is detached (overlay mode)."
 		},
 		width: {
 			type: [String, Number],
-			default: 220
+			default: 220,
+			description: "Panel width in pixels when position is left or right."
 		},
 		height: {
 			type: [String, Number],
-			default: 320
+			default: 320,
+			description: "Panel height in pixels when position is top or bottom."
+		},
+		breakpoint: {
+			type: [String, Number],
+			description: "Below this viewport size the drawer becomes an overlay. Tailwind key or pixel width."
 		},
-		breakpoint: [String, Number],
 		backdrop: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Shows a dimmed backdrop behind the drawer when detached."
 		}
 	},
 	emits: ["update:modelValue"],

package/lib/components/empty/Empty.vue.d.ts

@@ -2,17 +2,25 @@ import { type ExtractPublicPropTypes } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 import { type Size } from '../../composables/useCommon';
 declare const emptyProps: {
-    title: StringConstructor;
-    description: StringConstructor;
+    title: {
+        type: StringConstructor;
+        description: string;
+    };
+    description: {
+        type: StringConstructor;
+        description: string;
+    };
     icon: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     bordered: import("vue").Prop<boolean | undefined>;
     size: {
         readonly type: import("vue").PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
 };
 export type EmptyProps = ExtractPublicPropTypes<typeof emptyProps>;
@@ -20,30 +28,46 @@ type InternalClasses = 'wrapper' | 'bordered' | 'icon' | 'title' | 'description'
 export interface EmptyTheme extends ThemeComponent<EmptyProps, InternalClasses> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    title: StringConstructor;
-    description: StringConstructor;
+    title: {
+        type: StringConstructor;
+        description: string;
+    };
+    description: {
+        type: StringConstructor;
+        description: string;
+    };
     icon: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     bordered: import("vue").Prop<boolean | undefined>;
     size: {
         readonly type: import("vue").PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    title: StringConstructor;
-    description: StringConstructor;
+    title: {
+        type: StringConstructor;
+        description: string;
+    };
+    description: {
+        type: StringConstructor;
+        description: string;
+    };
     icon: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     bordered: import("vue").Prop<boolean | undefined>;
     size: {
         readonly type: import("vue").PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
+        readonly description: "Control size. One of xs, sm, md, lg, xl.";
     };
 }>> & Readonly<{}>, {
     icon: string;

package/lib/components/empty/Empty.vue_vue_type_script_setup_true_lang.js

@@ -8,16 +8,29 @@ import { computed as o, createBlock as s, createCommentVNode as c, createElement
 //#region src/components/empty/Empty.vue?vue&type=script&setup=true&lang.ts
 var _ = {
 	...r.props(),
-	title: String,
-	description: String,
+	title: {
+		type: String,
+		description: "Primary empty-state heading."
+	},
+	description: {
+		type: String,
+		description: "Supporting text shown below the title."
+	},
 	icon: {
 		type: String,
-		default: a
+		default: a,
+		description: "Icon name shown above the title."
 	},
-	bordered: n()
+	bordered: n("Adds a border around the empty state.")
 }, v = /* @__PURE__ */ u({
 	name: "XEmpty",
 	validators: { ...r.validators() },
+	docs: { slots: {
+		icon: "Custom icon; overrides the `icon` prop.",
+		title: "Custom title content; overrides the `title` prop.",
+		description: "Custom description content; overrides the `description` prop.",
+		actions: "Action controls shown below the description."
+	} },
 	props: _,
 	setup(n) {
 		let r = [

package/lib/components/form/Form.vue.d.ts

@@ -4,21 +4,34 @@ declare const formProps: {
     autoValidate: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     autoFocus: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
     };
-    disabled: BooleanConstructor;
     errors: {
         type: PropType<FormError | FormError[]>;
         default: () => never[];
+        description: string;
+    };
+    title: {
+        type: StringConstructor;
+        description: string;
+    };
+    description: {
+        type: StringConstructor;
+        description: string;
     };
-    title: StringConstructor;
-    description: StringConstructor;
     hasFooter: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
 };
 export type FormProps = ExtractPublicPropTypes<typeof formProps>;
@@ -44,21 +57,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     autoValidate: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     autoFocus: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
     };
-    disabled: BooleanConstructor;
     errors: {
         type: PropType<FormError | FormError[]>;
         default: () => never[];
+        description: string;
+    };
+    title: {
+        type: StringConstructor;
+        description: string;
+    };
+    description: {
+        type: StringConstructor;
+        description: string;
     };
-    title: StringConstructor;
-    description: StringConstructor;
     hasFooter: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
 }>, {
     validate: () => boolean;
@@ -67,21 +93,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     autoValidate: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     autoFocus: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
     };
-    disabled: BooleanConstructor;
     errors: {
         type: PropType<FormError | FormError[]>;
         default: () => never[];
+        description: string;
+    };
+    title: {
+        type: StringConstructor;
+        description: string;
+    };
+    description: {
+        type: StringConstructor;
+        description: string;
     };
-    title: StringConstructor;
-    description: StringConstructor;
     hasFooter: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
 }>> & Readonly<{
     onSubmit?: ((...args: any[]) => any) | undefined;

package/lib/components/form/Form.vue_vue_type_script_setup_true_lang.js

@@ -7,25 +7,52 @@ var g = {
 	class: "mb-6"
 }, _ = ["disabled"], v = /* @__PURE__ */ a({
 	name: "XForm",
+	docs: {
+		slots: {
+			default: "Form fields and content inside the fieldset.",
+			header: "Custom header; overrides the default title/description block.",
+			footer: "Custom footer; wraps primary and secondary actions by default.",
+			"primary-action": "Primary action control in the default footer.",
+			"secondary-action": "Secondary action control in the default footer."
+		},
+		emits: { submit: "Emitted on form submit with whether validation passed." },
+		methods: {
+			validate: "Validate all registered fields; focuses the first invalid field.",
+			submit: "Programmatically submit the form (runs auto-validate when enabled)."
+		}
+	},
 	props: {
 		autoValidate: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Runs validation on all registered fields before emitting submit."
 		},
 		autoFocus: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Focuses the first registered field when the form mounts."
+		},
+		disabled: {
+			type: Boolean,
+			description: "Disables all fields inside the form fieldset."
 		},
-		disabled: Boolean,
 		errors: {
 			type: [Array, Object],
-			default: () => []
+			default: () => [],
+			description: "External field errors (`field` + `msg`) applied to registered inputs."
+		},
+		title: {
+			type: String,
+			description: "Optional title shown in the default header."
+		},
+		description: {
+			type: String,
+			description: "Optional description shown under the title in the default header."
 		},
-		title: String,
-		description: String,
 		hasFooter: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Renders the footer slot area for form actions."
 		}
 	},
 	emits: ["submit"],