@bridge-ui/vue 0.0.9 → 0.0.11

package/dist/Components/ListItem/composables/useListItem.js

@@ -1,13 +1,13 @@
-import { hasNamedSlot as e, isPropPresent as t, resolveNamedSlot as n } from "../../../Utils/slotOrProp.js";
-import { mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as a } from "../../../Utils/index.js";
-import { getListboxOptionId as o } from "../../Listbox/composables/useListboxNavigation.js";
-import { LIST_INJECTION_KEY as s } from "../../List/listInjectionKey.js";
-import { LISTBOX_INJECTION_KEY as c } from "../../Listbox/listboxInjectionKey.js";
-import { computed as l, getCurrentInstance as u, inject as d, onBeforeUnmount as f, toValue as p, useAttrs as m, watch as h } from "vue";
-import { cn as g, splitComponentProps as _ } from "@bridge-ui/core";
-import { get as v, isNull as y, omit as b } from "es-toolkit/compat";
+import { hasNamedSlot as e } from "../../../Utils/slotOrProp.js";
+import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
+import { getListboxOptionId as i } from "../../Listbox/composables/useListboxNavigation.js";
+import { LIST_INJECTION_KEY as a } from "../../List/listInjectionKey.js";
+import { LISTBOX_INJECTION_KEY as o } from "../../Listbox/listboxInjectionKey.js";
+import { computed as s, getCurrentInstance as c, inject as l, onBeforeUnmount as u, toValue as d, useAttrs as f, watch as p } from "vue";
+import { get as m, isNull as h, omit as g } from "es-toolkit/compat";
+import { cn as _, splitComponentProps as v } from "@bridge-ui/core/Utils";
 //#region src/Components/ListItem/composables/useListItem.ts
