@indielayer/ui 2.0.0 → 2.1.0

package/lib/components/toggle/Toggle.vue.d.ts

@@ -5,40 +5,85 @@ declare const toggleProps: {
     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.";
     };
     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 ToggleProps = ExtractPublicPropTypes<typeof toggleProps>;
@@ -50,40 +95,85 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     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.";
     };
     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.";
     };
 }>, {
     focus: () => void | undefined;
@@ -96,40 +186,85 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     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.";
     };
     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<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;

package/lib/components/toggle/Toggle.vue_vue_type_script_setup_true_lang.js

@@ -21,10 +21,14 @@ var S = { class: "flex items-center" }, C = [
 	...e.props("primary"),
 	...i.props(),
 	...o.props(),
-	glow: n()
+	glow: n("Soft colored glow when the toggle is on.")
 }, E = /* @__PURE__ */ p({
 	name: "XToggle",
 	validators: { ...r.validators() },
+	docs: {
+		emits: { ...o.emitDocs(!1) },
+		methods: { ...o.methodDocs() }
+	},
 	props: T,
 	emits: o.emits(!1),
 	setup(e, { expose: n, emit: r }) {

package/lib/components/tooltip/ToggleTip.vue.d.ts

@@ -1,14 +1,32 @@
 import { type ExtractPublicPropTypes } from 'vue';
 declare const toggleTipProps: {
-    content: StringConstructor;
-    icon: StringConstructor;
+    content: {
+        type: StringConstructor;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
 };
 export type ToggleTipProps = ExtractPublicPropTypes<typeof toggleTipProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    content: StringConstructor;
-    icon: StringConstructor;
+    content: {
+        type: StringConstructor;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    content: StringConstructor;
-    icon: StringConstructor;
+    content: {
+        type: StringConstructor;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/tooltip/ToggleTip.vue_vue_type_script_setup_true_lang.js

@@ -5,9 +5,16 @@ import { computed as n, createBlock as r, createElementVNode as i, createVNode a
 //#region src/components/tooltip/ToggleTip.vue?vue&type=script&setup=true&lang.ts
 var l = ["innerHTML"], u = /* @__PURE__ */ o({
 	name: "XToggleTip",
+	docs: {},
 	props: {
-		content: String,
-		icon: String
+		content: {
+			type: String,
+			description: "HTML or text shown inside the tooltip."
+		},
+		icon: {
+			type: String,
+			description: "Icon name for the trigger. Defaults to the info icon."
+		}
 	},
 	setup(o) {
 		let u = o, d = n(() => u.icon || "<path d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />");

package/lib/components/tooltip/Tooltip.vue.d.ts

@@ -4,12 +4,20 @@ declare const tooltipProps: {
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
     };
-    tooltip: StringConstructor;
-    disabled: BooleanConstructor;
     position: {
         type: PropType<TooltipPosition>;
         default: string;
+        description: string;
     };
 };
 export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
@@ -21,23 +29,39 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
     };
-    tooltip: StringConstructor;
-    disabled: BooleanConstructor;
     position: {
         type: PropType<TooltipPosition>;
         default: string;
+        description: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        description: string;
     };
-    tooltip: StringConstructor;
-    disabled: BooleanConstructor;
     position: {
         type: PropType<TooltipPosition>;
         default: string;
+        description: string;
     };
 }>> & Readonly<{}>, {
     disabled: boolean;

package/lib/components/tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js

@@ -3,16 +3,28 @@ import { Teleport as t, Transition as n, computed as r, createBlock as i, create
 //#region src/components/tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
 var x = /* @__PURE__ */ u({
 	name: "XTooltip",
+	docs: { slots: {
+		default: "Trigger content the tooltip is attached to.",
+		tooltip: "Custom tooltip content; overrides the `tooltip` prop."
+	} },
 	props: {
 		tag: {
 			type: String,
-			default: "div"
+			default: "div",
+			description: "Root element tag wrapping the trigger."
+		},
+		tooltip: {
+			type: String,
+			description: "Tooltip text shown on hover. Prefer the tooltip slot for custom content."
+		},
+		disabled: {
+			type: Boolean,
+			description: "Disables showing the tooltip."
 		},
-		tooltip: String,
-		disabled: Boolean,
 		position: {
 			type: String,
-			default: "bottom"
+			default: "bottom",
+			description: "Preferred placement relative to the trigger (top, bottom, left, right)."
 		}
 	},
 	setup(u) {