@indielayer/ui 2.0.0 → 2.1.0

package/lib/components/badge/Badge.vue.d.ts

@@ -6,32 +6,47 @@ declare const badgeProps: {
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     position: {
         type: PropType<"top" | "bottom">;
         default: string;
+        description: string;
     };
     align: {
         type: PropType<"left" | "right">;
         default: string;
+        description: string;
+    };
+    offsetX: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
+    };
+    offsetY: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
     };
-    offsetX: (StringConstructor | NumberConstructor)[];
-    offsetY: (StringConstructor | NumberConstructor)[];
     animated: import("vue").Prop<boolean | undefined>;
     outlined: import("vue").Prop<boolean | undefined>;
-    icon: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
     show: {
         type: BooleanConstructor;
         default: boolean;
+        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 BadgePosition = typeof badgePosition[number];
@@ -44,63 +59,93 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     position: {
         type: PropType<"top" | "bottom">;
         default: string;
+        description: string;
     };
     align: {
         type: PropType<"left" | "right">;
         default: string;
+        description: string;
+    };
+    offsetX: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
+    };
+    offsetY: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
     };
-    offsetX: (StringConstructor | NumberConstructor)[];
-    offsetY: (StringConstructor | NumberConstructor)[];
     animated: import("vue").Prop<boolean | undefined>;
     outlined: import("vue").Prop<boolean | undefined>;
-    icon: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
     show: {
         type: BooleanConstructor;
         default: boolean;
+        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.";
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     position: {
         type: PropType<"top" | "bottom">;
         default: string;
+        description: string;
     };
     align: {
         type: PropType<"left" | "right">;
         default: string;
+        description: string;
+    };
+    offsetX: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
+    };
+    offsetY: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
     };
-    offsetX: (StringConstructor | NumberConstructor)[];
-    offsetY: (StringConstructor | NumberConstructor)[];
     animated: import("vue").Prop<boolean | undefined>;
     outlined: import("vue").Prop<boolean | undefined>;
