@bridge-ui/vue 0.5.1 → 0.7.0

package/dist/Components/Select/composables/useSelect.js

@@ -3,14 +3,15 @@ import { hasNamedSlot as t } from "../../../Utils/slotOrProp.js";
 import { useBreakpoint as n } from "../../../Utils/useBreakpoint.js";
 import { mergePartBind as r, resolveFieldAdornmentIconSize as ee, useBridgeUIComponent as te, useBridgeUIMergedRegistryClasses as i, useFieldShowFooter as ne } from "../../../Utils/index.js";
 import { formFieldBridgeKeys as re, useFormField as ie } from "../../FormField/composables/useFormField.js";
-import { useListboxNavigation as ae } from "../../Listbox/composables/useListboxNavigation.js";
-import { Comment as oe, Text as se, computed as a, nextTick as o, onBeforeUnmount as ce, onMounted as le, ref as s, useAttrs as ue, useId as de, useSlots as fe, watch as c } from "vue";
-import { get as pe, isNil as me, omit as he } from "es-toolkit/compat";
-import { createSelectAsyncSearch as ge, filterListboxEntries as _e, flattenListboxOptions as l, normalizeListboxEntries as u, normalizeSelectOptions as ve, resolveFieldOverlay as ye, resolveSelectAsyncDebounce as be, resolveSelectAsyncOptions as xe, selectValuesEqual as d } from "@bridge-ui/core/Domain";
-import { listboxColorProps as Se } from "@bridge-ui/core/Tokens";
-import { adjustAutosizeTextareaHeight as Ce, cn as f, getColorToken as we, mergeBridgeUILayeredClasses as Te, splitComponentProps as Ee } from "@bridge-ui/core/Utils";
+import { collectComposedListboxOptions as ae } from "../../Listbox/collectComposedListboxOptions.js";
+import { useListboxNavigation as oe } from "../../Listbox/composables/useListboxNavigation.js";
+import { Comment as se, Text as ce, computed as a, nextTick as o, onBeforeUnmount as le, onMounted as ue, ref as s, useAttrs as de, useId as fe, useSlots as pe, watch as c } from "vue";
+import { get as me, isNil as he, isObjectLike as l, isSymbol as ge, omit as _e } from "es-toolkit/compat";
+import { createSelectAsyncSearch as ve, filterListboxEntries as ye, flattenListboxOptions as u, mergeListboxOptionsByValue as be, normalizeListboxEntries as xe, normalizeSelectOptions as Se, resolveFieldOverlay as Ce, resolveSelectAsyncDebounce as we, resolveSelectAsyncOptions as Te, selectValuesEqual as d } from "@bridge-ui/core/Domain";
+import { listboxColorProps as Ee } from "@bridge-ui/core/Tokens";
+import { adjustAutosizeTextareaHeight as De, cn as f, getColorToken as Oe, mergeBridgeUILayeredClasses as ke, splitComponentProps as Ae } from "@bridge-ui/core/Utils";
 //#region src/Components/Select/composables/useSelect.ts
