@indielayer/ui 2.0.0 → 2.1.0

package/lib/components/tab/theme/Tab.base.theme.js

@@ -1,13 +1,13 @@
 //#region src/components/tab/theme/Tab.base.theme.ts
-var e = { classes: {
-	wrapper: ({ props: e, data: t }) => {
-		let n = ["transition-colors duration-150 ease-in-out whitespace-nowrap text-center"];
-		return t.variant === "line" && n.push("py-2"), t.variant === "block" && n.push("py-1 px-8"), e.size === "xs" ? n.push("text-xs") : e.size === "sm" ? n.push("text-sm") : e.size === "lg" ? n.push("text-lg") : e.size === "xl" && n.push("text-xl"), n;
+var e = (e, t) => t ? e === "xs" ? "h-6 w-6" : e === "sm" ? "h-7 w-7" : e === "lg" ? "h-10 w-10" : e === "xl" ? "h-11 w-11" : "h-7 w-7" : e === "xs" ? "text-xs min-h-6" : e === "sm" ? "text-sm min-h-7" : e === "lg" ? "text-lg min-h-10" : e === "xl" ? "text-xl min-h-11" : "text-sm min-h-7", t = { classes: {
+	wrapper: ({ props: t, data: n }) => {
+		let r = ["transition-colors duration-150 ease-in-out whitespace-nowrap text-center"];
+		return n.variant === "line" && r.push("py-2"), n.variant === "block" && r.push("py-1 px-8"), n.variant === "compact" ? (n.showLabel && r.push("px-2.5"), r.push(e(t.size, !n.showLabel))) : t.size === "xs" ? r.push("text-xs") : t.size === "sm" ? r.push("text-sm") : t.size === "lg" ? r.push("text-lg") : t.size === "xl" && r.push("text-xl"), r;
 	},
 	content: "flex items-center justify-center",
 	label: "font-medium",
-	icon: "mr-1.5",
+	icon: ({ data: e }) => e.showLabel ? "mr-1.5" : "",
 	tabpanel: "py-2"
 } };
 //#endregion
-export { e as default };
+export { t as default };

package/lib/components/tab/theme/Tab.carbon.theme.js

@@ -1,16 +1,16 @@
 //#region src/components/tab/theme/Tab.carbon.theme.ts
-var e = { classes: {
-	wrapper: ({ props: e, data: t }) => {
-		let n = ["py-2 transition-colors duration-150 ease-in-out whitespace-nowrap text-left"];
-		return t.variant, n.push("px-4"), e.size === "lg" ? n.push("text-lg") : e.size === "xl" ? n.push("text-xl") : n.push("text-sm"), n;
+var e = (e, t) => t ? e === "xs" ? "h-6 w-6" : e === "sm" ? "h-7 w-7" : e === "lg" ? "h-10 w-10" : e === "xl" ? "h-11 w-11" : "h-7 w-7" : e === "xs" ? "text-xs min-h-6" : e === "sm" ? "text-sm min-h-7" : e === "lg" ? "text-lg min-h-10" : e === "xl" ? "text-xl min-h-11" : "text-sm min-h-7", t = { classes: {
+	wrapper: ({ props: t, data: n }) => {
+		let r = ["transition-colors duration-150 ease-in-out whitespace-nowrap text-left"];
+		return n.variant === "compact" ? (n.showLabel && r.push("px-2.5"), r.push(e(t.size, !n.showLabel))) : (r.push("py-2 px-4"), t.size === "lg" ? r.push("text-lg") : t.size === "xl" ? r.push("text-xl") : r.push("text-sm")), r;
 	},
 	content: "flex items-center justify-start",
 	label: ({ data: e }) => {
 		let t = [""];
 		return e.selected && t.push("font-medium"), t;
 	},
-	icon: "mr-1.5",
+	icon: ({ data: e }) => e.showLabel ? "mr-1.5" : "",
 	tabpanel: "py-4"
 } };
 //#endregion
-export { e as default };
+export { t as default };

package/lib/components/tab/theme/TabGroup.base.theme.js

@@ -4,25 +4,25 @@ var e = {
 		wrapper: "",
 		scroller: ({ props: e }) => {
 			let t = [""];
-			return e.fullWidth || t.push("!w-fit"), e.variant === "block" && t.push("rounded-lg"), e.variant === "block" && !e.ghost && t.push("bg-secondary-100 dark:bg-secondary-800 p-1"), t;
+			return (!e.fullWidth || e.variant === "compact") && t.push("!w-fit"), (e.variant === "block" || e.variant === "compact") && t.push("rounded-lg"), e.variant === "block" && !e.ghost && t.push("bg-secondary-200/80 dark:bg-secondary-800 p-1"), e.variant === "compact" && !e.ghost && t.push("bg-secondary-200/80 dark:bg-secondary-800 p-1"), t;
 		},
 		list: ({ props: e }) => {
 			let t = ["flex min-w-full w-fit"];
-			return e.variant === "line" && t.push("border-b border-secondary-200 dark:border-secondary-700"), e.variant === "line" && !e.grow && t.push("space-x-8"), e.variant === "block" && t.push("z-[1]"), e.align === "center" && t.push("justify-center"), e.align === "right" && t.push("justify-end"), t;
+			return e.variant === "line" && t.push("border-b border-secondary-200 dark:border-secondary-700"), e.variant === "line" && !e.grow && t.push("space-x-8"), (e.variant === "block" || e.variant === "compact") && t.push("z-[1] space-x-1"), e.align === "center" && t.push("justify-center"), e.align === "right" && t.push("justify-end"), t;
 		},
 		tracker: ({ props: e }) => {
 			let t = ["absolute transition-all duration-150"];
-			return e.variant === "line" && t.push("h-[2px] -mt-[2px] bg-[color:var(--x-tab-group-text)] dark:bg-[color:var(--x-tab-group-dark-text)]"), e.variant === "block" && t.push("rounded-md h-full top-0 bg-[color:var(--x-tab-group-bg)] dark:bg-[color:var(--x-tab-group-dark-bg)]"), t;
+			return e.variant === "line" && t.push("h-[2px] -mt-[2px] bg-[color:var(--x-tab-group-text)] dark:bg-[color:var(--x-tab-group-dark-text)]"), (e.variant === "block" || e.variant === "compact") && t.push("rounded-md h-full top-0 bg-[color:var(--x-tab-group-bg)] dark:bg-[color:var(--x-tab-group-dark-bg)]"), t;
 		}
 	},
 	styles: ({ props: e, colors: t, css: n }) => {
 		let r = t.getPalette("secondary"), i = t.getPalette(e.color);
 		return n.variables({
-			text: i[600],
-			bg: e.ghost ? i[50] : "#fff",
+			text: i[700],
+			bg: e.ghost ? i[100] : "#fff",
 			dark: {
-				text: i[400],
-				bg: e.ghost ? i[900] : r[700]
+				text: i[300],
+				bg: (e.ghost, r[700])
 			}
 		});
 	}

package/lib/components/tab/theme/TabGroup.carbon.theme.js

@@ -4,15 +4,15 @@ var e = {
 		wrapper: "",
 		scroller: ({ props: e }) => {
 			let t = [""];
-			return e.fullWidth || t.push("!w-fit"), e.variant === "block" && t.push(""), e.variant === "block" && !e.ghost && t.push("bg-secondary-200 dark:bg-secondary-800"), t;
+			return (!e.fullWidth || e.variant === "compact") && t.push("!w-fit"), e.variant === "block" && t.push(""), e.variant === "block" && !e.ghost && t.push("bg-secondary-200 dark:bg-secondary-800"), e.variant === "compact" && !e.ghost && t.push("bg-secondary-200 dark:bg-secondary-800"), t;
 		},
 		list: ({ props: e }) => {
 			let t = ["flex min-w-full w-fit"];
-			return e.variant === "line" && t.push("border-b border-secondary-200 dark:border-secondary-700"), e.variant === "line" && !e.grow && t.push(""), e.variant === "block" && t.push("z-[1] py-1.5"), e.align === "center" && t.push("justify-center"), e.align === "right" && t.push("justify-end"), t;
+			return e.variant === "line" && t.push("border-b border-secondary-200 dark:border-secondary-700"), e.variant === "line" && !e.grow && t.push(""), e.variant === "block" && t.push("z-[1] py-1.5"), e.variant === "compact" && t.push("z-[1] py-0.5"), e.align === "center" && t.push("justify-center"), e.align === "right" && t.push("justify-end"), t;
 		},
 		tracker: ({ props: e }) => {
 			let t = ["absolute transition-all duration-150"];
-			return e.variant === "line" && t.push("h-[2px] -mt-[2px] bg-[color:var(--x-tab-group-text)] dark:bg-[color:var(--x-tab-group-dark-text)]"), e.variant === "block" && t.push("border-t-2 border-solid border-[color:var(--x-tab-group-text)] dark:border-[color:var(--x-tab-group-dark-text)] h-full top-0 bg-secondary-100 dark:bg-secondary-700"), t;
+			return e.variant === "line" && t.push("h-[2px] -mt-[2px] bg-[color:var(--x-tab-group-text)] dark:bg-[color:var(--x-tab-group-dark-text)]"), (e.variant === "block" || e.variant === "compact") && t.push("border-t-2 border-solid border-[color:var(--x-tab-group-text)] dark:border-[color:var(--x-tab-group-dark-text)] h-full top-0 bg-secondary-100 dark:bg-secondary-700"), t;
 		}
 	},
 	styles: ({ props: e, colors: t, css: n }) => {

package/lib/components/table/Table.vue.d.ts

@@ -6,23 +6,36 @@ declare const tableProps: {
     headers: {
         type: PropType<TableHeader[]>;
         default: () => never[];
+        description: string;
     };
     items: {
         type: ArrayConstructor;
         default: () => never[];
+        description: string;
     };
     sort: {
         type: PropType<string[]>;
         default: () => never[];
+        description: string;
     };
     sortMultiple: import("vue").Prop<boolean | undefined>;
-    loading: BooleanConstructor;
-    loadingSkeleton: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        description: string;
+    };
+    loadingSkeleton: {
+        type: BooleanConstructor;
+        description: string;
+    };
     loadingLines: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
+        description: string;
+    };
+    error: {
+        type: BooleanConstructor;
+        description: string;
     };
-    error: BooleanConstructor;
     dense: import("vue").Prop<boolean | undefined>;
     fixed: import("vue").Prop<boolean | undefined>;
     striped: import("vue").Prop<boolean | undefined>;
@@ -30,33 +43,56 @@ declare const tableProps: {
     scrollable: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     stickyHeader: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
     };
     expandable: import("vue").Prop<boolean | undefined>;
     virtualList: import("vue").Prop<boolean | undefined>;
-    virtualListOffsetTop: NumberConstructor;
-    virtualListOffsetBottom: NumberConstructor;
+    virtualListOffsetTop: {
+        type: NumberConstructor;
+        description: string;
+    };
+    virtualListOffsetBottom: {
+        type: NumberConstructor;
+        description: string;
+    };
     virtualListItemHeight: {
         type: NumberConstructor;
         default: number;
+        description: string;
     };
     virtualListOverscan: {
         type: NumberConstructor;
         default: number;
+        description: string;
+    };
+    keyProp: {
+        type: StringConstructor;
+        description: string;
     };
-    keyProp: StringConstructor;
     selectable: import("vue").Prop<boolean | undefined>;
     singleSelect: import("vue").Prop<boolean | undefined>;
     autoClearSelected: {
         type: BooleanConstructor;
         default: boolean;
+        description: string;
+    };
+    toFn: {
+        type: PropType<(item: unknown) => string | Record<string, unknown> | undefined>;
+        description: string;
+    };
+    hrefFn: {
+        type: PropType<(item: unknown) => string>;
+        description: string;
+    };
+    hrefTarget: {
+        type: PropType<"_blank" | "_self" | "_parent" | "_top">;
+        description: string;
     };
-    toFn: PropType<(item: unknown) => string | Record<string, unknown> | undefined>;
-    hrefFn: PropType<(item: unknown) => string>;
-    hrefTarget: PropType<"_blank" | "_self" | "_parent" | "_top">;
 };
 export type TableHeader = {
     sortable?: boolean;

package/lib/components/table/Table.vue_vue_type_script_setup_true_lang.js

@@ -15,61 +15,116 @@ import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p
 //#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
 var oe = { key: 1 }, se = ["colspan"], j = { key: 2 }, ce = ["colspan"], M = ["onClick"], le = ["colspan"], ue = { key: 0 }, N = /* @__PURE__ */ v({
 	name: "XTable",
+	docs: {
+		slots: {
+			title: "Optional title above the table.",
+			actions: "Optional actions above the table.",
+			"header-[column]": "Header cell content for a column (`header-{value}`).",
+			"item-[column]": "Cell content for a column (`item-{value}`).",
+			"loading-[column]": "Loading cell content for a column (`loading-{value}`).",
+			"footer-[column]": "Footer cell content for a column (`footer-{value}`).",
+			footer: "Custom footer (`tfoot`); overrides per-column footer slots when provided.",
+			empty: "Content when there are no items.",
+			error: "Content when `error` is true.",
+			"expanded-row": "Expanded content for a row when `expandable` is set."
+		},
+		emits: {
+			"update:sort": "Emitted when sort changes (`v-model:sort`).",
+			"update:selected": "Emitted when selection changes (`v-model:selected`).",
+			"click-row": "Emitted when a row is clicked; payload is `(item, index)`."
+		}
+	},
 	props: /* @__PURE__ */ y({
 		headers: {
 			type: Array,
-			default: () => []
+			default: () => [],
+			description: "Column definitions (text, value, sortable, align, width, etc.)."
 		},
 		items: {
 			type: Array,
-			default: () => []
+			default: () => [],
+			description: "Row data array. Cell values resolve from each header `value` path."
 		},
 		sort: {
 			type: Array,
-			default: () => []
+			default: () => [],
+			description: "Active sort entries as `column,-1|1` (use with `v-model:sort`)."
+		},
+		sortMultiple: t("Allow sorting by multiple columns at once."),
+		loading: {
+			type: Boolean,
+			description: "Shows loading rows (skeletons) and a spinner overlay."
+		},
+		loadingSkeleton: {
+			type: Boolean,
+			description: "When set, loading rows use skeleton placeholders."
 		},
-		sortMultiple: t(),
-		loading: Boolean,
-		loadingSkeleton: Boolean,
 		loadingLines: {
 			type: [Number, String],
-			default: 3
+			default: 3,
+			description: "Number of skeleton rows shown while loading."
+		},
+		error: {
+			type: Boolean,
+			description: "Shows the error slot instead of rows."
 		},
-		error: Boolean,
-		dense: t(),
-		fixed: t(),
-		striped: t(),
-		pointer: t(),
+		dense: t("Compact cell padding."),
+		fixed: t("Fixed table layout for consistent column widths."),
+		striped: t("Alternating row background colors."),
+		pointer: t("Pointer cursor on rows (also set when `toFn` or `hrefFn` is used)."),
 		scrollable: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Enables horizontal overflow scrolling for wide tables."
 		},
 		stickyHeader: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Keeps the header row sticky while scrolling."
+		},
+		expandable: t("Adds an expand control and `expanded-row` slot per row."),
+		virtualList: t("Virtualizes rows for large datasets."),
+		virtualListOffsetTop: {
+			type: Number,
+			description: "Top spacer offset (px) when using virtual list."
+		},
+		virtualListOffsetBottom: {
+			type: Number,
+			description: "Bottom spacer offset (px) when using virtual list."
 		},
-		expandable: t(),
-		virtualList: t(),
-		virtualListOffsetTop: Number,
-		virtualListOffsetBottom: Number,
 		virtualListItemHeight: {
 			type: Number,
-			default: 54
+			default: 54,
+			description: "Fixed row height (px) for virtual list measurement."
 		},
 		virtualListOverscan: {
 			type: Number,
-			default: 10
+			default: 10,
+			description: "Extra rows rendered above/below the viewport when virtualized."
+		},
+		keyProp: {
+			type: String,
+			description: "Item property used as the stable row key (falls back to index)."
 		},
-		keyProp: String,
-		selectable: t(),
-		singleSelect: t(),
+		selectable: t("Enables row selection (`v-model:selected`)."),
+		singleSelect: t("Select only one row at a time."),
 		autoClearSelected: {
 			type: Boolean,
-			default: !0
+			default: !0,
+			description: "Clears selection entries that no longer exist in `items`."
+		},
+		toFn: {
+			type: Function,
+			description: "Returns a Vue Router location to make each cell a link."
+		},
+		hrefFn: {
+			type: Function,
+			description: "Returns an href to make each cell an anchor."
+		},
+		hrefTarget: {
+			type: String,
+			description: "Target for links created by `hrefFn`."
 		},
-		toFn: Function,
-		hrefFn: Function,
-		hrefTarget: String,
 		items: {
 			type: Array,
 			default: () => []

package/lib/components/table/TableCell.vue.d.ts

@@ -8,18 +8,32 @@ declare const tableCellProps: {
     textAlign: {
         type: PropType<"left" | "right" | "center" | "justify" | null>;
         validator: (value: string) => boolean;
+        description: string;
     };
     truncate: import("vue").Prop<boolean | undefined>;
     dense: import("vue").Prop<boolean | undefined>;
-    width: (StringConstructor | NumberConstructor)[];
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
+    };
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null>;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        description: string;
+    };
+    href: {
+        type: StringConstructor;
+        description: string;
+    };
+    target: {
+        type: PropType<"_blank" | "_self" | "_parent" | "_top">;
+        description: string;
     };
-    to: (ObjectConstructor | StringConstructor)[];
-    href: StringConstructor;
-    target: PropType<"_blank" | "_self" | "_parent" | "_top">;
 };
 export type TableCellTextAlign = typeof validators.textAlign[number];
 export type TableCellVerticalAlign = typeof validators.verticalAlign[number];
@@ -31,34 +45,62 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     textAlign: {
         type: PropType<"left" | "right" | "center" | "justify" | null>;
         validator: (value: string) => boolean;
+        description: string;
     };
     truncate: import("vue").Prop<boolean | undefined>;
     dense: import("vue").Prop<boolean | undefined>;
-    width: (StringConstructor | NumberConstructor)[];
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
+    };
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null>;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        description: string;
+    };
+    href: {
+        type: StringConstructor;
+        description: string;
+    };
+    target: {
+        type: PropType<"_blank" | "_self" | "_parent" | "_top">;
+        description: string;
     };
-    to: (ObjectConstructor | StringConstructor)[];
-    href: StringConstructor;
-    target: PropType<"_blank" | "_self" | "_parent" | "_top">;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     textAlign: {
         type: PropType<"left" | "right" | "center" | "justify" | null>;
         validator: (value: string) => boolean;
+        description: string;
     };
     truncate: import("vue").Prop<boolean | undefined>;
     dense: import("vue").Prop<boolean | undefined>;
-    width: (StringConstructor | NumberConstructor)[];
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        description: string;
+    };
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null>;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+        description: string;
+    };
+    href: {
+        type: StringConstructor;
+        description: string;
+    };
+    target: {
+        type: PropType<"_blank" | "_self" | "_parent" | "_top">;
+        description: string;
     };
-    to: (ObjectConstructor | StringConstructor)[];
-    href: StringConstructor;
-    target: PropType<"_blank" | "_self" | "_parent" | "_top">;
 }>> & Readonly<{}>, {
     verticalAlign: "top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {

package/lib/components/table/TableCell.vue_vue_type_script_setup_true_lang.js

@@ -22,22 +22,37 @@ var h = {
 }, g = /* @__PURE__ */ o({
 	name: "XTableCell",
 	validators: h,
+	docs: { slots: { default: "Cell content." } },
 	props: {
 		textAlign: {
 			type: String,
-			validator: (e) => h.textAlign.includes(e)
+			validator: (e) => h.textAlign.includes(e),
+			description: "Horizontal text alignment."
+		},
+		truncate: t("Truncates overflowing cell content with an ellipsis."),
+		dense: t("Compact cell padding."),
+		width: {
+			type: [String, Number],
+			description: "Fixed cell width (number is treated as px)."
 		},
-		truncate: t(),
-		dense: t(),
-		width: [String, Number],
 		verticalAlign: {
 			type: String,
 			default: "middle",
-			validator: (e) => h.verticalAlign.includes(e)
+			validator: (e) => h.verticalAlign.includes(e),
+			description: "Vertical alignment of cell content."
+		},
+		to: {
+			type: [String, Object],
+			description: "Vue Router location; wraps cell content in a router-link."
 		},
-		to: [String, Object],
-		href: String,
-		target: String
+		href: {
+			type: String,
+			description: "Anchor href; wraps cell content in a link."
+		},
+		target: {
+			type: String,
+			description: "Link target when `href` or `to` is set."
+		}
 	},
 	setup(t) {
 		let o = t, h = n(() => typeof o.width == "number" ? `${o.width}px` : o.width), { styles: g, classes: _, className: v } = e("TableCell", {}, o);

package/lib/components/table/TableHead.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,8 @@ import { createElementBlock as n, createElementVNode as r, defineComponent as i,
 //#region src/components/table/TableHead.vue?vue&type=script&setup=true&lang.ts
 var u = /* @__PURE__ */ i({
 	name: "XTableHead",
-	props: { stickyHeader: t() },
+	docs: { slots: { default: "Header cells (`x-table-header` children)." } },
+	props: { stickyHeader: t("Keeps the header row sticky while the table scrolls.") },
 	setup(t) {
 		let { styles: i, classes: u, className: d } = e("TableHead", {}, t);
 		return (e, t) => (s(), n("thead", {

package/lib/components/table/TableHeader.vue.d.ts

@@ -8,14 +8,19 @@ declare const tableHeaderProps: {
     sort: {
         type: PropType<1 | -1 | undefined>;
         validator: (value: number) => boolean;
+        description: string;
     };
     sortable: import("vue").Prop<boolean | undefined>;
     textAlign: {
         type: PropType<"left" | "right" | "center">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
     };
-    tooltip: StringConstructor;
 };
 export type TableHeaderSort = typeof validators.sort[number];
 export type TableHeaderAlign = typeof validators.textAlign[number];
@@ -27,26 +32,36 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     sort: {
         type: PropType<1 | -1 | undefined>;
         validator: (value: number) => boolean;
+        description: string;
     };
     sortable: import("vue").Prop<boolean | undefined>;
     textAlign: {
         type: PropType<"left" | "right" | "center">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
     };
-    tooltip: StringConstructor;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     sort: {
         type: PropType<1 | -1 | undefined>;
         validator: (value: number) => boolean;
+        description: string;
     };
     sortable: import("vue").Prop<boolean | undefined>;
     textAlign: {
         type: PropType<"left" | "right" | "center">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
+    };
+    tooltip: {
+        type: StringConstructor;
+        description: string;
     };
-    tooltip: StringConstructor;
 }>> & Readonly<{}>, {
     textAlign: "left" | "right" | "center";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {

package/lib/components/table/TableHeader.vue_vue_type_script_setup_true_lang.js

@@ -20,18 +20,24 @@ var m = { class: "flex items-center gap-1" }, h = {
 }, _ = /* @__PURE__ */ c({
 	name: "XTableHeader",
 	validators: g,
+	docs: { slots: { default: "Header label content." } },
 	props: {
 		sort: {
 			type: Number,
-			validator: (e) => g.sort.includes(e)
+			validator: (e) => g.sort.includes(e),
+			description: "Current sort direction: `1` ascending, `-1` descending, or unset."
 		},
-		sortable: t(),
+		sortable: t("Shows the sort icon and enables sort interaction."),
 		textAlign: {
 			type: String,
 			default: "left",
-			validator: (e) => g.textAlign.includes(e)
+			validator: (e) => g.textAlign.includes(e),
+			description: "Horizontal alignment of the header label."
 		},
-		tooltip: String
+		tooltip: {
+			type: String,
+			description: "Optional tooltip shown next to the header label."
+		}
 	},
 	setup(t) {
 		let { styles: c, classes: g, className: _ } = e("TableHeader", {}, t);

package/lib/components/table/TableRow.vue.d.ts

@@ -3,12 +3,16 @@ import { type ThemeComponent } from '../../composables/useTheme';
 declare const tableRowProps: {
     pointer: import("vue").Prop<boolean | undefined>;
     striped: import("vue").Prop<boolean | undefined>;
-    selected: BooleanConstructor;
+    selected: {
+        type: BooleanConstructor;
+        description: string;
+    };
     singleSelect: import("vue").Prop<boolean | undefined>;
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
     };
 };
 export type TableRowProps = ExtractPublicPropTypes<typeof tableRowProps>;
@@ -18,22 +22,30 @@ export interface TableRowTheme extends ThemeComponent<TableRowProps, InternalCla
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     pointer: import("vue").Prop<boolean | undefined>;
     striped: import("vue").Prop<boolean | undefined>;
-    selected: BooleanConstructor;
+    selected: {
+        type: BooleanConstructor;
+        description: string;
+    };
     singleSelect: import("vue").Prop<boolean | undefined>;
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     pointer: import("vue").Prop<boolean | undefined>;
     striped: import("vue").Prop<boolean | undefined>;
-    selected: BooleanConstructor;
+    selected: {
+        type: BooleanConstructor;
+        description: string;
+    };
     singleSelect: import("vue").Prop<boolean | undefined>;
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
         default: string;
         validator: (value: string) => boolean;
+        description: string;
     };
 }>> & Readonly<{}>, {
     selected: boolean;