-var x = [
+var y = [
 	"as",
 	"role",
 	"dense",
@@ -22,44 +22,44 @@ var x = [
 	"interactive",
 	"selectedIcon"
 ];
-function S(t, n, S) {
-	let C = m(), w = d(s, null), T = d(c, null), E = T != null, D = l(() => _({
+function b(b, x, S) {
+	let C = f(), w = l(a, null), T = l(o, null), E = T != null, D = s(() => v({
 		props: {
 			...C,
-			...t
+			...b
 		},
-		bridgeKeys: x
-	})), { merged: O, entry: k } = i({
-		libDefaults: n,
+		bridgeKeys: y
+	})), { merged: O, entry: k } = n({
+		libDefaults: x,
 		componentName: "ListItem",
 		props: () => D.value.componentProps
-	}), A = l(() => T ? p(T) : null), j = l(() => O.value.value == null || !E ? null : {
+	}), A = s(() => T ? d(T) : null), j = s(() => O.value.value == null || !E ? null : {
 		value: O.value.value,
 		description: O.value.secondary,
 		disabled: !!O.value.disabled,
 		label: O.value.primary ?? String(O.value.value)
 	}), M;
-	h(() => {
+	p(() => {
 		let e = j.value;
 		return e ? `${String(e.value)}:${e.label}:${e.disabled}:${e.description ?? ""}` : null;
 	}, () => {
 		M?.(), M = void 0;
 		let e = j.value;
-		!e || !T || (M = p(T).registerOption(e));
-	}, { immediate: !0 }), f(() => {
+		!e || !T || (M = d(T).registerOption(e));
+	}, { immediate: !0 }), u(() => {
 		M?.();
 	});
-	let N = l(() => j.value != null), P = l(() => !j.value || !A.value ? !1 : A.value.isSelected(j.value.value)), F = l(() => !j.value || !A.value ? -1 : A.value.getOptionIndex(j.value.value)), I = l(() => !A.value || F.value < 0 ? !1 : A.value.highlightedIndex === F.value), L = l(() => O.value.customProps), R = a({
+	let N = s(() => j.value != null), P = s(() => !j.value || !A.value ? !1 : A.value.isSelected(j.value.value)), F = s(() => !j.value || !A.value ? -1 : A.value.getOptionIndex(j.value.value)), I = s(() => !A.value || F.value < 0 ? !1 : A.value.highlightedIndex === F.value), L = s(() => O.value.customProps), R = r({
 		entry: k,
 		props: () => D.value.componentProps
-	}), z = l(() => "dense" in (u()?.vnode.props ?? {}) ? t.dense === !0 : t.dense === !0 ? !0 : w ? p(w).dense : !1), B = l(() => e(S, "primary") || e(S, "default") || !!O.value.primary), V = l(() => e(S, "secondary") || !!O.value.secondary), H = l(() => e(S, "start")), U = l(() => N.value ? !P.value || !A.value?.showCheckmark ? null : "check" : !O.value.selected || y(O.value.selectedIcon) ? null : O.value.selectedIcon ?? "check"), W = l(() => e(S, "end") || U.value != null), G = l(() => b(D.value.inheritedAttrs, [])), K = l(() => r(L.value?.root, G.value, {
-		class: g({
+	}), z = s(() => "dense" in (c()?.vnode.props ?? {}) ? b.dense === !0 : b.dense === !0 ? !0 : w ? d(w).dense : !1), B = s(() => e(S, "primary") || e(S, "default") || !!O.value.primary), V = s(() => e(S, "secondary") || !!O.value.secondary), H = s(() => N.value ? !P.value || !A.value?.showCheckmark ? null : "check" : !O.value.selected || h(O.value.selectedIcon) ? null : O.value.selectedIcon ?? "check"), U = s(() => e(S, "end") || H.value != null), W = s(() => g(D.value.inheritedAttrs, [])), G = s(() => t(L.value?.root, W.value, {
+		class: _({
 			"list-none": !0,
 			"border-b border-black/10 last:border-b-0 dark:border-white/10": O.value.divider,
-			[v(R.value, "root") ?? ""]: !0
+			[m(R.value, "root") ?? ""]: !0
 		}),
-		id: N.value && A.value?.listboxId && F.value >= 0 ? o(A.value.listboxId, F.value) : void 0
-	})), q = l(() => O.value.interactive || N.value ? r(L.value?.interactive, {}, {
+		id: N.value && A.value?.listboxId && F.value >= 0 ? i(A.value.listboxId, F.value) : void 0
+	})), K = s(() => O.value.interactive || N.value ? t(L.value?.interactive, {}, {
 		"aria-disabled": O.value.disabled ? !0 : void 0,
 		role: N.value ? "option" : O.value.role,
 		tabindex: O.value.disabled || N.value ? -1 : 0,
@@ -71,7 +71,7 @@ function S(t, n, S) {
 		onClick: N.value ? () => {
 			j.value && A.value?.onSelect(j.value);
 		} : void 0,
-		class: g({
+		class: _({
 			"flex w-full min-w-0 items-center gap-x-3 text-left text-dark-900 outline-hidden transition-colors dark:text-dark-100": !0,
 			"cursor-pointer select-none": !O.value.disabled,
 			"px-4": !0,
@@ -79,57 +79,51 @@ function S(t, n, S) {
 			"py-1.5": z.value,
 			"hover:bg-black/5 focus-visible:bg-black/5 dark:hover:bg-white/10 dark:focus-visible:bg-white/10": !O.value.disabled && !N.value,
 			"bg-dark-100 font-medium text-dark-900 dark:bg-white/15 dark:text-white": O.value.selected && !N.value,
+			[A.value?.optionHoverClass ?? ""]: N.value && !O.value.disabled && !P.value,
+			[A.value?.mergedClasses.optionHover ?? ""]: N.value && !O.value.disabled && !P.value,
 			[A.value?.optionSelectedClass ?? ""]: N.value && P.value,
 			[A.value?.mergedClasses.optionSelected ?? ""]: N.value && P.value,
 			[A.value?.optionHighlightedClass ?? ""]: N.value && I.value && !P.value,
 			[A.value?.mergedClasses.optionHighlighted ?? ""]: N.value && I.value && !P.value,
 			"opacity-50 pointer-events-none": O.value.disabled,
-			[v(R.value, "interactive") ?? ""]: !0,
+			[m(R.value, "interactive") ?? ""]: !0,
 			[A.value?.sizeClasses?.option ?? ""]: !0
 		})
-	}) : null), J = l(() => g({
+	}) : null), q = s(() => _({
 		"flex w-full min-w-0 gap-x-3": !0,
 		"items-center text-dark-900 dark:text-dark-100": !O.value.interactive,
 		"px-4": !O.value.interactive,
 		"py-2": !O.value.interactive && !z.value,
 		"py-1.5": !O.value.interactive && z.value
-	})), Y = l(() => r(L.value?.start, {}, g({
+	})), J = s(() => t(L.value?.start, {}, _({
 		"flex shrink-0 text-dark-600 dark:text-dark-300": !0,
-		[v(R.value, "start") ?? ""]: !0
-	}))), X = l(() => r(L.value?.content, {}, g({
+		[m(R.value, "start") ?? ""]: !0
+	}))), Y = s(() => t(L.value?.content, {}, _({
 		"min-w-0 flex-1": !0,
-		[v(R.value, "content") ?? ""]: !0
-	}))), Z = l(() => r(L.value?.primary, {}, g("block truncate text-sm font-medium", A.value?.sizeClasses?.primary, v(R.value, "primary")))), Q = l(() => r(L.value?.secondary, {}, g("mt-0.5 block truncate text-xs text-dark-500 dark:text-dark-400", A.value?.sizeClasses?.secondary, v(R.value, "secondary"))));
+		[m(R.value, "content") ?? ""]: !0
+	}))), X = s(() => t(L.value?.primary, {}, _("block truncate text-sm font-medium", A.value?.sizeClasses?.primary, m(R.value, "primary")))), Z = s(() => t(L.value?.secondary, {}, _("mt-0.5 block truncate text-xs text-dark-500 dark:text-dark-400", A.value?.sizeClasses?.secondary, m(R.value, "secondary"))));
 	return {
 		merged: O,
-		hasEnd: W,
-		endBind: l(() => r(L.value?.end, {}, g({
+		hasEnd: U,
+		endBind: s(() => t(L.value?.end, {}, _({
 			"ml-auto flex shrink-0 items-center": !0,
-			[v(R.value, "end") ?? ""]: !0
+			[m(R.value, "end") ?? ""]: !0
 		}))),
-		rootBind: K,
-		rowClass: J,
-		hasStart: H,
-		startBind: Y,
+		rootBind: G,
+		rowClass: q,
+		startBind: J,
 		hasPrimary: B,
-		contentBind: X,
-		primaryBind: Z,
+		contentBind: Y,
+		primaryBind: X,
 		hasSecondary: V,
-		secondaryBind: Q,
-		interactiveBind: q,
-		selectedIconBind: l(() => r(L.value?.selectedIcon, {}, {
+		secondaryBind: Z,
+		interactiveBind: K,
+		selectedIconBind: s(() => t(L.value?.selectedIcon, {}, {
 			size: "sm",
-			class: g("shrink-0", A.value?.checkClass, v(R.value, "selectedIcon"))
+			class: _("shrink-0", A.value?.checkClass, m(R.value, "selectedIcon"))
 		})),
-		resolvedSelectedIcon: U
+		resolvedSelectedIcon: H
 	};
 }
-function C(r, i) {
-	if (e(r, "primary")) return n(r, "primary");
-	if (e(r, "default")) return n(r, "default");
-	if (!t(i)) return () => null;
-	let a = String(i);
-	return () => a;
-}
 //#endregion
-export { C as resolveListItemPrimary, S as useListItem };
+export { b as useListItem };

package/dist/Components/ListItem/listItem.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, Slot, VNode } from 'vue';
-import { ListboxValue, MergeHtmlProps } from '@bridge-ui/core';
+import { ListboxValue } from '@bridge-ui/core/Domain';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface ListItemClasses {

package/dist/Components/ListSection/ListSection.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
-import { useListSection as e } from "./composables/useListSection.js";
-import { computed as t, createBlock as n, createElementBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, resolveDynamicComponent as u, unref as d, useSlots as f, withCtx as p } from "vue";
+import { hasNamedSlot as e, isPropPresent as t } from "../../Utils/slotOrProp.js";
+import { useListSection as n } from "./composables/useListSection.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeProps as p, openBlock as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y, withCtx as b } from "vue";
 //#region src/Components/ListSection/ListSection.vue?vue&type=script&setup=true&lang.ts
-var m = /*@__PURE__*/ a({
+var x = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "ListSection",
 	props: {
@@ -18,13 +19,13 @@ var m = /*@__PURE__*/ a({
 		},
 		title: {}
 	},
-	setup(a) {
-		let m = f(), { label: h, merged: g, rootBind: _, titleBind: v } = e(a, m), y = t(() => g.value.as ?? "li");
-		return (e, t) => y.value === "div" ? (l(), r("div", c(s({ key: 0 }, d(v))), [(l(), n(u(d(h))))], 16)) : (l(), n(u(y.value), c(s({ key: 1 }, d(_))), {
-			default: p(() => [i("div", c(o(d(v))), [(l(), n(u(d(h))))], 16)]),
-			_: 1
+	setup(u) {
+		let x = y(), { merged: S, rootBind: C, titleBind: w } = n(u), T = i(() => S.value.as ?? "li");
+		return (n, i) => T.value === "div" ? (m(), s("div", p(f({ key: 0 }, v(w))), [v(e)(v(x), "default") ? h(n.$slots, "default", {}, void 0, void 0, 0) : v(t)(v(S).title) ? (m(), s(r, { key: 1 }, [l(_(v(S).title), 1)], 64)) : o("", !0)], 16)) : (m(), a(g(T.value), p(f({ key: 1 }, v(C))), {
+			default: b(() => [c("div", p(d(v(w))), [v(e)(v(x), "default") ? h(n.$slots, "default", {}, void 0, void 0, 0) : v(t)(v(S).title) ? (m(), s(r, { key: 1 }, [l(_(v(S).title), 1)], 64)) : o("", !0)], 16)]),
+			_: 3
 		}, 16));
 	}
 });
 //#endregion
-export { m as default };
+export { x as default };

package/dist/Components/ListSection/composables/useListSection.d.ts

@@ -1,10 +1,8 @@
-import { useSlots } from 'vue';
 import { ListSectionOwnProps, ListSectionProps } from '../listSection.types';
-export declare function useListSection(props: ListSectionOwnProps, slots: ReturnType<typeof useSlots>): {
-    label: import('vue').ComputedRef<import('vue').Slot | (() => null | import('vue').VNodeChild)>;
+export declare function useListSection(props: ListSectionOwnProps): {
     merged: import('vue').ComputedRef<ListSectionOwnProps>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListSectionProps, "classes" | "customProps" | "title" | "as" | "inset" | "sticky">, never>>>;
-    titleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListSectionProps, "classes" | "customProps" | "title" | "as" | "inset" | "sticky">, never>>>;
+    titleBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         role: string;
         class: string;
     }, "class", import('vue').HTMLAttributes | undefined, {}>>;

package/dist/Components/ListSection/composables/useListSection.js

@@ -1,11 +1,10 @@
-import { resolveSlotOrProp as e } from "../../../Utils/slotOrProp.js";
-import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
-import { LIST_INJECTION_KEY as i } from "../../List/listInjectionKey.js";
-import { computed as a, inject as o, toValue as s, useAttrs as c } from "vue";
-import { cn as l, splitComponentProps as u } from "@bridge-ui/core";
-import { get as d, omit as f } from "es-toolkit/compat";
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { LIST_INJECTION_KEY as r } from "../../List/listInjectionKey.js";
+import { computed as i, inject as a, toValue as o, useAttrs as s } from "vue";
+import { get as c, omit as l } from "es-toolkit/compat";
+import { cn as u, splitComponentProps as d } from "@bridge-ui/core/Utils";
 //#region src/Components/ListSection/composables/useListSection.ts
-var p = [
+var f = [
 	"as",
 	"inset",
 	"title",
@@ -13,40 +12,39 @@ var p = [
 	"classes",
 	"customProps"
 ];
-function m(m, h) {
-	let g = c(), _ = o(i, null), v = a(() => u({
+function p(p) {
+	let m = s(), h = a(r, null), g = i(() => d({
 		props: {
-			...g,
-			...m
+			...m,
+			...p
 		},
-		bridgeKeys: p
-	})), { merged: y, entry: b } = n({
+		bridgeKeys: f
+	})), { merged: _, entry: v } = t({
 		componentName: "ListSection",
-		props: () => v.value.componentProps
-	}), x = a(() => y.value.customProps), S = r({
-		entry: b,
-		props: () => v.value.componentProps
-	}), C = a(() => _ ? s(_).dense : !1), w = a(() => e(h, "default", y.value.title)), T = a(() => f(v.value.inheritedAttrs, [])), E = a(() => y.value.as === "div");
+		props: () => g.value.componentProps
+	}), y = i(() => _.value.customProps), b = n({
+		entry: v,
+		props: () => g.value.componentProps
+	}), x = i(() => h ? o(h).dense : !1), S = i(() => l(g.value.inheritedAttrs, [])), C = i(() => _.value.as === "div");
 	return {
-		label: w,
-		merged: y,
-		rootBind: a(() => t(x.value?.root, T.value, l({
+		merged: _,
+		rootBind: i(() => e(y.value?.root, S.value, u({
 			"list-none": !0,
-			"sticky top-0 z-10 bg-white dark:bg-dark-800": y.value.sticky && !E.value,
-			[d(S.value, "root") ?? ""]: !0
+			"sticky top-0 z-10 bg-white dark:bg-dark-800": _.value.sticky && !C.value,
+			[c(b.value, "root") ?? ""]: !0
 		}))),
-		titleBind: a(() => t(x.value?.title, {}, {
+		titleBind: i(() => e(y.value?.title, {}, {
 			role: "presentation",
-			class: l({
+			class: u({
 				"bg-white px-4 text-xs font-semibold tracking-wide text-dark-500 uppercase dark:bg-dark-800 dark:text-dark-300": !0,
-				"sticky top-0 z-10": y.value.sticky && E.value,
-				"py-2": !C.value,
-				"py-1.5": C.value,
-				"pl-14": y.value.inset,
-				[d(S.value, "title") ?? ""]: !0
+				"sticky top-0 z-10": _.value.sticky && C.value,
+				"py-2": !x.value,
+				"py-1.5": x.value,
+				"pl-14": _.value.inset,
+				[c(b.value, "title") ?? ""]: !0
 			})
 		}))
 	};
 }
 //#endregion
-export { m as useListSection };
+export { p as useListSection };

package/dist/Components/ListSection/listSection.types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, Slot, VNode } from 'vue';
-import { MergeHtmlProps } from '@bridge-ui/core';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 export interface ListSectionClasses {
     /**
      * The classes to apply to the root.

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

@@ -1,4 +1,4 @@
-import { ListboxOption } from '@bridge-ui/core';
+import { ListboxOption } from '@bridge-ui/core/Domain';
 import { ListboxOwnProps, ListboxSlots } from './listbox.types';
 type __VLS_Slots = ListboxSlots;
 type __VLS_Props = ListboxOwnProps;
@@ -8,28 +8,29 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: ListboxOption) => any;
+    apply: () => any;
     cancel: () => any;
     "update:modelValue": (value: boolean) => any;
     "show-change": (show: boolean) => any;
-    apply: () => any;
     "registered-options-change": (options: ListboxOption[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((option: ListboxOption) => any) | undefined;
+    onApply?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onShow-change"?: ((show: boolean) => any) | undefined;
-    onApply?: (() => any) | undefined;
     "onRegistered-options-change"?: ((options: ListboxOption[]) => any) | undefined;
 }>, {
-    color: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ListboxColor, import('./listbox.types').ListboxColorOverrides>;
-    size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ListboxSize, import('./listbox.types').ListboxSizeOverrides>;
+    color: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').ListboxColor, import('./listbox.types').ListboxColorOverrides>;
+    size: import('@bridge-ui/core/Utils').MergeProps<import('@bridge-ui/core/Tokens').ListboxSize, import('./listbox.types').ListboxSizeOverrides>;
+    overlay: import('@bridge-ui/core/Domain').FieldOverlayMode;
+    showFooter: boolean;
     multiple: boolean;
     loading: boolean;
     placement: import('@floating-ui/utils').Placement;
     disableAutoFocus: boolean;
     hideEmptyMessage: boolean;
     highlightedIndex: number;
-    overlay: import('@bridge-ui/core').FieldOverlayMode;
     showCheckmark: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;