-var De = [
+var je = [
 	"classes",
 	"loading",
 	"options",
@@ -33,81 +34,81 @@ var De = [
 	"minItemsForSearch",
 	"optionDescription"
 ];
-function p(p, m, h, g, Oe) {
-	let ke = ue(), _ = fe(), v = de(), Ae = n(), y = e(), b = s(!1), x = s(""), S = s(!1), C = s(-1), w = s([]), T = s([]), E = s([]), D = s(null), O = null, k = a(() => Ee({
-		bridgeKeys: De,
+function p(p, m, h, g, Me) {
+	let Ne = de(), _ = pe(), v = fe(), Pe = n(), y = e(), b = s(!1), x = s(""), S = s(!1), C = s(-1), w = s([]), T = s([]), E = s([]), D = s(null), O = null, k = a(() => Ae({
+		bridgeKeys: je,
 		props: {
-			...ke,
+			...Ne,
 			...p
 		}
-	})), A = a(() => k.value.componentProps), je = a(() => ({ classes: A.value.classes })), { components: Me, entry: Ne } = te({
+	})), A = a(() => k.value.componentProps), Fe = a(() => ({ classes: A.value.classes })), { components: Ie, entry: Le } = te({
 		componentName: "Select",
-		props: () => je.value
+		props: () => Fe.value
 	}), j = i({
-		entry: Ne,
-		props: () => je.value
+		entry: Le,
+		props: () => Fe.value
 	}), M = a(() => !!A.value.multiple), N = a(() => ({
 		optionLabel: A.value.optionLabel ?? "label",
 		optionValue: A.value.optionValue ?? "value",
 		optionDescription: A.value.optionDescription ?? "description"
-	})), P = a(() => Oe.value.length > 0 ? Oe.value.map((e) => ({
+	})), P = a(() => Me.value.length > 0 ? Me.value.map((e) => ({
 		option: e,
 		type: "option"
-	})) : u(A.value.options, N.value)), Pe = a(() => l(P.value)), F = s([]);
-	function Fe(e) {
-		if (!e || typeof e != "object") return !1;
+	})) : xe(A.value.options, N.value)), Re = a(() => u(P.value)), F = s([]);
+	function ze(e) {
+		if (!l(e)) return !1;
 		let t = e.type;
-		if (!t || typeof t != "object") return !1;
+		if (!l(t)) return !1;
 		let n = t.name, r = t.__name;
 		return n === "SelectOption" || r === "SelectOption";
 	}
-	function Ie() {
+	function Be() {
 		return t(_, "default") ? (_.default?.({}) ?? []).some((e) => {
-			if (!e || typeof e != "object") return !1;
+			if (!l(e)) return !1;
 			let t = e.type;
-			return t === oe || t === se || t === void 0 || typeof t == "symbol" ? !1 : !Fe(e);
+			return t === se || t === ce || t === void 0 || ge(t) ? !1 : !ze(e);
 		}) : !1;
 	}
-	let I = a(() => Ie() && !A.value.options?.length), L = a(() => {
+	let I = a(() => Be()), Ve = a(() => I.value ? ae(_.default?.({}) ?? []) : []), L = a(() => {
 		if (I.value) return [];
 		if (T.value.length > 0) {
-			let e = u(T.value, N.value);
+			let e = xe(T.value, N.value);
 			return A.value.flipOptions ? [...e].reverse() : e;
 		}
 		return A.value.flipOptions ? [...P.value].reverse().map((e) => e.type === "section" ? {
 			...e,
 			options: [...e.options].reverse()
 		} : e) : P.value;
-	}), Le = a(() => I.value ? F.value : l(L.value)), R = a(() => {
+	}), He = a(() => I.value ? be(F.value, Ve.value) : u(L.value)), R = a(() => {
 		let e = m.value;
-		return M.value ? Array.isArray(e) ? e : [] : !me(e) && e !== "" ? [e] : [];
-	}), Re = a(() => ye(A.value.overlay, Ae.mobile)), z = ne({
+		return M.value ? Array.isArray(e) ? e : [] : !he(e) && e !== "" ? [e] : [];
+	}), Ue = a(() => Ce(A.value.overlay, Pe.mobile)), z = ne({
 		componentName: "Select",
-		overlay: Re,
+		overlay: Ue,
 		showFooter: () => A.value.showFooter
-	}), ze = a(() => z.value ? w.value : R.value), B = a(() => {
+	}), We = a(() => z.value ? w.value : R.value), B = a(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of [...Le.value, ...E.value]) e.set(t.value, t);
+		for (let t of [...He.value, ...E.value]) e.set(t.value, t);
 		return R.value.map((t) => e.get(t) ?? {
 			value: t,
 			label: String(t)
 		});
-	}), V = a(() => R.value.length > 0), Be = a(() => A.value.clearable !== !1), H = a(() => !!A.value.asyncData), U = a(() => {
+	}), V = a(() => R.value.length > 0), Ge = a(() => A.value.clearable !== !1), H = a(() => !!A.value.asyncData), U = a(() => {
 		if (H.value || A.value.searchable) return !0;
 		let e = A.value.minItemsForSearch ?? 11;
-		return Pe.value.length >= e;
-	}), W = a(() => b.value && U.value), Ve = a(() => !!A.value.loading || S.value), He = a(() => {
+		return Re.value.length >= e;
+	}), W = a(() => b.value && U.value), Ke = a(() => !!A.value.loading || S.value), qe = a(() => {
 		if (I.value) return [];
 		if (!W.value || !x.value.trim()) return L.value;
 		let e = x.value.trim().toLowerCase();
-		return _e(L.value, (t) => t.label.toLowerCase().includes(e));
-	}), G = a(() => I.value ? F.value : l(He.value)), K = ae(() => G.value, C, v), Ue = a(() => p.readonly || p.disabled ? !0 : !W.value), We = a(() => W.value || M.value ? x.value : B.value[0]?.label ?? ""), Ge = (e) => {
+		return ye(L.value, (t) => t.label.toLowerCase().includes(e));
+	}), G = a(() => I.value ? F.value : u(qe.value)), K = oe(() => G.value, C, v), Je = a(() => p.readonly || p.disabled ? !0 : !W.value), Ye = a(() => W.value || M.value ? x.value : B.value[0]?.label ?? ""), Xe = (e) => {
 		D.value = e instanceof HTMLElement ? e : null;
 	};
-	function Ke(e) {
+	function Ze(e) {
 		e.preventDefault();
 	}
-	function qe(e) {
+	function Qe(e) {
 		if (p.disabled || p.readonly) return;
 		let t = e.target;
 		if (!t.closest("[data-select-clear]") && !(t.closest(".wrapper-start-slot") || t.closest(".wrapper-end-slot"))) {
@@ -118,8 +119,8 @@ function p(p, m, h, g, Oe) {
 			W.value || (Q(), h.value?.focus({ preventScroll: !0 }));
 		}
 	}
-	let Je = a(() => {
-		let e = he(k.value.inheritedAttrs, ["class"]), n = Ee({
+	let $e = a(() => {
+		let e = _e(k.value.inheritedAttrs, ["class"]), n = Ae({
 			bridgeKeys: re,
 			props: e
 		}).componentProps, ee = n.endIcon ?? (t(_, "end") ? void 0 : "chevronUpDown"), { listbox: te, ...i } = n.customProps ?? {};
@@ -130,13 +131,13 @@ function p(p, m, h, g, Oe) {
 			customProps: {
 				...i,
 				container: r(i.container, {}, {
-					ref: Ge,
-					onClick: qe,
+					ref: Xe,
+					onClick: Qe,
 					class: f({ "cursor-pointer": !p.disabled && !p.readonly && !W.value })
 				})
 			}
 		};
-	}), Ye = a(() => p.customProps?.listbox), q = ie(() => Je.value, {
+	}), et = a(() => p.customProps?.listbox), q = ie(() => $e.value, {
 		size: "md",
 		rounded: "md",
 		color: "primary",
@@ -146,11 +147,11 @@ function p(p, m, h, g, Oe) {
 		componentName: "Select",
 		likeInput: () => M.value,
 		control: () => M.value ? "textarea" : "input"
-	}), Xe = a(() => V.value && Be.value && !p.readonly && !q.isDisabled.value), J = (e) => {
-		!e || !M.value || Ce(e);
+	}), tt = a(() => V.value && Ge.value && !p.readonly && !q.isDisabled.value), J = (e) => {
+		!e || !M.value || De(e);
 	};
-	function Ze(e) {
-		return ze.value.some((t) => d(t, e));
+	function nt(e) {
+		return We.value.some((t) => d(t, e));
 	}
 	function Y(e) {
 		m.value = e;
@@ -170,7 +171,7 @@ function p(p, m, h, g, Oe) {
 	function Q() {
 		O?.cancel(), b.value && (b.value = !1, x.value = "", C.value = -1, g("close"));
 	}
-	function Qe(e) {
+	function rt(e) {
 		if (!e.disabled) {
 			if (z.value) {
 				if (M.value) {
@@ -193,7 +194,7 @@ function p(p, m, h, g, Oe) {
 			Y(e.value), X(e.value), g("select", e), Q();
 		}
 	}
-	function $e() {
+	function it() {
 		if (M.value) Y(w.value), X(w.value);
 		else {
 			let e = w.value[0] ?? null;
@@ -201,26 +202,26 @@ function p(p, m, h, g, Oe) {
 		}
 		Q(), g("apply");
 	}
-	function et() {
+	function at() {
 		w.value = [...R.value], Q(), g("cancel");
 	}
-	function tt(e) {
+	function ot(e) {
 		e?.preventDefault(), e?.stopPropagation(), !(p.disabled || p.readonly) && (M.value ? (Y([]), X([])) : (Y(null), X(null)), g("clear"), Q());
 	}
-	function nt(e, t) {
+	function st(e, t) {
 		if (t.preventDefault(), t.stopPropagation(), !M.value) return;
 		let n = R.value.filter((t) => !d(t, e.value));
 		Y(n), X(n), g("deselect", e), o(() => J(h.value));
 	}
-	function rt() {
+	function ct() {
 		let e = K.getHighlightedOption();
-		e && Qe(e);
+		e && rt(e);
 	}
-	function it(e) {
+	function lt(e) {
 		let t = e.target;
 		x.value = t.value, g("search", x.value), b.value || Z(), K.resetHighlight(), H.value && O?.searchDebounced(x.value);
 	}
-	function at(e) {
+	function ut(e) {
 		if (!(p.disabled || p.readonly)) switch (e.key) {
 			case "ArrowDown":
 				e.preventDefault(), b.value ? K.moveHighlight(1) : Z();
@@ -229,7 +230,7 @@ function p(p, m, h, g, Oe) {
 				e.preventDefault(), b.value ? K.moveHighlight(-1) : Z();
 				break;
 			case "Enter":
-				e.preventDefault(), b.value ? rt() : Z();
+				e.preventDefault(), b.value ? ct() : Z();
 				break;
 			case "Escape":
 				e.preventDefault(), Q();
@@ -244,63 +245,63 @@ function p(p, m, h, g, Oe) {
 				if (M.value && !x.value && B.value.length > 0) {
 					e.preventDefault();
 					let t = B.value.at(-1);
-					t && nt(t, e);
+					t && st(t, e);
 				}
 				break;
 			case "Tab": Q();
 		}
 	}
-	async function ot(e) {
+	async function dt(e) {
 		let t = A.value.asyncData;
 		if (t) {
 			S.value = !0;
 			try {
-				let { options: n, resolvedSelected: r } = await xe(t, e, R.value, (e) => ve(e, N.value));
+				let { options: n, resolvedSelected: r } = await Te(t, e, R.value, (e) => Se(e, N.value));
 				r.length > 0 && (E.value = r), T.value = n;
 			} finally {
 				S.value = !1;
 			}
 		}
 	}
-	async function st() {
+	async function ft() {
 		let e = A.value.asyncData;
-		!e?.resolve || R.value.length === 0 || (E.value = ve(await e.resolve(R.value), N.value));
+		!e?.resolve || R.value.length === 0 || (E.value = Se(await e.resolve(R.value), N.value));
 	}
 	let $ = a(() => {
-		let e = Te(Se, pe(Me.value, [
+		let e = ke(Ee, me(Ie.value, [
 			"Select",
 			"tokens",
 			"listbox",
 			"color"
 		]));
-		return we({
+		return Oe({
 			tokens: e,
 			color: q.merged.value.color,
 			invalid: q.invalidated.value
 		});
-	}), ct = a(() => $.value?.value), lt = a(() => {
+	}), pt = a(() => $.value?.value), mt = a(() => {
 		let e = !p.disabled && !p.readonly && !W.value, t = !p.disabled && !p.readonly && W.value && U.value, n = V.value && !M.value && !W.value;
 		return r({
 			role: "combobox",
-			value: We.value,
+			value: Ye.value,
 			"aria-controls": v,
 			"aria-expanded": b.value,
-			readonly: Ue.value,
-			onKeydown: at,
+			readonly: Je.value,
+			onKeydown: ut,
 			placeholder: A.value.placeholder,
 			"aria-autocomplete": U.value ? "list" : void 0,
 			"aria-activedescendant": b.value ? K.activeDescendantId.value : void 0,
 			...M.value ? {
 				rows: 1,
 				onInput: (e) => {
-					it(e), J(e.target);
+					lt(e), J(e.target);
 				}
-			} : { onInput: it }
+			} : { onInput: lt }
 		}, q.inputBind.value, f({
 			"cursor-text": t,
 			"cursor-pointer": e,
 			"resize-none overflow-hidden": M.value,
-			[f(ct.value, j.value.value) ?? ""]: n
+			[f(pt.value, j.value.value) ?? ""]: n
 		}));
 	});
 	c(() => [
@@ -310,38 +311,38 @@ function p(p, m, h, g, Oe) {
 	], () => {
 		J(h.value);
 	}, { immediate: !0 }), c(() => m.value, () => {
-		st();
+		ft();
 	}, { immediate: !0 }), c(() => A.value.asyncData, (e) => {
-		if (O?.cancel(), T.value = [], st(), !e) {
+		if (O?.cancel(), T.value = [], ft(), !e) {
 			O = null;
 			return;
 		}
-		O = ge((e) => void ot(e), be(e));
-	}, { immediate: !0 }), ce(() => {
+		O = ve((e) => void dt(e), we(e));
+	}, { immediate: !0 }), le(() => {
 		O?.cancel();
-	}), le(() => {
+	}), ue(() => {
 		J(h.value);
 	});
-	let ut = a(() => ee(q.merged.value.size)), dt = a(() => r({}, {}, {
+	let ht = a(() => ee(q.merged.value.size)), gt = a(() => r({}, {}, {
 		tabindex: 0,
 		role: "button",
 		"data-select-clear": !0,
-		onMousedown: Ke,
+		onMousedown: Ze,
 		class: f({
 			"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm transition-colors duration-150": !0,
 			[$.value?.clear ?? ""]: !0,
 			[j.value.clear ?? ""]: !0
 		})
-	})), ft = a(() => ({
+	})), _t = a(() => ({
 		listboxId: v,
-		isSelected: Ze,
+		isSelected: nt,
 		disableAutoFocus: !0,
 		overlay: p.overlay,
-		loading: Ve.value,
+		loading: Ke.value,
 		multiple: M.value,
 		maxHeight: p.maxHeight,
 		showFooter: z.value,
-		entries: He.value,
+		entries: qe.value,
 		options: G.value,
 		size: q.merged.value.size,
 		error: q.invalidated.value,
@@ -353,11 +354,15 @@ function p(p, m, h, g, Oe) {
 		hideEmptyMessage: A.value.hideEmptyMessage === !0,
 		emptyMessage: A.value.emptyMessage ?? y("No options"),
 		loadingMessage: A.value.loadingMessage ?? y("Loading..."),
-		...Ye.value
+		...et.value
 	}));
-	function pt(e) {
+	function vt(e) {
+		if (e.length === 0) return;
 		let t = F.value;
-		t.length === e.length && t.every((t, n) => String(t.value) === String(e[n]?.value)) || (F.value = e);
+		t.length === e.length && t.every((t, n) => {
+			let r = e[n];
+			return t.label === r?.label && t.description === r?.description && String(t.value) === String(r?.value) && !!t.disabled == !!r?.disabled;
+		}) || (F.value = e);
 	}
 	return {
 		open: b,
@@ -366,27 +371,27 @@ function p(p, m, h, g, Oe) {
 		multiple: M,
 		listboxId: v,
 		formField: q,
-		isLoading: Ve,
-		clearable: Be,
-		clearBind: dt,
-		isSelected: Ze,
-		clearValue: tt,
-		removeChip: nt,
-		triggerBind: lt,
-		handleApply: $e,
-		selectOption: Qe,
-		handleCancel: et,
+		isLoading: Ke,
+		clearable: Ge,
+		clearBind: gt,
+		isSelected: nt,
+		clearValue: ot,
+		removeChip: st,
+		triggerBind: mt,
+		handleApply: it,
+		selectOption: rt,
+		handleCancel: at,
 		containerRef: D,
-		listboxProps: ft,
-		clearIconSize: ut,
+		listboxProps: _t,
+		clearIconSize: ht,
 		mergedClasses: j,
-		showClearIcon: Xe,
+		showClearIcon: tt,
 		visibleOptions: G,
 		isSearchActive: W,
 		selectedOptions: B,
 		hasComposedList: I,
 		highlightedIndex: C,
-		handleRegisteredOptionsChange: pt,
+		handleRegisteredOptionsChange: vt,
 		hideEmptyMessage: a(() => A.value.hideEmptyMessage === !0),
 		emptyMessage: a(() => A.value.emptyMessage ?? y("No options")),
 		loadingMessage: a(() => A.value.loadingMessage ?? y("Loading..."))

package/dist/Components/Sidebar/composables/useSidebarListItem.js

@@ -2,43 +2,44 @@ import { isPropPresent as e } from "../../../Utils/slotOrProp.js";
 import { useSidebar as t } from "./useSidebar.js";
 import { SIDEBAR_LIST_INJECTION_KEY as n } from "../sidebarListInjectionKey.js";
 import { computed as r, inject as i } from "vue";
-import { isSidebarIconOnly as a, resolveSidebarListTooltipPlacement as o } from "@bridge-ui/core/Domain";
-import { cn as s } from "@bridge-ui/core/Utils";
+import { isString as a } from "es-toolkit/compat";
+import { isSidebarIconOnly as o, resolveSidebarListTooltipPlacement as s } from "@bridge-ui/core/Domain";
+import { cn as c } from "@bridge-ui/core/Utils";
 //#region src/Components/Sidebar/composables/useSidebarListItem.ts
-function c(c) {
-	let l = t(), u = i(n, null), d = r(() => u ? u.value.iconOnly : a({
-		state: l.value.state,
-		isMobile: l.value.isMobile,
-		collapsible: l.value.collapsible
-	})), f = r(() => {
-		if (d.value) {
-			if (c.tooltip !== void 0) return c.tooltip || void 0;
-			if (typeof c.primary == "string") return c.primary;
+function l(l) {
+	let u = t(), d = i(n, null), f = r(() => d ? d.value.iconOnly : o({
+		state: u.value.state,
+		isMobile: u.value.isMobile,
+		collapsible: u.value.collapsible
+	})), p = r(() => {
+		if (f.value) {
+			if (l.tooltip !== void 0) return l.tooltip || void 0;
+			if (a(l.primary)) return l.primary;
 		}
-	}), p = r(() => c.tooltipPlacement === void 0 ? o(l.value.side) : c.tooltipPlacement), m = r(() => {
-		if (!(!d.value || typeof c.primary != "string")) return c.primary;
+	}), m = r(() => l.tooltipPlacement === void 0 ? s(u.value.side) : l.tooltipPlacement), h = r(() => {
+		if (!(!f.value || !a(l.primary))) return l.primary;
 	});
 	return {
-		tooltip: f,
+		tooltip: p,
 		itemClasses: r(() => {
-			let t = e(c.secondary);
+			let t = e(l.secondary);
 			return {
-				end: s({ hidden: d.value }),
-				content: s({ hidden: d.value }),
-				start: s({ "items-center justify-center": !0 }),
-				interactive: s({
-					"gap-x-2 overflow-hidden rounded-lg px-2 transition-[width,height,padding] duration-200 ease-linear": !d.value,
-					"min-h-12 py-2": !d.value && t,
-					"min-h-8 py-0": !d.value && !t,
-					"gap-0 overflow-hidden rounded-lg p-0": d.value,
-					"size-8 justify-center": d.value && t,
-					"h-8 w-full px-2": d.value && !t
+				end: c({ hidden: f.value }),
+				content: c({ hidden: f.value }),
+				start: c({ "items-center justify-center": !0 }),
+				interactive: c({
+					"gap-x-2 overflow-hidden rounded-lg px-2 transition-[width,height,padding] duration-200 ease-linear": !f.value,
+					"min-h-12 py-2": !f.value && t,
+					"min-h-8 py-0": !f.value && !t,
+					"gap-0 overflow-hidden rounded-lg p-0": f.value,
+					"size-8 justify-center": f.value && t,
+					"h-8 w-full px-2": f.value && !t
 				})
 			};
 		}),
-		accessibleName: m,
-		tooltipPlacement: p
+		accessibleName: h,
+		tooltipPlacement: m
 	};
 }
 //#endregion
-export { c as useSidebarListItem };
+export { l as useSidebarListItem };

package/dist/Components/Sidebar/composables/useSidebarTrigger.js

@@ -1,28 +1,28 @@
 import { hasNamedSlot as e } from "../../../Utils/slotOrProp.js";
 import { useSidebar as t } from "./useSidebar.js";
 import { computed as n, useAttrs as r } from "vue";
-import { omit as i } from "es-toolkit/compat";
+import { isFunction as i, isString as a, omit as o } from "es-toolkit/compat";
 //#region src/Components/Sidebar/composables/useSidebarTrigger.ts
-function a(a) {
-	let o = t(), s = r(), c = n(() => e(a, "default"));
+function s(s) {
+	let c = t(), l = r(), u = n(() => e(s, "default"));
 	return {
 		icon: n(() => {
-			if (!c.value) return "panelLeft";
+			if (!u.value) return "panelLeft";
 		}),
-		expanded: n(() => o.value.isMobile ? o.value.openMobile : o.value.open),
-		iconClass: n(() => o.value.side === "right" ? "rotate-180 rtl:rotate-0" : "rtl:rotate-180"),
+		expanded: n(() => c.value.isMobile ? c.value.openMobile : c.value.open),
+		iconClass: n(() => c.value.side === "right" ? "rotate-180 rtl:rotate-0" : "rtl:rotate-180"),
 		ariaLabel: n(() => {
-			let e = s["aria-label"];
-			return typeof e == "string" ? e : "Toggle sidebar";
+			let e = l["aria-label"];
+			return a(e) ? e : "Toggle sidebar";
 		}),
 		handleClick: (e) => {
-			let t = s.onClick;
-			typeof t == "function" && t(e), !e.defaultPrevented && o.value.toggleSidebar();
+			let t = l.onClick;
+			i(t) && t(e), !e.defaultPrevented && c.value.toggleSidebar();
 		},
-		hasDefaultSlot: c,
-		attrs: n(() => i(s, ["onClick", "aria-label"])),
-		panelId: n(() => o.value.panelId)
+		hasDefaultSlot: u,
+		attrs: n(() => o(l, ["onClick", "aria-label"])),
+		panelId: n(() => c.value.panelId)
 	};
 }
 //#endregion
-export { a as useSidebarTrigger };
+export { s as useSidebarTrigger };

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

@@ -49,7 +49,6 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         }>>;
         controlId: import('vue').ComputedRef<string>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
         sizeClasses: import('vue').ComputedRef<import('@bridge-ui/core/Tokens').BaseFieldSizeItem | undefined>;
@@ -60,6 +59,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
     };
     trackBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {