@bridge-ui/vue 0.0.5 → 0.0.7

package/dist/Components/Spinner/composables/useSpinner.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { get as a, isNil as o } from "es-toolkit/compat";
-import { DEFAULT_SPINNER_THICKNESS as s, SPINNER_VIEWBOX_SIZE as c, cn as l, getSpinnerCircleGeometry as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
+import { DEFAULT_SPINNER_THICKNESS as a, SPINNER_VIEWBOX_SIZE as o, cn as s, getSpinnerCircleGeometry as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core";
+import { get as d, isNil as f } from "es-toolkit/compat";
 import { colorProps as p, sizeProps as m, variantProps as h } from "@bridge-ui/core/Tokens/Spinner";
 //#region src/Components/Spinner/composables/useSpinner.ts
 var g = [
@@ -16,13 +16,13 @@ var g = [
 	"disableShrink"
 ];
 function _(e) {
-	return o(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
+	return f(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
 }
-function v(o, v) {
-	let y = i(), b = r(() => f({
+function v(f, v) {
+	let y = i(), b = r(() => u({
 		props: {
 			...y,
-			...o
+			...f
 		},
 		bridgeKeys: g
 	})), { merged: x, entry: S } = t({
@@ -32,14 +32,14 @@ function v(o, v) {
 	}), C = n({
 		entry: S,
 		props: () => b.value.componentProps
-	}), w = r(() => x.value.customProps), T = r(() => a(d(p, S.value?.tokens?.color), x.value.color)), E = r(() => a(d(m, S.value?.tokens?.size), x.value.size)), D = r(() => a(d(h, S.value?.tokens?.variant), x.value.variant)), O = r(() => x.value.thickness ?? s), k = r(() => u(O.value)), A = c / 2, j = r(() => _(x.value.value)), M = r(() => !!x.value.enableTrack), N = r(() => !!x.value.disableShrink), P = r(() => x.value.variant === "determinate"), F = r(() => x.value.variant === "indeterminate"), I = r(() => e(w.value?.root, b.value.inheritedAttrs, {
+	}), w = r(() => x.value.customProps), T = r(() => d(l(p, S.value?.tokens?.color), x.value.color)), E = r(() => d(l(m, S.value?.tokens?.size), x.value.size)), D = r(() => d(l(h, S.value?.tokens?.variant), x.value.variant)), O = r(() => x.value.thickness ?? a), k = r(() => c(O.value)), A = o / 2, j = r(() => _(x.value.value)), M = r(() => !!x.value.enableTrack), N = r(() => !!x.value.disableShrink), P = r(() => x.value.variant === "determinate"), F = r(() => x.value.variant === "indeterminate"), I = r(() => e(w.value?.root, b.value.inheritedAttrs, {
 		role: "progressbar",
 		...P.value ? {
 			"aria-valuemin": 0,
 			"aria-valuemax": 100,
 			"aria-valuenow": j.value
 		} : {},
-		class: l({
+		class: s({
 			"inline-block": !0,
 			[E.value ?? ""]: !0,
 			[D.value ?? ""]: F.value,
@@ -48,7 +48,7 @@ function v(o, v) {
 	}));
 	return {
 		merged: x,
-		svgBind: r(() => e(w.value?.svg, { viewBox: `0 0 ${c} ${c}` }, l({
+		svgBind: r(() => e(w.value?.svg, { viewBox: `0 0 ${o} ${o}` }, s({
 			"block size-full": !0,
 			[C.value.svg ?? ""]: !0
 		}))),
@@ -59,7 +59,7 @@ function v(o, v) {
 			fill: "none",
 			r: k.value.radius,
 			"stroke-width": O.value
-		}, l({
+		}, s({
 			[T.value?.track ?? ""]: !0,
 			[C.value.track ?? ""]: !0
 		})) : null),
@@ -84,7 +84,7 @@ function v(o, v) {
 					...r,
 					...i
 				}
-			}, l({
+			}, s({
 				[T.value?.circle ?? ""]: !0,
 				"animate-bridge-spinner-dash": F.value && !N.value,
 				[C.value.circle ?? ""]: !0

package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js

@@ -19,10 +19,10 @@ var g = ["checked"], _ = /* @__PURE__ */ a({
 		endLabel: {},
 		error: { type: Boolean },
 		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
 		readonly: { type: Boolean },
 		required: { type: Boolean },
-		startLabel: {},
-		withoutErrorMessage: { type: Boolean }
+		startLabel: {}
 	}, {
 		modelValue: {
 			type: Boolean,

package/dist/Components/Switch/composables/useSwitch.d.ts

@@ -237,13 +237,13 @@ export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDe
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "size" | "error" | "withoutErrorMessage"> & {
-            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
+        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
-            withoutErrorMessage: NonNullable<boolean | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
+            hideErrorMessage: NonNullable<boolean | undefined>;
         }>;
         rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "size" | "classes" | "customProps" | "error" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "hideErrorMessage" | "readonly" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;

package/dist/Components/Switch/composables/useSwitch.js

@@ -1,8 +1,8 @@
 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 { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
+import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
+import { get as u, omit as d } from "es-toolkit/compat";
 import { colorProps as f, invalidatedProps as p, roundedProps as m, sizeProps as h } from "@bridge-ui/core/Tokens/Switch";
 //#region src/Components/Switch/composables/useSwitch.ts
 var g = [
@@ -19,9 +19,9 @@ function _(_, v, y) {
 		...a(_)
 	}), {
 		error: !1,
-		withoutErrorMessage: !1,
+		hideErrorMessage: !1,
 		size: v.size ?? "sm"
-	}), S = i(() => d({
+	}), S = i(() => l({
 		bridgeKeys: g,
 		props: {
 			...b,
@@ -34,22 +34,22 @@ function _(_, v, y) {
 	}), T = i(() => C.value.customProps), E = n({
 		entry: w,
 		props: () => S.value.componentProps
-	}), D = i(() => !!a(y)), O = i(() => s(u(f, w.value?.tokens?.color), C.value.color ?? "primary")), k = i(() => u(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => s(u(h, w.value?.tokens?.size), C.value.size ?? "sm")), M = i(() => s(u(m, w.value?.tokens?.rounded), C.value.rounded ?? "full")), N = i(() => e({
+	}), D = i(() => !!a(y)), O = i(() => u(c(f, w.value?.tokens?.color), C.value.color ?? "primary")), k = i(() => c(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => u(c(h, w.value?.tokens?.size), C.value.size ?? "sm")), M = i(() => u(c(m, w.value?.tokens?.rounded), C.value.rounded ?? "full")), N = i(() => e({
 		...T.value?.input,
 		...x.controlBind.value,
 		role: "switch",
 		type: "checkbox"
-	}, c(S.value.inheritedAttrs, ["class"]), l({
+	}, d(S.value.inheritedAttrs, ["class"]), s({
 		"sr-only": !0,
 		[E.value.input ?? ""]: !0
-	}))), P = i(() => e(T.value?.track, { "aria-hidden": !0 }, l({
+	}))), P = i(() => e(T.value?.track, { "aria-hidden": !0 }, s({
 		"block cursor-pointer transition ease-in-out duration-100": !0,
 		[j.value?.track ?? ""]: !0,
 		[M.value ?? ""]: !0,
 		[A.value?.track ?? ""]: !D.value,
 		[A.value?.trackChecked ?? ""]: D.value,
 		[E.value.track ?? ""]: !0
-	}))), F = i(() => e(T.value?.thumb, { "aria-hidden": !0 }, l({
+	}))), F = i(() => e(T.value?.thumb, { "aria-hidden": !0 }, s({
 		"pointer-events-none absolute start-0.5 top-1/2 -translate-y-1/2 rounded-full shadow-sm transition ease-in-out duration-200": !0,
 		[j.value?.thumb ?? ""]: !0,
 		[j.value?.thumbCheckedTranslate ?? ""]: D.value,
@@ -57,7 +57,7 @@ function _(_, v, y) {
 		[E.value.thumb ?? ""]: !0
 	})));
 	return {
-		fieldBind: i(() => e({}, {}, l({
+		fieldBind: i(() => e({}, {}, s({
 			"relative inline-flex shrink-0 select-none": !0,
 			"has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
 			[M.value ?? ""]: !0,

package/dist/Components/Tab/Tab.vue_vue_type_script_setup_true_lang.js

@@ -10,8 +10,8 @@ var h = /* @__PURE__ */ s({
 		classes: {},
 		customProps: {},
 		disabled: { type: Boolean },
-		endIcon: { type: [Function, Object] },
-		startIcon: { type: [Function, Object] },
+		endIcon: {},
+		startIcon: {},
 		value: {}
 	},
 	setup(s) {

package/dist/Components/Tab/composables/useTab.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
 import { computed as i, inject as a, onBeforeUnmount as o, onMounted as s, useAttrs as c, watch as l } from "vue";
-import { get as u } from "es-toolkit/compat";
-import { cn as d, getTabId as f, getTabPanelId as p, splitComponentProps as m } from "@bridge-ui/core";
+import { cn as u, getTabId as d, getTabPanelId as f, splitComponentProps as p } from "@bridge-ui/core";
+import { get as m } from "es-toolkit/compat";
 //#region src/Components/Tab/composables/useTab.ts
 var h = [
 	"value",
@@ -15,7 +15,7 @@ var h = [
 function g(g) {
 	let _ = c(), v = a(r, null);
 	if (!v) throw Error("Tab must be used within a Tabs provider");
-	let y = v, b = i(() => m({
+	let y = v, b = i(() => p({
 		bridgeKeys: h,
 		props: {
 			..._,
@@ -56,9 +56,9 @@ function g(g) {
 				onKeydown: A,
 				"aria-selected": T.value,
 				tabindex: T.value ? 0 : -1,
-				id: f(t.id, C.value),
-				"aria-controls": p(t.id, C.value),
-				class: d({
+				id: d(t.id, C.value),
+				"aria-controls": f(t.id, C.value),
+				class: u({
 					"inline-flex cursor-pointer items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40 disabled:pointer-events-none disabled:opacity-50": !0,
 					[t.tokenClasses.iconGap ?? ""]: !0,
 					[t.tokenClasses.tabSize ?? ""]: !0,
@@ -67,19 +67,19 @@ function g(g) {
 					[t.tokenClasses.tabVariantSelected ?? ""]: T.value,
 					[t.tokenClasses.colorSelected ?? ""]: T.value,
 					[t.tokenClasses.colorSelectedSoft ?? ""]: T.value && t.tokenClasses.softFill === !0,
-					[u(O.value, "root") ?? ""]: !0
+					[m(O.value, "root") ?? ""]: !0
 				})
 			});
 		}),
 		selected: T,
-		endIconBind: i(() => e(j.value?.endIcon, {}, d({
+		endIconBind: i(() => e(j.value?.endIcon, {}, u({
 			"shrink-0": !0,
-			[u(O.value, "endIcon") ?? ""]: !0
+			[m(O.value, "endIcon") ?? ""]: !0
 		}))),
 		endSlotBind: i(() => e(j.value?.end, {}, "inline-flex shrink-0 items-center")),
-		startIconBind: i(() => e(j.value?.startIcon, {}, d({
+		startIconBind: i(() => e(j.value?.startIcon, {}, u({
 			"shrink-0": !0,
-			[u(O.value, "startIcon") ?? ""]: !0
+			[m(O.value, "startIcon") ?? ""]: !0
 		}))),
 		startSlotBind: i(() => e(j.value?.start, {}, "inline-flex shrink-0 items-center"))
 	};

package/dist/Components/Tab/tab.types.d.ts

@@ -1,6 +1,6 @@
-import { LucideIcon } from '@lucide/vue';
 import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
 import { MergeHtmlProps } from '@bridge-ui/core';
+import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface TabClasses {
     /**
@@ -65,13 +65,13 @@ export interface TabOwnProps {
      *
      * @default undefined
      */
-    endIcon?: LucideIcon;
+    endIcon?: IconSource;
     /**
      * Icon at the **inline start** (physical left in `ltr`, physical right in `rtl`). Prefer over the `#start` slot.
      *
      * @default undefined
      */
-    startIcon?: LucideIcon;
+    startIcon?: IconSource;
     /**
      * Stable value matching a `TabPanel`.
      */

package/dist/Components/TabItem/TabItem.vue_vue_type_script_setup_true_lang.js

@@ -11,10 +11,10 @@ var a = {
 	props: {
 		classes: {},
 		disabled: { type: Boolean },
-		endIcon: { type: [Function, Object] },
+		endIcon: {},
 		keepMounted: { type: Boolean },
 		label: {},
-		startIcon: { type: [Function, Object] },
+		startIcon: {},
 		value: {}
 	},
 	setup(n) {

package/dist/Components/TabItem/tabItem.types.d.ts

@@ -1,5 +1,5 @@
-import { LucideIcon } from '@lucide/vue';
 import { Slot } from 'vue';
+import { IconSource } from '../../Adapters/Icon';
 export interface TabItemClasses {
     /**
      * Unused on the registration-only root; reserved for overrides.
@@ -27,7 +27,7 @@ export interface TabItemOwnProps {
      *
      * @default undefined
      */
-    endIcon?: LucideIcon;
+    endIcon?: IconSource;
     /**
      * When set, overrides `Tabs` `keepMounted` for this panel.
      *
@@ -45,7 +45,7 @@ export interface TabItemOwnProps {
      *
      * @default undefined
      */
-    startIcon?: LucideIcon;
+    startIcon?: IconSource;
     /**
      * Stable value for the tab / panel pair.
      */

package/dist/Components/TabList/composables/useTabList.js

@@ -1,14 +1,14 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
 import { computed as i, inject as a, useAttrs as o } from "vue";
-import { get as s } from "es-toolkit/compat";
-import { cn as c, getAdjacentTabValue as l, getTabId as u, splitComponentProps as d } from "@bridge-ui/core";
+import { cn as s, getAdjacentTabValue as c, getTabId as l, splitComponentProps as u } from "@bridge-ui/core";
+import { get as d } from "es-toolkit/compat";
 //#region src/Components/TabList/composables/useTabList.ts
 var f = ["classes", "customProps"];
 function p(p) {
 	let m = o(), h = a(r, null);
 	if (!h) throw Error("TabList must be used within a Tabs provider");
-	let g = h, _ = i(() => d({
+	let g = h, _ = i(() => u({
 		bridgeKeys: f,
 		props: {
 			...m,
@@ -22,10 +22,10 @@ function p(p) {
 		props: () => _.value.componentProps
 	});
 	function x(e) {
-		let t = g.value, n = t.orientation === "horizontal", r = n ? "ArrowRight" : "ArrowDown", i = n ? "ArrowLeft" : "ArrowUp", a = typeof document < "u" ? document.activeElement?.id : void 0, o = t.tabValues.find((e) => u(t.id, e) === a) ?? t.selected;
+		let t = g.value, n = t.orientation === "horizontal", r = n ? "ArrowRight" : "ArrowDown", i = n ? "ArrowLeft" : "ArrowUp", a = typeof document < "u" ? document.activeElement?.id : void 0, o = t.tabValues.find((e) => l(t.id, e) === a) ?? t.selected;
 		if (e.key === r || e.key === i) {
 			e.preventDefault();
-			let n = e.key === r ? 1 : -1, i = l(t.tabValues, o, n, new Set(t.disabledValues));
+			let n = e.key === r ? 1 : -1, i = c(t.tabValues, o, n, new Set(t.disabledValues));
 			t.focusTab(i), t.activation === "automatic" && t.setSelected(i);
 			return;
 		}
@@ -50,12 +50,12 @@ function p(p) {
 				role: "tablist",
 				onKeydown: x,
 				"aria-orientation": t.orientation,
-				class: c({
+				class: s({
 					flex: !0,
 					[t.tokenClasses.listOrientation ?? ""]: !0,
 					[t.tokenClasses.listSize ?? ""]: !0,
 					[t.tokenClasses.listVariant ?? ""]: !0,
-					[s(b.value, "root") ?? ""]: !0
+					[d(b.value, "root") ?? ""]: !0
 				})
 			});
 		})

package/dist/Components/TabPanel/composables/useTabPanel.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
 import { computed as i, getCurrentInstance as a, inject as o, useAttrs as s } from "vue";
-import { get as c } from "es-toolkit/compat";
-import { cn as l, getTabId as u, getTabPanelId as d, splitComponentProps as f } from "@bridge-ui/core";
+import { cn as c, getTabId as l, getTabPanelId as u, splitComponentProps as d } from "@bridge-ui/core";
+import { get as f } from "es-toolkit/compat";
 //#region src/Components/TabPanel/composables/useTabPanel.ts
 var p = [
 	"value",
@@ -13,7 +13,7 @@ var p = [
 function m(m) {
 	let h = s(), g = o(r, null);
 	if (!g) throw Error("TabPanel must be used within a Tabs provider");
-	let _ = g, v = i(() => f({
+	let _ = g, v = i(() => d({
 		props: {
 			...h,
 			...m
@@ -34,12 +34,12 @@ function m(m) {
 				role: "tabpanel",
 				hidden: !S.value,
 				tabindex: S.value ? 0 : -1,
-				id: d(t.id, x.value),
-				"aria-labelledby": u(t.id, x.value),
-				class: l({
+				id: u(t.id, x.value),
+				"aria-labelledby": l(t.id, x.value),
+				class: c({
 					[t.tokenClasses.panelSize ?? ""]: !0,
 					[t.tokenClasses.panelOrientation ?? ""]: !0,
-					[c(w.value, "root") ?? ""]: !0
+					[f(w.value, "root") ?? ""]: !0
 				})
 			});
 		}),