@bridge-ui/vue 0.1.1 → 0.3.0

package/dist/Components/Table/TableCell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,19 @@
+import { useTableCell as e } from "./composables/useTableCell.js";
+import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+//#region src/Components/Table/TableCell.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TableCell",
+	props: {
+		align: {},
+		classes: {},
+		customProps: {},
+		numeric: { type: Boolean }
+	},
+	setup(n) {
+		let { rootBind: c } = e(n, "cell");
+		return (e, n) => (a(), t("td", i(r(s(c))), [o(e.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { c as default };

package/dist/Components/Table/TableFooter.js

@@ -0,0 +1,5 @@
+import e from "./TableFooter.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Table/TableFooter.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/Table/TableFooter.vue.d.ts

@@ -0,0 +1,11 @@
+import { TableFooterOwnProps, TableFooterSlots } from './table.types';
+type __VLS_Slots = TableFooterSlots;
+declare const __VLS_base: import('vue').DefineComponent<TableFooterOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableFooterOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/Table/TableFooter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { useTablePart as e } from "./composables/useTablePart.js";
+import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+//#region src/Components/Table/TableFooter.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TableFooter",
+	props: {
+		classes: {},
+		customProps: {}
+	},
+	setup(n) {
+		let { rootBind: c } = e(n, "footer");
+		return (e, n) => (a(), t("tfoot", i(r(s(c))), [o(e.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { c as default };

package/dist/Components/Table/TableHead.js

@@ -0,0 +1,5 @@
+import e from "./TableHead.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Table/TableHead.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/Table/TableHead.vue.d.ts

@@ -0,0 +1,11 @@
+import { TableHeadOwnProps, TableHeadSlots } from './table.types';
+type __VLS_Slots = TableHeadSlots;
+declare const __VLS_base: import('vue').DefineComponent<TableHeadOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableHeadOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/Table/TableHead.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,19 @@
+import { useTableCell as e } from "./composables/useTableCell.js";
+import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+//#region src/Components/Table/TableHead.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TableHead",
+	props: {
+		align: {},
+		classes: {},
+		customProps: {},
+		numeric: { type: Boolean }
+	},
+	setup(n) {
+		let { rootBind: c } = e(n, "head");
+		return (e, n) => (a(), t("th", i(r(s(c))), [o(e.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { c as default };

package/dist/Components/Table/TableHeader.js

@@ -0,0 +1,5 @@
+import e from "./TableHeader.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Table/TableHeader.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/Table/TableHeader.vue.d.ts

@@ -0,0 +1,11 @@
+import { TableHeaderOwnProps, TableHeaderSlots } from './table.types';
+type __VLS_Slots = TableHeaderSlots;
+declare const __VLS_base: import('vue').DefineComponent<TableHeaderOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableHeaderOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/Table/TableHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { useTablePart as e } from "./composables/useTablePart.js";
+import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+//#region src/Components/Table/TableHeader.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TableHeader",
+	props: {
+		classes: {},
+		customProps: {}
+	},
+	setup(n) {
+		let { rootBind: c } = e(n, "header");
+		return (e, n) => (a(), t("thead", i(r(s(c))), [o(e.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { c as default };

package/dist/Components/Table/TableRow.js

@@ -0,0 +1,5 @@
+import e from "./TableRow.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Table/TableRow.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/Table/TableRow.vue.d.ts

@@ -0,0 +1,11 @@
+import { TableRowOwnProps, TableRowSlots } from './table.types';
+type __VLS_Slots = TableRowSlots;
+declare const __VLS_base: import('vue').DefineComponent<TableRowOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableRowOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/Table/TableRow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { useTableRow as e } from "./composables/useTableRow.js";
+import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+//#region src/Components/Table/TableRow.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TableRow",
+	props: {
+		classes: {},
+		customProps: {}
+	},
+	setup(n) {
+		let { rootBind: c } = e(n);
+		return (e, n) => (a(), t("tr", i(r(s(c))), [o(e.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { c as default };

package/dist/Components/Table/composables/useTable.d.ts

@@ -0,0 +1,16 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
+import { TableOwnProps, TableProps } from '../table.types';
+import { TableContextValue } from '../tableInjectionKey';
+type TableLibDefaults = LibDefaultsShape<TableOwnProps, "full" | "size" | "rounded" | "striped" | "variant" | "hoverable" | "stickyHeader">;
+type TableMerged = MergeLibDefaults<TableOwnProps, TableLibDefaults>;
+export declare function useTable(props: TableOwnProps, libDefaults: TableLibDefaults): {
+    merged: import('vue').ComputedRef<TableMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<TableProps, "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "hoverable" | "stickyHeader" | "striped">>>;
+    tableBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    contextValue: import('vue').ComputedRef<TableContextValue>;
+};
+export {};

package/dist/Components/Table/composables/useTable.js

@@ -0,0 +1,88 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { TABLE_INJECTION_KEY as r } from "../tableInjectionKey.js";
+import { computed as i, provide as a, useAttrs as o } from "vue";
+import { get as s } from "es-toolkit/compat";
+import { tableAlignProps as c, tableRoundedProps as l, tableSizeProps as u, tableVariantProps as d } from "@bridge-ui/core/Tokens";
+import { cn as f, mergeBridgeUILayeredClasses as p, splitComponentProps as m } from "@bridge-ui/core/Utils";
+//#region src/Components/Table/composables/useTable.ts
+var h = [
+	"full",
+	"size",
+	"classes",
+	"rounded",
+	"striped",
+	"variant",
+	"hoverable",
+	"customProps",
+	"stickyHeader"
+];
+function g(g, _) {
+	let v = o(), y = i(() => m({
+		bridgeKeys: h,
+		props: {
+			...v,
+			...g
+		}
+	})), { merged: b, entry: x } = t({
+		libDefaults: _,
+		componentName: "Table",
+		props: () => y.value.componentProps
+	}), S = n({
+		entry: x,
+		props: () => y.value.componentProps
+	}), C = i(() => p(u, x.value?.tokens?.size)), w = i(() => p(d, x.value?.tokens?.variant)), T = i(() => p(c, x.value?.tokens?.align)), E = i(() => p(l, x.value?.tokens?.rounded)), D = i(() => s(C.value, b.value.size)), O = i(() => s(w.value, b.value.variant)), k = i(() => s(E.value, b.value.rounded)), A = i(() => ({
+		full: b.value.full === !0,
+		striped: b.value.striped === !0,
+		hoverable: b.value.hoverable === !0,
+		stickyHeader: b.value.stickyHeader === !0,
+		mergedClasses: {
+			row: s(S.value, "row"),
+			body: s(S.value, "body"),
+			cell: s(S.value, "cell"),
+			head: s(S.value, "head"),
+			footer: s(S.value, "footer"),
+			header: s(S.value, "header"),
+			caption: s(S.value, "caption")
+		},
+		tokenClasses: {
+			sizeHead: s(D.value, "head"),
+			sizeCell: s(D.value, "cell"),
+			align: T.value,
+			variantRow: s(O.value, "row"),
+			sizeCaption: s(D.value, "caption"),
+			variantBody: s(O.value, "body"),
+			variantHead: s(O.value, "head"),
+			variantCell: s(O.value, "cell"),
+			variantFooter: s(O.value, "footer"),
+			variantHeader: s(O.value, "header"),
+			roundedFooter: s(k.value, "footer"),
+			roundedHeader: s(k.value, "header"),
+			variantCaption: s(O.value, "caption"),
+			variantRowHover: s(O.value, "rowHover"),
+			variantRowStriped: s(O.value, "rowStriped"),
+			variantHeadSticky: s(O.value, "headSticky")
+		}
+	}));
+	return a(r, A), {
+		merged: b,
+		rootBind: i(() => e(b.value.customProps?.root, y.value.inheritedAttrs, { class: f({
+			"overflow-x-auto": b.value.stickyHeader !== !0,
+			[s(D.value, "root") ?? ""]: !0,
+			[s(O.value, "root") ?? ""]: !0,
+			[s(k.value, "root") ?? ""]: !0,
+			[s(S.value, "root") ?? ""]: !0
+		}) })),
+		tableBind: i(() => {
+			let t = b.value.stickyHeader === !0 ? s(O.value, "tableSticky") : s(O.value, "table");
+			return e(b.value.customProps?.table, {}, { class: f({
+				"min-w-full": b.value.full === !0,
+				[s(D.value, "table") ?? ""]: !0,
+				[t ?? ""]: !0,
+				[s(S.value, "table") ?? ""]: !0
+			}) });
+		}),
+		contextValue: A
+	};
+}
+//#endregion
+export { g as useTable };

package/dist/Components/Table/composables/useTableCell.d.ts

@@ -0,0 +1,12 @@
+import { TableCellOwnProps, TableCellProps, TableHeadOwnProps, TableHeadProps } from '../table.types';
+type TableCellKind = "cell" | "head";
+/**
+ * Bind for `TableCell` (`td`) and `TableHead` (`th`).
+ */
+export declare function useTableCell(props: TableCellOwnProps | TableHeadOwnProps, part: TableCellKind): {
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        scope: string | undefined;
+        class: string;
+    }, "class", import('vue').TdHTMLAttributes | import('vue').ThHTMLAttributes | undefined, Omit<TableCellProps | TableHeadProps, "classes" | "customProps" | "numeric" | "align">>>;
+};
+export {};

package/dist/Components/Table/composables/useTableCell.js

@@ -0,0 +1,40 @@
+import { mergePartBind as e } from "../../../Utils/index.js";
+import { TABLE_INJECTION_KEY as t, TABLE_SECTION_INJECTION_KEY as n } from "../tableInjectionKey.js";
+import { computed as r, inject as i, useAttrs as a } from "vue";
+import { get as o } from "es-toolkit/compat";
+import { cn as s, splitComponentProps as c } from "@bridge-ui/core/Utils";
+//#region src/Components/Table/composables/useTableCell.ts
+var l = [
+	"align",
+	"classes",
+	"numeric",
+	"customProps"
+];
+function u(u, d) {
+	let f = a(), p = i(t, null), m = i(n, null);
+	if (!p) throw Error("Table parts must be used within a Table provider");
+	let h = r(() => c({
+		props: {
+			...f,
+			...u
+		},
+		bridgeKeys: l
+	}));
+	return { rootBind: r(() => {
+		let t = p.value, n = h.value.componentProps.numeric === !0, r = h.value.componentProps.align ?? (n ? "end" : "start"), i = o(t.tokenClasses.align, r), a = d === "head" ? t.tokenClasses.sizeHead : t.tokenClasses.sizeCell, c = d === "head" ? t.tokenClasses.variantHead : t.tokenClasses.variantCell, l = d === "head" ? o(i, "head") : o(i, "cell"), u = d === "head" ? t.mergedClasses.head : t.mergedClasses.cell, f = d === "head" && t.stickyHeader && m?.value === "header";
+		return e(h.value.componentProps.customProps?.root, h.value.inheritedAttrs, {
+			scope: d === "head" ? "col" : void 0,
+			class: s({
+				"tabular-nums": n,
+				[a ?? ""]: !0,
+				[l ?? ""]: !0,
+				[c ?? ""]: !0,
+				[u ?? ""]: !0,
+				[h.value.componentProps.classes?.root ?? ""]: !0,
+				[t.tokenClasses.variantHeadSticky ?? ""]: f
+			})
+		});
+	}) };
+}
+//#endregion
+export { u as useTableCell };

package/dist/Components/Table/composables/useTablePart.d.ts

@@ -0,0 +1,12 @@
+import { TableBodyProps, TableCaptionProps, TableFooterProps, TableHeaderProps } from '../table.types';
+type TablePartKind = "body" | "footer" | "header" | "caption";
+type TablePartProps = TableBodyProps | TableFooterProps | TableHeaderProps | TableCaptionProps;
+/**
+ * Bind for `TableHeader` / `TableBody` / `TableFooter` / `TableCaption`.
+ */
+export declare function useTablePart(props: TablePartProps, part: TablePartKind): {
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<TablePartProps, "classes" | "customProps">>>;
+};
+export {};

package/dist/Components/Table/composables/useTablePart.js

@@ -0,0 +1,32 @@
+import { mergePartBind as e } from "../../../Utils/index.js";
+import { TABLE_INJECTION_KEY as t, TABLE_SECTION_INJECTION_KEY as n } from "../tableInjectionKey.js";
+import { computed as r, inject as i, provide as a, useAttrs as o } from "vue";
+import { cn as s, splitComponentProps as c } from "@bridge-ui/core/Utils";
+//#region src/Components/Table/composables/useTablePart.ts
+var l = ["classes", "customProps"];
+function u(u, d) {
+	let f = o(), p = i(t, null);
+	if (!p) throw Error("Table parts must be used within a Table provider");
+	d !== "caption" && a(n, r(() => d));
+	let m = r(() => c({
+		props: {
+			...f,
+			...u
+		},
+		bridgeKeys: l
+	}));
+	return { rootBind: r(() => {
+		let t = p.value, n = d === "header" ? t.tokenClasses.variantHeader : d === "body" ? t.tokenClasses.variantBody : d === "footer" ? t.tokenClasses.variantFooter : t.tokenClasses.variantCaption, r = d === "caption" ? t.tokenClasses.sizeCaption : void 0;
+		return e(m.value.componentProps.customProps?.root, m.value.inheritedAttrs, { class: s({
+			"sticky top-0 z-20": d === "header" && t.stickyHeader,
+			[r ?? ""]: !0,
+			[n ?? ""]: !0,
+			[t.tokenClasses.roundedHeader ?? ""]: d === "header",
+			[t.tokenClasses.roundedFooter ?? ""]: d === "footer",
+			[t.mergedClasses[d] ?? ""]: !0,
+			[m.value.componentProps.classes?.root ?? ""]: !0
+		}) });
+	}) };
+}
+//#endregion
+export { u as useTablePart };

package/dist/Components/Table/composables/useTableRow.d.ts

@@ -0,0 +1,6 @@
+import { TableRowOwnProps, TableRowProps } from '../table.types';
+export declare function useTableRow(props: TableRowOwnProps): {
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<TableRowProps, "classes" | "customProps">>>;
+};

package/dist/Components/Table/composables/useTableRow.js

@@ -0,0 +1,29 @@
+import { mergePartBind as e } from "../../../Utils/index.js";
+import { TABLE_INJECTION_KEY as t, TABLE_SECTION_INJECTION_KEY as n } from "../tableInjectionKey.js";
+import { computed as r, inject as i, useAttrs as a } from "vue";
+import { cn as o, splitComponentProps as s } from "@bridge-ui/core/Utils";
+//#region src/Components/Table/composables/useTableRow.ts
+var c = ["classes", "customProps"];
+function l(l) {
+	let u = a(), d = i(t, null), f = i(n, null);
+	if (!d) throw Error("Table parts must be used within a Table provider");
+	let p = r(() => s({
+		props: {
+			...u,
+			...l
+		},
+		bridgeKeys: c
+	}));
+	return { rootBind: r(() => {
+		let t = d.value, n = f?.value === "body";
+		return e(p.value.componentProps.customProps?.root, p.value.inheritedAttrs, { class: o({
+			[t.tokenClasses.variantRow ?? ""]: !0,
+			[t.mergedClasses.row ?? ""]: !0,
+			[p.value.componentProps.classes?.root ?? ""]: !0,
+			[t.tokenClasses.variantRowHover ?? ""]: n && t.hoverable,
+			[t.tokenClasses.variantRowStriped ?? ""]: n && t.striped
+		}) });
+	}) };
+}
+//#endregion
+export { l as useTableRow };

package/dist/Components/Table/index.d.ts

@@ -0,0 +1,14 @@
+export { useTable } from './composables/useTable';
+export { useTableCell } from './composables/useTableCell';
+export { useTablePart } from './composables/useTablePart';
+export { useTableRow } from './composables/useTableRow';
+export type { TableAlignOverrides, TableBodyClasses, TableBodyCustomProps, TableBodyOwnProps, TableBodyProps, TableBodySlots, TableCaptionClasses, TableCaptionCustomProps, TableCaptionOwnProps, TableCaptionProps, TableCaptionSlots, TableCellClasses, TableCellCustomProps, TableCellOwnProps, TableCellProps, TableCellSlots, TableClasses, TableCustomProps, TableFooterClasses, TableFooterCustomProps, TableFooterOwnProps, TableFooterProps, TableFooterSlots, TableHeadClasses, TableHeadCustomProps, TableHeadOwnProps, TableHeadProps, TableHeadSlots, TableHeaderClasses, TableHeaderCustomProps, TableHeaderOwnProps, TableHeaderProps, TableHeaderSlots, TableOwnProps, TableProps, TableRoundedOverrides, TableRowClasses, TableRowCustomProps, TableRowOwnProps, TableRowProps, TableRowSlots, TableSizeOverrides, TableSlots, TableVariantOverrides, } from './table.types';
+export { default as Table } from './Table.vue';
+export { default as TableBody } from './TableBody.vue';
+export { default as TableCaption } from './TableCaption.vue';
+export { default as TableCell } from './TableCell.vue';
+export { default as TableFooter } from './TableFooter.vue';
+export { default as TableHead } from './TableHead.vue';
+export { default as TableHeader } from './TableHeader.vue';
+export { TABLE_INJECTION_KEY, TABLE_SECTION_INJECTION_KEY, type TableContextValue, type TableSection, type TableTokenClasses, } from './tableInjectionKey';
+export { default as TableRow } from './TableRow.vue';

package/dist/Components/Table/index.js

@@ -0,0 +1,14 @@
+import { TABLE_INJECTION_KEY as e, TABLE_SECTION_INJECTION_KEY as t } from "./tableInjectionKey.js";
+import { useTable as n } from "./composables/useTable.js";
+import { useTableCell as r } from "./composables/useTableCell.js";
+import { useTablePart as i } from "./composables/useTablePart.js";
+import { useTableRow as a } from "./composables/useTableRow.js";
+import o from "./Table.js";
+import s from "./TableBody.js";
+import c from "./TableCaption.js";
+import l from "./TableCell.js";
+import u from "./TableFooter.js";
+import d from "./TableHead.js";
+import f from "./TableHeader.js";
+import p from "./TableRow.js";
+export { e as TABLE_INJECTION_KEY, t as TABLE_SECTION_INJECTION_KEY, o as Table, s as TableBody, c as TableCaption, l as TableCell, u as TableFooter, d as TableHead, f as TableHeader, p as TableRow, n as useTable, r as useTableCell, i as useTablePart, a as useTableRow };