@bridge-ui/vue 0.1.1 → 0.3.0

package/dist/Components/FieldOverlay/composables/useFieldOverlay.d.ts

@@ -11,5 +11,6 @@ export declare function useFieldOverlay(props: FieldOverlayOwnProps): {
     modalBind: import('vue').ComputedRef<ModalOwnProps>;
     drawerBind: import('vue').ComputedRef<DrawerOwnProps>;
     resolvedOverlay: import('vue').ComputedRef<ResolvedFieldOverlay>;
+    drawerScrollerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
 };
 export type FieldOverlayOptions = FieldOverlayOwnProps;

package/dist/Components/FieldOverlay/composables/useFieldOverlay.js

@@ -1,49 +1,51 @@
 import { useBreakpoint as e } from "../../../Utils/useBreakpoint.js";
-import { computed as t } from "vue";
-import { resolveFieldOverlay as n } from "@bridge-ui/core/Domain";
-import { cn as r } from "@bridge-ui/core/Utils";
-import { toMerged as i } from "es-toolkit/object";
+import { mergePartBind as t } from "../../../Utils/index.js";
+import { computed as n } from "vue";
+import { resolveFieldOverlay as r } from "@bridge-ui/core/Domain";
+import { cn as i } from "@bridge-ui/core/Utils";
+import { toMerged as a } from "es-toolkit/object";
 //#region src/Components/FieldOverlay/composables/useFieldOverlay.ts