-    icon: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
     show: {
         type: BooleanConstructor;
         default: boolean;
+        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<{}>, {
     tag: string;

package/lib/components/badge/Badge.vue_vue_type_script_setup_true_lang.js

@@ -13,24 +13,37 @@ var y = { class: "relative inline-block" }, b = {
 	...t.props("primary"),
 	tag: {
 		type: String,
-		default: "div"
+		default: "div",
+		description: "Root element tag."
 	},
 	position: {
 		type: String,
-		default: "top"
+		default: "top",
+		description: "Vertical placement of the badge relative to the content (top, bottom)."
 	},
 	align: {
 		type: String,
-		default: "right"
+		default: "right",
+		description: "Horizontal placement of the badge relative to the content (left, right)."
+	},
+	offsetX: {
+		type: [Number, String],
+		description: "Horizontal offset in pixels from the aligned edge."
+	},
+	offsetY: {
+		type: [Number, String],
+		description: "Vertical offset in pixels from the positioned edge."
+	},
+	animated: r("Adds a ping animation around the badge."),
+	outlined: r("Adds a border around the badge."),
+	icon: {
+		type: String,
+		description: "Icon name for the badge indicator. Prefer the content slot for custom content."
 	},
-	offsetX: [Number, String],
-	offsetY: [Number, String],
-	animated: r(),
-	outlined: r(),
-	icon: String,
 	show: {
 		type: Boolean,
-		default: !0
+		default: !0,
+		description: "Controls whether the badge indicator is visible."
 	}
 }, w = /* @__PURE__ */ u({
 	name: "XBadge",
@@ -39,6 +52,10 @@ var y = { class: "relative inline-block" }, b = {
 		position: S,
 		align: x
 	},
+	docs: { slots: {
+		default: "Content the badge is attached to.",
+		content: "Badge label or custom indicator content."
+	} },
 	props: C,
 	setup(t) {
 		let r = t, i = e("Badge", r), u = _(), x = a(() => {

package/lib/components/breadcrumbs/Breadcrumbs.vue.d.ts

@@ -1,17 +1,25 @@
 import { type ExtractPublicPropTypes, type PropType } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 declare const breadcrumbsProps: {
-    items: PropType<BreadcrumbsItem[]>;
+    items: {
+        type: PropType<BreadcrumbsItem[]>;
+        description: string;
+    };
     separator: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
     };
-    icon: StringConstructor;
     shadow: import("vue").Prop<boolean | undefined>;
     underline: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 };
 export type BreadcrumbsItem = {
@@ -28,30 +36,46 @@ type InternalClasses = 'wrapper' | 'item' | 'separator';
 export interface BreadcrumbsTheme extends ThemeComponent<BreadcrumbsProps, InternalClasses> {
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    items: PropType<BreadcrumbsItem[]>;
+    items: {
+        type: PropType<BreadcrumbsItem[]>;
+        description: string;
+    };
     separator: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
     };
-    icon: StringConstructor;
     shadow: import("vue").Prop<boolean | undefined>;
     underline: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    items: PropType<BreadcrumbsItem[]>;
+    items: {
+        type: PropType<BreadcrumbsItem[]>;
+        description: string;
+    };
     separator: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
     };
-    icon: StringConstructor;
     shadow: import("vue").Prop<boolean | undefined>;
     underline: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
+        readonly description: "Theme or CSS color used for the control accents.";
     };
 }>> & Readonly<{}>, {
     color: string;

package/lib/components/breadcrumbs/Breadcrumbs.vue_vue_type_script_setup_true_lang.js

@@ -7,16 +7,24 @@ import { Fragment as a, createBlock as o, createCommentVNode as s, createElement
 //#region src/components/breadcrumbs/Breadcrumbs.vue?vue&type=script&setup=true&lang.ts
 var b = { key: 1 }, x = /* @__PURE__ */ f({
 	name: "XBreadcrumbs",
+	docs: {},
 	props: {
 		...e.props(),
-		items: Array,
+		items: {
+			type: Array,
+			description: "Breadcrumb items with label and optional to, href, icon, and style overrides."
+		},
 		separator: {
 			type: String,
-			default: "/"
+			default: "/",
+			description: "Text separator between items when `icon` is not set."
+		},
+		icon: {
+			type: String,
+			description: "Icon name used as the separator between items."
 		},
-		icon: String,
-		shadow: n(),
-		underline: n()
+		shadow: n("Applies the link shadow style to items."),
+		underline: n("Underlines item links.")
 	},
 	setup(e) {
 		let { styles: n, classes: f, className: x } = t("Breadcrumbs", {}, e);

package/lib/components/button/Button.js

@@ -1,6 +1,6 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./Button.vue_vue_type_script_setup_true_lang.js";
-import n from "./Button.vue_vue_type_style_index_0_scoped_4402fde2_lang.module.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }], ["__scopeId", "data-v-4402fde2"]]);
+import n from "./Button.vue_vue_type_style_index_0_scoped_486cb9c0_lang.module.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }], ["__scopeId", "data-v-486cb9c0"]]);
 //#endregion
 export { r as default };

package/lib/components/button/Button.vue.d.ts

@@ -1,18 +1,42 @@
-import { type ExtractPublicPropTypes } from 'vue';
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
+import type { TooltipPosition } from '../tooltip/Tooltip.vue';
 declare const buttonProps: {
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     type: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconLeft: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconRight: {
+        type: StringConstructor;
+        description: string;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
+    };
+    tooltipPosition: {
+        type: PropType<TooltipPosition>;
+        default: string;
+        description: string;
     };
-    icon: StringConstructor;
-    iconLeft: StringConstructor;
-    iconRight: StringConstructor;
-    to: (ObjectConstructor | StringConstructor)[];
     outlined: import("vue").Prop<boolean | undefined>;
     rounded: import("vue").Prop<boolean | undefined>;
     glow: import("vue").Prop<boolean | undefined>;
@@ -20,27 +44,41 @@ declare const buttonProps: {
     light: import("vue").Prop<boolean | undefined>;
     flat: import("vue").Prop<boolean | undefined>;
     block: import("vue").Prop<boolean | undefined>;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
+    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.";
+    };
     loadingStatus: {
-        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly type: 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 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 ButtonProps = ExtractPublicPropTypes<typeof buttonProps>;
 type InternalClasses = 'wrapper' | 'iconLeft' | 'iconRight';
 type InternalExtraData = {
     isButtonGroup: boolean;
+    buttonGroupPosition: import('../../common/buttonGroupRadius').ButtonGroupPosition | undefined;
+    buttonGroupRounded: boolean;
     isInsideInputGroup: boolean;
     inputGroupPosition: import('../../common/inputGroupRadius').InputGroupPosition | undefined;
 };
@@ -50,15 +88,38 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     type: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconLeft: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconRight: {
+        type: StringConstructor;
+        description: string;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
+    };
+    tooltipPosition: {
+        type: PropType<TooltipPosition>;
+        default: string;
+        description: string;
     };
-    icon: StringConstructor;
-    iconLeft: StringConstructor;
-    iconRight: StringConstructor;
-    to: (ObjectConstructor | StringConstructor)[];
     outlined: import("vue").Prop<boolean | undefined>;
     rounded: import("vue").Prop<boolean | undefined>;
     glow: import("vue").Prop<boolean | undefined>;
@@ -66,21 +127,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     light: import("vue").Prop<boolean | undefined>;
     flat: import("vue").Prop<boolean | undefined>;
     block: import("vue").Prop<boolean | undefined>;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
+    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.";
+    };
     loadingStatus: {
-        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly type: 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 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.";
     };
 }>, {
     focus: () => void | undefined;
@@ -89,15 +162,38 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     tag: {
         type: StringConstructor;
         default: string;
+        description: string;
     };
     type: {
         type: StringConstructor;
         default: string;
+        description: string;
+    };
+    icon: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconLeft: {
+        type: StringConstructor;
+        description: string;
+    };
+    iconRight: {
+        type: StringConstructor;
+        description: string;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
+    };
+    tooltipPosition: {
+        type: PropType<TooltipPosition>;
+        default: string;
+        description: string;
     };
-    icon: StringConstructor;
-    iconLeft: StringConstructor;
-    iconRight: StringConstructor;
-    to: (ObjectConstructor | StringConstructor)[];
     outlined: import("vue").Prop<boolean | undefined>;
     rounded: import("vue").Prop<boolean | undefined>;
     glow: import("vue").Prop<boolean | undefined>;
@@ -105,21 +201,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     light: import("vue").Prop<boolean | undefined>;
     flat: import("vue").Prop<boolean | undefined>;
     block: import("vue").Prop<boolean | undefined>;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
+    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.";
+    };
     loadingStatus: {
-        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly type: 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 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<{}>, {
     disabled: boolean;
@@ -127,9 +235,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     tag: string;
     color: string;
     size: import("../../composables/useCommon").Size;
+    tooltipPosition: TooltipPosition;
     loading: boolean;
     loadingStatus: import("../loader/Loader.vue").LoaderStatus;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    tooltip?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;