@indielayer/ui 2.0.0 → 2.1.0

package/lib/components/skeleton/Skeleton.vue.d.ts

@@ -6,11 +6,13 @@ declare const skeletonProps: {
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     shape: {
         type: PropType<"line" | "circle">;
         default: string;
         validator: (val: SkeletonShape) => boolean;
+        description: string;
     };
 };
 export type SkeletonProps = ExtractPublicPropTypes<typeof skeletonProps>;
@@ -21,21 +23,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     shape: {
         type: PropType<"line" | "circle">;
         default: string;
         validator: (val: "line" | "circle") => boolean;
+        description: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     shape: {
         type: PropType<"line" | "circle">;
         default: string;
         validator: (val: "line" | "circle") => boolean;
+        description: string;
     };
 }>> & Readonly<{}>, {
     tag: string;

package/lib/components/skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js

@@ -4,15 +4,18 @@ import { createBlock as t, createTextVNode as n, defineComponent as r, normalize
 var u = { shape: ["line", "circle"] }, d = /* @__PURE__ */ r({
 	name: "XSkeleton",
 	validators: u,
+	docs: {},
 	props: {
 		tag: {
 			type: String,
-			default: "div"
+			default: "div",
+			description: "Root element tag."
 		},
 		shape: {
 			type: String,
 			default: "line",
-			validator: (e) => u.shape.includes(e)
+			validator: (e) => u.shape.includes(e),
+			description: "Placeholder shape (line or circle)."
 		}
 	},
 	setup(r) {

package/lib/components/slider/Slider.js

@@ -2,6 +2,6 @@ import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./Slider.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                       */
 //#region src/components/slider/Slider.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-15beb8d9"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-5680a60a"]]);
 //#endregion
 export { n as default };

package/lib/components/slider/Slider.vue.d.ts

@@ -4,47 +4,94 @@ declare const sliderProps: {
     min: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     max: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     step: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     modelValue: {
         readonly type: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
+        readonly description: "Bound value (v-model).";
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly description: "Native id attribute for the input element.";
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly description: "Native name attribute for form submission.";
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly description: "Makes the field read-only without disabling it.";
+    };
+    required: {
+        readonly type: BooleanConstructor;
+        readonly description: "Marks the field as required for validation.";
     };
-    id: StringConstructor;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    required: BooleanConstructor;
     validateOnInput: {
         readonly type: BooleanConstructor;
         readonly default: true;
+        readonly description: "Runs validation on each input event when true.";
+    };
+    label: {
+        readonly type: StringConstructor;
+        readonly description: "Visible label text for the field.";
+    };
+    helper: {
+        readonly type: StringConstructor;
+        readonly description: "Helper text shown below the field.";
+    };
+    error: {
+        readonly type: StringConstructor;
+        readonly description: "External error message; overrides rule errors when set.";
+    };
+    hideFooter: {
+        readonly type: BooleanConstructor;
+        readonly description: "Hides the footer area (helper / error).";
     };
-    label: StringConstructor;
-    helper: StringConstructor;
-    error: StringConstructor;
-    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
+        readonly description: "Validation rule functions or rule descriptors.";
+    };
+    tooltip: {
+        readonly type: StringConstructor;
+        readonly description: "Optional tooltip text next to the label.";
+    };
+    skipFormRegistry: {
+        readonly type: BooleanConstructor;
+        readonly description: "Skips registering this field with a parent x-form.";
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly description: "Disables interaction and applies disabled styling.";
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly description: "Shows a loading indicator and blocks interaction.";
+    };
+    loadingLabel: {
+        readonly type: StringConstructor;
+        readonly description: "Accessible label announced while loading.";
     };
-    tooltip: StringConstructor;
-    skipFormRegistry: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
     loadingStatus: {
         readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
         readonly default: "active";
+        readonly description: "Loader visual status (for example active or indeterminate).";
     };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 };
 export type SliderProps = ExtractPublicPropTypes<typeof sliderProps>;
@@ -55,47 +102,94 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     min: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     max: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     step: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     modelValue: {
         readonly type: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
+        readonly description: "Bound value (v-model).";
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly description: "Native id attribute for the input element.";
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly description: "Native name attribute for form submission.";
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly description: "Makes the field read-only without disabling it.";
+    };
+    required: {
+        readonly type: BooleanConstructor;
+        readonly description: "Marks the field as required for validation.";
     };
-    id: StringConstructor;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    required: BooleanConstructor;
     validateOnInput: {
         readonly type: BooleanConstructor;
         readonly default: true;
+        readonly description: "Runs validation on each input event when true.";
+    };
+    label: {
+        readonly type: StringConstructor;
+        readonly description: "Visible label text for the field.";
+    };
+    helper: {
+        readonly type: StringConstructor;
+        readonly description: "Helper text shown below the field.";
+    };
+    error: {
+        readonly type: StringConstructor;
+        readonly description: "External error message; overrides rule errors when set.";
+    };
+    hideFooter: {
+        readonly type: BooleanConstructor;
+        readonly description: "Hides the footer area (helper / error).";
     };
-    label: StringConstructor;
-    helper: StringConstructor;
-    error: StringConstructor;
-    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
+        readonly description: "Validation rule functions or rule descriptors.";
+    };
+    tooltip: {
+        readonly type: StringConstructor;
+        readonly description: "Optional tooltip text next to the label.";
+    };
+    skipFormRegistry: {
+        readonly type: BooleanConstructor;
+        readonly description: "Skips registering this field with a parent x-form.";
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly description: "Disables interaction and applies disabled styling.";
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly description: "Shows a loading indicator and blocks interaction.";
+    };
+    loadingLabel: {
+        readonly type: StringConstructor;
+        readonly description: "Accessible label announced while loading.";
     };
-    tooltip: StringConstructor;
-    skipFormRegistry: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
     loadingStatus: {
         readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
         readonly default: "active";
+        readonly description: "Loader visual status (for example active or indeterminate).";
     };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 }>, {
     focus: () => void | undefined;
@@ -107,47 +201,94 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     min: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     max: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     step: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
     };
     modelValue: {
         readonly type: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
+        readonly description: "Bound value (v-model).";
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly description: "Native id attribute for the input element.";
+    };
+    name: {
+        readonly type: StringConstructor;
+        readonly description: "Native name attribute for form submission.";
+    };
+    readonly: {
+        readonly type: BooleanConstructor;
+        readonly description: "Makes the field read-only without disabling it.";
+    };
+    required: {
+        readonly type: BooleanConstructor;
+        readonly description: "Marks the field as required for validation.";
     };
-    id: StringConstructor;
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    required: BooleanConstructor;
     validateOnInput: {
         readonly type: BooleanConstructor;
         readonly default: true;
+        readonly description: "Runs validation on each input event when true.";
+    };
+    label: {
+        readonly type: StringConstructor;
+        readonly description: "Visible label text for the field.";
+    };
+    helper: {
+        readonly type: StringConstructor;
+        readonly description: "Helper text shown below the field.";
+    };
+    error: {
+        readonly type: StringConstructor;
+        readonly description: "External error message; overrides rule errors when set.";
+    };
+    hideFooter: {
+        readonly type: BooleanConstructor;
+        readonly description: "Hides the footer area (helper / error).";
     };
-    label: StringConstructor;
-    helper: StringConstructor;
-    error: StringConstructor;
-    hideFooter: BooleanConstructor;
     rules: {
         readonly type: ArrayConstructor;
         readonly default: () => never[];
+        readonly description: "Validation rule functions or rule descriptors.";
+    };
+    tooltip: {
+        readonly type: StringConstructor;
+        readonly description: "Optional tooltip text next to the label.";
+    };
+    skipFormRegistry: {
+        readonly type: BooleanConstructor;
+        readonly description: "Skips registering this field with a parent x-form.";
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly description: "Disables interaction and applies disabled styling.";
+    };
+    loading: {
+        readonly type: BooleanConstructor;
+        readonly description: "Shows a loading indicator and blocks interaction.";
+    };
+    loadingLabel: {
+        readonly type: StringConstructor;
+        readonly description: "Accessible label announced while loading.";
     };
-    tooltip: StringConstructor;
-    skipFormRegistry: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
     loadingStatus: {
         readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
         readonly default: "active";
+        readonly description: "Loader visual status (for example active or indeterminate).";
     };
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 }>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;

package/lib/components/slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -22,19 +22,30 @@ var S = { class: "flex items-center relative w-full gap-2 min-h-[1.25rem]" }, C
 	...i.props(),
 	min: {
 		type: [Number, String],
-		default: 0
+		default: 0,
+		description: "Minimum value of the range."
 	},
 	max: {
 		type: [Number, String],
-		default: 100
+		default: 100,
+		description: "Maximum value of the range."
 	},
 	step: {
 		type: [Number, String],
-		default: 1
+		default: 1,
+		description: "Increment between selectable values."
 	}
 }, E = /* @__PURE__ */ d({
 	name: "XSlider",
 	validators: { ...n.validators() },
+	docs: {
+		slots: {
+			prefix: "Content before the track (`value`).",
+			suffix: "Content after the track (`value`)."
+		},
+		emits: { ...i.emitDocs() },
+		methods: { ...i.methodDocs() }
+	},
 	props: T,
 	emits: i.emits(),
 	setup(e, { expose: n, emit: d }) {

package/lib/components/spinner/Spinner.vue.d.ts

@@ -3,11 +3,13 @@ declare const spinnerProps: {
     icon: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     size: {
         readonly type: import("vue").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 SpinnerProps = ExtractPublicPropTypes<typeof spinnerProps>;
@@ -15,21 +17,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     icon: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     size: {
         readonly type: import("vue").PropType<import("../../composables/useCommon").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<{
     icon: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     size: {
         readonly type: import("vue").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<{}>, {
     icon: string;

package/lib/components/spinner/Spinner.vue_vue_type_script_setup_true_lang.js

@@ -6,11 +6,13 @@ var a = {
 	...e.props(),
 	icon: {
 		type: String,
-		default: "<g stroke-width=\"0\"><path fill=\"currentColor\" d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\".25\"/><path fill=\"currentColor\" d=\"M10.72,19.9a8,8,0,0,1-6.5-9.79A7.77,7.77,0,0,1,10.4,4.16a8,8,0,0,1,9.49,6.52A1.54,1.54,0,0,0,21.38,12h.13a1.37,1.37,0,0,0,1.38-1.54,11,11,0,1,0-12.7,12.39A1.54,1.54,0,0,0,12,21.34h0A1.47,1.47,0,0,0,10.72,19.9Z\"><animateTransform attributeName=\"transform\" dur=\"0.65s\" repeatCount=\"indefinite\" type=\"rotate\" values=\"0 12 12;360 12 12\"/></path></g>"
+		default: "<g stroke-width=\"0\"><path fill=\"currentColor\" d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\".25\"/><path fill=\"currentColor\" d=\"M10.72,19.9a8,8,0,0,1-6.5-9.79A7.77,7.77,0,0,1,10.4,4.16a8,8,0,0,1,9.49,6.52A1.54,1.54,0,0,0,21.38,12h.13a1.37,1.37,0,0,0,1.38-1.54,11,11,0,1,0-12.7,12.39A1.54,1.54,0,0,0,12,21.34h0A1.47,1.47,0,0,0,10.72,19.9Z\"><animateTransform attributeName=\"transform\" dur=\"0.65s\" repeatCount=\"indefinite\" type=\"rotate\" values=\"0 12 12;360 12 12\"/></path></g>",
+		description: "SVG markup or icon name used for the spinner."
 	}
 }, o = /* @__PURE__ */ r({
 	name: "XSpinner",
 	validators: { ...e.validators() },
+	docs: {},
 	props: a,
 	setup(e) {
 		return (e, r) => (i(), n(t, {