-function a(e, t) {
+function o(e, t) {
 	let n = e.customProps?.panel;
-	return i(e, { customProps: { panel: {
+	return a(e, { customProps: { panel: {
 		...n,
-		class: r(t, n?.class)
+		class: i(t, n?.class)
 	} } });
 }
-function o(i) {
-	let o = e(), s = t(() => n(i.overlay, o.mobile));
+function s(a) {
+	let s = e(), c = n(() => r(a.overlay, s.mobile));
 	return {
-		menuBind: t(() => {
-			let e = i.customProps?.menu;
+		menuBind: n(() => {
+			let e = a.customProps?.menu;
 			return {
 				closeOnClickAway: !0,
 				placement: "bottom-start",
 				...e,
 				classes: {
 					...e?.classes,
-					content: r(e?.classes?.content, "overflow-visible rounded-none bg-transparent shadow-none ring-0 dark:bg-transparent")
+					content: i(e?.classes?.content, "overflow-visible rounded-none bg-transparent shadow-none ring-0 dark:bg-transparent")
 				}
 			};
 		}),
-		modalBind: t(() => a({
+		modalBind: n(() => o({
 			size: "md",
 			scroll: "paper",
 			closeOnOverlay: !0,
 			align: "middle-center",
 			disableRestoreFocus: !0,
-			...i.customProps?.modal
+			...a.customProps?.modal
 		}, "flex w-fit max-w-full sm:max-w-full flex-col items-stretch p-0")),
-		drawerBind: t(() => a({
+		drawerBind: n(() => o({
 			size: "md",
 			scroll: "paper",
 			placement: "bottom",
 			closeOnOverlay: !0,
 			disableRestoreFocus: !0,
-			...i.customProps?.drawer
-		}, "flex h-auto max-h-[90dvh] w-full flex-col items-stretch overflow-x-auto p-0")),
-		resolvedOverlay: s
+			...a.customProps?.drawer
+		}, "flex h-auto max-h-[90dvh] w-full flex-col items-stretch p-0")),
+		resolvedOverlay: c,
+		drawerScrollerBind: n(() => t(a.customProps?.drawerScroller, {}, i({ "flex min-w-0 w-full flex-col overflow-x-auto overflow-y-hidden bridge-scroll-fade-x bridge-hide-scrollbar": !0 })))
 	};
 }
 //#endregion
-export { o as useFieldOverlay };
+export { s as useFieldOverlay };

package/dist/Components/FieldOverlay/fieldOverlay.types.d.ts

@@ -1,4 +1,4 @@
-import { Slot } from 'vue';
+import { HTMLAttributes, Slot } from 'vue';
 import { FieldOverlayMode } from '@bridge-ui/core/Domain';
 import { DrawerOwnProps } from '../Drawer/drawer.types';
 import { MenuOwnProps } from '../Menu/menu.types';
@@ -10,6 +10,12 @@ export interface FieldOverlayCustomProps {
      * @default undefined
      */
     drawer?: Partial<DrawerOwnProps>;
+    /**
+     * Props forwarded to the inner horizontal scroller in the `drawer` shell.
+     *
+     * @default undefined
+     */
+    drawerScroller?: HTMLAttributes;
     /**
      * Props forwarded to the nested `Menu` when that shell is active.
      *
@@ -37,14 +43,16 @@ export interface FieldOverlayEmits {
 /**
  * Renders field picker / listbox content in a `Menu`, `Modal`, or `Drawer`.
  * Visibility is controlled with `v-model`. Shell-specific options go through
- * `customProps.menu` / `.modal` / `.drawer`.
+ * `customProps.menu` / `.modal` / `.drawer`. The drawer inner scroller
+ * accepts `customProps.drawerScroller`.
  *
  * Menu chrome (fill, radius, shadow, ring) is stripped so the nested picker
  * or listbox paints the visible surface, matching modal / drawer panels.
  */
 export interface FieldOverlayOwnProps {
     /**
-     * Extra props for the nested shells (`menu`, `modal`, `drawer`).
+     * Extra props for the nested shells (`menu`, `modal`, `drawer`) and the
+     * drawer horizontal scroller (`drawerScroller`).
      *
      * @default undefined
      */

package/dist/Components/FormField/composables/useFormField.d.ts

@@ -190,7 +190,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined | undefined;

package/dist/Components/Listbox/composables/useListbox.js

@@ -51,7 +51,7 @@ function y(y, b) {
 	}), I = o(() => N.value?.selected), L = o(() => N.value?.highlighted), R = o(() => N.value?.hover), z = o(() => m(F.value?.check, N.value?.check)), B = o(() => {
 		let e = T.value.maxHeight ?? (A.value ? "max-h-[min(60dvh,28rem)]" : "max-h-60"), t = T.value.disableMaxHeight === !0;
 		return n(T.value.customProps?.scroll, {}, m({
-			"min-h-0 overflow-y-auto overscroll-contain": !t,
+			"min-h-0 overflow-y-auto overscroll-contain bridge-soft-scrollbar": !t,
 			[e]: !t,
 			[D.value.scroll ?? ""]: !0
 		}));

package/dist/Components/Menu/Menu.vue_vue_type_script_setup_true_lang.js

@@ -29,6 +29,7 @@ var v = /*@__PURE__*/ l({
 			type: Boolean,
 			default: !1
 		},
+		matchWidth: { type: Boolean },
 		offset: { default: 4 },
 		onShowChange: {},
 		persistent: {

package/dist/Components/Menu/composables/useMenu.d.ts

@@ -24,7 +24,7 @@ export declare function useMenu(props: MenuOwnProps, libDefaults: MenuLibDefault
     merged: import('vue').ComputedRef<MenuMerged>;
     menuId: string;
     mounted: Ref<boolean, boolean>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<MenuProps, "offset" | "classes" | "customProps" | "rounded" | "shadow" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "placement" | "teleportTo" | "closeOnClickAway" | "disableAutoFocus" | "strategy">, "anchorEl" | "onShowChange">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<MenuProps, "offset" | "classes" | "customProps" | "rounded" | "shadow" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "placement" | "teleportTo" | "closeOnClickAway" | "disableAutoFocus" | "matchWidth" | "strategy">, "anchorEl" | "onShowChange">>>;
     isPortaled: import('vue').ComputedRef<boolean>;
     triggerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         tabindex: number;

package/dist/Components/Menu/composables/useMenu.js

@@ -13,6 +13,7 @@ var le = [
 	"rounded",
 	"strategy",
 	"placement",
+	"matchWidth",
 	"persistent",
 	"teleportTo",
 	"customProps",
@@ -100,6 +101,7 @@ function v(v, ue, y = {}) {
 			offset: L.value.offset,
 			strategy: L.value.strategy,
 			placement: L.value.placement,
+			matchWidth: L.value.matchWidth === !0,
 			onReferenceHidden: () => {
 				!M || !U.value || !P.value || q();
 			}
@@ -146,7 +148,7 @@ function v(v, ue, y = {}) {
 		j?.(), j = null, A?.(), A = null, O?.(), O = null, D?.release(), D = null, E = null, C.value = "", N.value = m, Y();
 	}
 	let xe = r(() => e(z.value?.root, pe.value, u({
-		"relative inline-block text-left": !0,
+		"relative inline-flex": !0,
 		[c(B.value, "root") ?? ""]: !0
 	}))), Se = r(() => e(z.value?.trigger, {}, {
 		tabindex: 0,
@@ -157,7 +159,7 @@ function v(v, ue, y = {}) {
 		onClickCapture: he,
 		"aria-controls": P.value ? x : void 0,
 		class: u({
-			"inline-block w-fit max-w-full cursor-pointer outline-hidden": !0,
+			"inline-flex w-fit max-w-full cursor-pointer outline-hidden": !0,
 			[c(B.value, "trigger") ?? ""]: !0
 		})
 	})), Ce = r(() => e(z.value?.content, {}, {
@@ -167,7 +169,9 @@ function v(v, ue, y = {}) {
 		style: { zIndex: N.value },
 		"aria-hidden": V.value ? !0 : void 0,
 		class: u({
-			"bg-white text-dark-900 dark:bg-dark-800 dark:text-dark-100 ring-1 ring-black/5 dark:ring-white/10 outline-hidden overflow-hidden min-w-32 w-max max-w-[calc(100vw-16px)]": !0,
+			"bg-white text-dark-900 dark:bg-dark-800 dark:text-dark-100 ring-1 ring-black/5 dark:ring-white/10 outline-hidden overflow-hidden max-w-[calc(100vw-16px)]": !0,
+			"min-w-0 w-full": L.value.matchWidth === !0,
+			"min-w-32 w-max": L.value.matchWidth !== !0,
 			"invisible pointer-events-none": V.value,
 			[de.value ?? ""]: !0,
 			[fe.value ?? ""]: !0,

package/dist/Components/Menu/menu.types.d.ts

@@ -112,6 +112,12 @@ export interface MenuOwnProps {
      * @default false
      */
     keepMounted?: boolean;
+    /**
+     * When true, the panel width matches the trigger / anchor.
+     *
+     * @default false
+     */
+    matchWidth?: boolean;
     /**
      * Gap between the trigger and the menu panel (px).
      *

package/dist/Components/Modal/composables/useModal.js

@@ -86,7 +86,7 @@ function v(v, y, b = {}) {
 		class: d({
 			"relative w-full": !0,
 			[he.value ?? ""]: !0,
-			"max-h-[calc(100dvh-2rem)] overflow-y-auto": U.value === "paper",
+			"max-h-[calc(100dvh-2rem)] overflow-y-auto bridge-scroll-fade-y bridge-hide-scrollbar": U.value === "paper",
 			[_e.value]: H.value,
 			[c(B.value, "panel") ?? ""]: !0
 		})

package/dist/Components/NumberField/composables/useNumberField.d.ts

@@ -178,7 +178,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;

package/dist/Components/PasswordField/composables/usePasswordField.d.ts

@@ -176,7 +176,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;

package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js

@@ -34,22 +34,22 @@ var S = ["for"], C = ["checked"], w = /*@__PURE__*/ c({
 	}),
 	emits: ["update:modelValue"],
 	setup(c) {
-		let u = v(), w = c, T = y(c, "modelValue"), E = m(!!w.defaultChecked), D = i(() => x(T.value) && E.value ? w.value : T.value), { merged: O, dotBind: k, fieldBind: A, inputBind: j, isChecked: M, formControl: N, controlBind: P } = r(() => ({
+		let u = v(), w = c, T = y(c, "modelValue"), E = m(!!w.defaultChecked), D = i(() => u["onUpdate:modelValue"] !== void 0 || !x(T.value)), O = i(() => D.value ? T.value : E.value ? w.value : T.value), { merged: k, dotBind: A, fieldBind: j, inputBind: M, isChecked: N, formControl: P, controlBind: F } = r(() => ({
 			...u,
 			...w
 		}), {
 			size: "md",
 			rounded: "full",
 			color: "primary"
-		}, D);
-		function F() {
-			E.value = !0, x(O.value.value) || (T.value = O.value.value);
+		}, O);
+		function I() {
+			E.value = !0, x(k.value.value) || (T.value = k.value.value);
 		}
-		return (r, i) => (p(), a(_(n), { field: _(N) }, s({
-			default: b(() => [o("label", d(_(A), { for: _(N).controlId.value }), [o("input", d(_(j), {
-				checked: _(M),
-				onChange: F
-			}), null, 16, C), o("span", f(l(_(P))), [o("span", f(l(_(k))), null, 16)], 16)], 16, S)]),
+		return (r, i) => (p(), a(_(n), { field: _(P) }, s({
+			default: b(() => [o("label", d(_(j), { for: _(P).controlId.value }), [o("input", d(_(M), {
+				checked: _(N),
+				onChange: I
+			}), null, 16, C), o("span", f(l(_(F))), [o("span", f(l(_(A))), null, 16)], 16)], 16, S)]),
 			_: 2
 		}, [h(_(e)(_(t), r.$slots), (e) => ({
 			name: e,

package/dist/Components/Radio/composables/useRadio.js

@@ -1,11 +1,11 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormControl as r } from "../../FormControl/composables/useFormControl.js";
 import { computed as i, toValue as a, useAttrs as o } from "vue";
-import { get as s, omit as c } from "es-toolkit/compat";
-import { radioColorProps as l, radioRoundedProps as u, radioSizeProps as d } from "@bridge-ui/core/Tokens";
-import { cn as f, getColorToken as p, mergeBridgeUILayeredClasses as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
+import { get as s, isNil as c, omit as l } from "es-toolkit/compat";
+import { radioColorProps as u, radioRoundedProps as d, radioSizeProps as f } from "@bridge-ui/core/Tokens";
+import { cn as p, getColorToken as m, mergeBridgeUILayeredClasses as h, splitComponentProps as g } from "@bridge-ui/core/Utils";
 //#region src/Components/Radio/composables/useRadio.ts
-var g = [
+var _ = [
 	"name",
 	"size",
 	"color",
@@ -15,78 +15,81 @@ var g = [
 	"customProps",
 	"defaultChecked"
 ];
-function _(_, v, y) {
-	let b = o(), x = r(() => ({
-		...b,
-		...a(_)
+function v(v, y, b) {
+	let x = o(), S = r(() => ({
+		...x,
+		...a(v)
 	}), {
 		error: !1,
 		hideErrorMessage: !1,
-		size: v.size ?? "sm"
-	}, { componentName: "Radio" }), S = i(() => h({
-		bridgeKeys: g,
+		size: y.size ?? "sm"
+	}, { componentName: "Radio" }), C = i(() => g({
+		bridgeKeys: _,
 		props: {
-			...b,
-			...a(_)
+			...x,
+			...a(v)
 		}
-	})), { merged: C, entry: w } = t({
-		libDefaults: v,
+	})), { merged: w, entry: T } = t({
+		libDefaults: y,
 		componentName: "Radio",
-		props: () => S.value.componentProps
-	}), T = i(() => C.value.customProps), E = n({
-		entry: w,
-		props: () => S.value.componentProps
-	}), D = i(() => a(y) === C.value.value), O = i(() => {
-		let e = m(l, w.value?.tokens?.color);
-		return p({
+		props: () => C.value.componentProps
+	}), E = i(() => w.value.customProps), D = n({
+		entry: T,
+		props: () => C.value.componentProps
+	}), O = i(() => {
+		let e = a(b);
+		return !c(e) && e === w.value.value;
+	}), k = i(() => {
+		let e = h(u, T.value?.tokens?.color);
+		return m({
 			tokens: e,
-			color: C.value.color,
-			invalid: x.invalidated.value
+			color: w.value.color,
+			invalid: S.invalidated.value
 		});
-	}), k = i(() => {
-		let e = m(d, w.value?.tokens?.size);
-		return s(e, C.value.size ?? "sm");
 	}), A = i(() => {
-		let e = m(u, w.value?.tokens?.rounded);
-		return s(e, C.value.rounded ?? "full");
-	}), j = i(() => e({
-		...T.value?.input,
-		...x.controlBind.value,
+		let e = h(f, T.value?.tokens?.size);
+		return s(e, w.value.size ?? "sm");
+	}), j = i(() => {
+		let e = h(d, T.value?.tokens?.rounded);
+		return s(e, w.value.rounded ?? "full");
+	}), M = i(() => e({
+		...E.value?.input,
+		...S.controlBind.value,
 		type: "radio",
-		name: C.value.name,
-		value: C.value.value
-	}, c(S.value.inheritedAttrs, ["class"]), f({
+		name: w.value.name,
+		value: w.value.value
+	}, l(C.value.inheritedAttrs, ["class"]), p({
 		"sr-only": !0,
-		[E.value.input ?? ""]: !0
-	}))), M = i(() => e(T.value?.control, { "aria-hidden": !0 }, f({
+		[D.value.input ?? ""]: !0
+	}))), N = i(() => e(E.value?.control, { "aria-hidden": !0 }, p({
 		"inline-flex shrink-0 items-center justify-center border shadow-sm transition ease-in-out duration-100": !0,
 		"pointer-events-none": !0,
-		[k.value ?? ""]: !0,
 		[A.value ?? ""]: !0,
-		[O.value?.base ?? ""]: !D.value,
-		[O.value?.checked ?? ""]: D.value,
-		[E.value.control ?? ""]: !0
+		[j.value ?? ""]: !0,
+		[k.value?.base ?? ""]: !O.value,
+		[k.value?.checked ?? ""]: O.value,
+		[D.value.control ?? ""]: !0
 	})));
 	return {
-		merged: C,
-		dotBind: i(() => e(T.value?.dot, {}, f({
+		merged: w,
+		dotBind: i(() => e(E.value?.dot, {}, p({
 			"rounded-full bg-white transition-transform duration-100": !0,
-			"scale-0": !D.value,
-			"scale-100": D.value,
+			"scale-0": !O.value,
+			"scale-100": O.value,
 			"h-[42%] w-[42%]": !0,
-			[E.value.dot ?? ""]: !0
+			[D.value.dot ?? ""]: !0
 		}))),
-		fieldBind: i(() => e({}, {}, f({
+		fieldBind: i(() => e({}, {}, p({
 			"relative inline-flex shrink-0 cursor-pointer items-center": !0,
 			"has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
-			[A.value ?? ""]: !0,
-			[O.value?.focus ?? ""]: !0
+			[j.value ?? ""]: !0,
+			[k.value?.focus ?? ""]: !0
 		}))),
-		inputBind: j,
-		isChecked: D,
-		formControl: x,
-		controlBind: M
+		inputBind: M,
+		isChecked: O,
+		formControl: S,
+		controlBind: N
 	};
 }
 //#endregion
-export { _ as useRadio };
+export { v as useRadio };

package/dist/Components/Select/composables/useSelect.d.ts

@@ -180,7 +180,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+            enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
             hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;

package/dist/Components/Slider/composables/useSlider.d.ts

@@ -218,7 +218,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined | undefined;
@@ -425,7 +425,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined | undefined;

package/dist/Components/Snackbar/composables/useSnackbar.d.ts

@@ -192,7 +192,7 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined | undefined;

package/dist/Components/Table/Table.js

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

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

@@ -0,0 +1,16 @@
+import { TableOwnProps, TableSlots } from './table.types';
+type __VLS_Slots = TableSlots;
+declare const __VLS_base: import('vue').DefineComponent<TableOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableOwnProps> & Readonly<{}>, {
+    full: boolean;
+    hoverable: boolean;
+    stickyHeader: boolean;
+    striped: boolean;
+}, {}, {}, {}, 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/Table.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { useTable as e } from "./composables/useTable.js";
+import { createElementBlock as t, createElementVNode as n, defineComponent as r, guardReactiveProps as i, normalizeProps as a, openBlock as o, renderSlot as s, unref as c } from "vue";
+//#region src/Components/Table/Table.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ r({
+	inheritAttrs: !1,
+	__name: "Table",
+	props: {
+		classes: {},
+		customProps: {},
+		full: {
+			type: Boolean,
+			default: !0
+		},
+		hoverable: {
+			type: Boolean,
+			default: !1
+		},
+		rounded: {},
+		size: {},
+		stickyHeader: {
+			type: Boolean,
+			default: !1
+		},
+		striped: {
+			type: Boolean,
+			default: !1
+		},
+		variant: {}
+	},
+	setup(r) {
+		let { rootBind: l, tableBind: u } = e(r, {
+			size: "md",
+			full: !0,
+			rounded: "lg",
+			striped: !1,
+			variant: "plain",
+			hoverable: !1,
+			stickyHeader: !1
+		});
+		return (e, r) => (o(), t("div", a(i(c(l))), [n("table", a(i(c(u))), [s(e.$slots, "default")], 16)], 16));
+	}
+});
+//#endregion
+export { l as default };

package/dist/Components/Table/TableBody.js

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

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

@@ -0,0 +1,11 @@
+import { TableBodyOwnProps, TableBodySlots } from './table.types';
+type __VLS_Slots = TableBodySlots;
+declare const __VLS_base: import('vue').DefineComponent<TableBodyOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableBodyOwnProps> & 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/TableBody.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/TableBody.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TableBody",
+	props: {
+		classes: {},
+		customProps: {}
+	},
+	setup(n) {
+		let { rootBind: c } = e(n, "body");
+		return (e, n) => (a(), t("tbody", i(r(s(c))), [o(e.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { c as default };

package/dist/Components/Table/TableCaption.js

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

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

@@ -0,0 +1,11 @@
+import { TableCaptionOwnProps, TableCaptionSlots } from './table.types';
+type __VLS_Slots = TableCaptionSlots;
+declare const __VLS_base: import('vue').DefineComponent<TableCaptionOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableCaptionOwnProps> & 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/TableCaption.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/TableCaption.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TableCaption",
+	props: {
+		classes: {},
+		customProps: {}
+	},
+	setup(n) {
+		let { rootBind: c } = e(n, "caption");
+		return (e, n) => (a(), t("caption", i(r(s(c))), [o(e.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { c as default };

package/dist/Components/Table/TableCell.js

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

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

@@ -0,0 +1,11 @@
+import { TableCellOwnProps, TableCellSlots } from './table.types';
+type __VLS_Slots = TableCellSlots;
+declare const __VLS_base: import('vue').DefineComponent<TableCellOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableCellOwnProps> & 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;
+    };
+};