@bridge-ui/vue 0.0.10 → 0.0.11

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, MaybeRefOrGetter } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { FormFieldOwnProps, FormFieldSlots } from '../formField.types';
 import { LabelProps } from '../../Label/label.types';
 export type FormFieldReservedSlotName = Exclude<keyof FormFieldSlots, "default">;
@@ -33,8 +33,8 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
     }>;
     merged: import('vue').ComputedRef<FormFieldMerged>;
     control: import('vue').ComputedRef<string>;
-    endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
+    endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
         onCopy?: ((payload: ClipboardEvent) => void) | undefined;
         onCut?: ((payload: ClipboardEvent) => void) | undefined;
         onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -154,7 +154,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        'aria-haspopup'?: "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | "dialog" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined | undefined;
@@ -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" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined | undefined;
@@ -224,9 +224,9 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
         class: string;
     }>>;
     controlId: import('vue').ComputedRef<string>;
-    errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
-    inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         id: string;
         disabled: boolean;
         readonly: boolean;
@@ -450,27 +450,27 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
     }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
     isNotched: import('vue').ComputedRef<boolean>;
     isStacked: import('vue').ComputedRef<boolean>;
-    startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    headerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     isDisabled: import('vue').ComputedRef<boolean>;
     isReadonly: import('vue').ComputedRef<boolean>;
-    variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>>;
-    endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    variantKey: import('vue').ComputedRef<NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>>;
+    endIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     invalidated: import('vue').ComputedRef<boolean>;
-    containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {
-        "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
+    containerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {
+        "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
     }>>;
-    startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    startIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
     fieldLabelProps: import('vue').ComputedRef<LabelProps>;
     ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
-    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
     hasInsetLabelRow: import('vue').ComputedRef<boolean>;
-    insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
+    stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
     showErrorMessageContent: import('vue').ComputedRef<boolean>;
     reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
 };

package/dist/Components/FormField/composables/useFormField.js

@@ -1,9 +1,9 @@
 import { hasNamedSlot as e, hasSlotOrProp as t } from "../../../Utils/slotOrProp.js";
 import { mergeNestedComponentProps as n, mergePartBind as r, useBridgeUIComponent as i, useBridgeUIMergedRegistryClasses as a } from "../../../Utils/index.js";
 import { computed as o, toValue as s, useId as c, useSlots as l } from "vue";
-import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
-import { get as p, omit as m } from "es-toolkit/compat";
-import { colorProps as h, invalidatedProps as g, roundedProps as _, sizeProps as v, variantProps as y } from "@bridge-ui/core/Tokens/FormField";
+import { get as u, omit as d } from "es-toolkit/compat";
+import { formFieldColorProps as f, formFieldInvalidatedProps as p, formFieldRoundedProps as m, formFieldSizeProps as h, formFieldVariantProps as g } from "@bridge-ui/core/Tokens";
+import { cn as _, mergeBridgeUILayeredClasses as v, splitComponentProps as y } from "@bridge-ui/core/Utils";
 //#region src/Components/FormField/composables/useFormField.ts
 var b = [
 	"end",
@@ -29,7 +29,7 @@ var b = [
 	"hideErrorMessage"
 ];
 function x(x, S, C = {}) {
-	let ee = c(), w = l(), T = o(() => f({
+	let ee = c(), w = l(), T = o(() => y({
 		props: s(x),
 		bridgeKeys: b
 	})), { merged: E, entry: D } = i({
@@ -46,33 +46,33 @@ function x(x, S, C = {}) {
 		let e = [];
 		return !j.value && t(w, "description", E.value.description) && e.push(`${H.value}-description`), j.value && !E.value.hideErrorMessage && t(w, "errorMessage", E.value.errorMessage) && e.push(`${H.value}-error`), e.length > 0 ? e.join(" ") : void 0;
 	}), q = o(() => {
-		let e = d(v, D.value?.tokens?.size);
-		return p(e, [E.value.size, P.value]);
+		let e = v(h, D.value?.tokens?.size);
+		return u(e, [E.value.size, P.value]);
 	}), J = o(() => {
-		let e = d(h, D.value?.tokens?.color);
-		return p(e, E.value.color ?? "primary");
-	}), Y = o(() => d(g, D.value?.tokens?.invalidated, E.value.customProps?.invalidated)), X = o(() => j.value ? Y.value : void 0), Z = o(() => {
-		let e = d(_, D.value?.tokens?.rounded);
-		return p(e, E.value.rounded);
+		let e = v(f, D.value?.tokens?.color);
+		return u(e, E.value.color ?? "primary");
+	}), Y = o(() => v(p, D.value?.tokens?.invalidated, E.value.customProps?.invalidated)), X = o(() => j.value ? Y.value : void 0), Z = o(() => {
+		let e = v(m, D.value?.tokens?.rounded);
+		return u(e, E.value.rounded);
 	}), Q = o(() => {
-		let e = d(y, D.value?.tokens?.variant);
-		return p(e, P.value);
+		let e = v(g, D.value?.tokens?.variant);
+		return u(e, P.value);
 	}), te = o(() => {
 		let e = j.value ? Y.value : J.value;
 		return R.value ? e?.underlined : e?.input;
 	}), ne = o(() => {
-		if (L.value) return u({
+		if (L.value) return _({
 			[q.value?.insetTop ?? ""]: !0,
 			[q.value?.insetStart ?? ""]: !0,
 			[q.value?.insetEnd ?? ""]: !0
 		});
 	}), re = o(() => {
 		let t = C.reservedSlots?.() ?? [], n = e(w, "end") || t.includes("end"), r = e(w, "start") || t.includes("start");
-		if (!L.value) return !r && !n ? q.value?.padding : u({
+		if (!L.value) return !r && !n ? q.value?.padding : _({
 			[q.value?.insetStart ?? ""]: !r,
 			[q.value?.insetEnd ?? ""]: !n
 		});
-	}), ie = o(() => r(O.value?.end, {}, u({
+	}), ie = o(() => r(O.value?.end, {}, _({
 		"shrink-0 self-center flex items-center whitespace-nowrap select-none pointer-events-none": !0,
 		"text-dark-500": !j.value,
 		[Z.value?.end ?? ""]: !R.value && !L.value,
@@ -82,15 +82,15 @@ function x(x, S, C = {}) {
 	}))), ae = o(() => {
 		let e = T.value.inheritedAttrs;
 		return r(O.value?.root, {
-			class: u(e.class),
-			...m(e, ["class"])
-		}, u({
+			class: _(e.class),
+			...d(e, ["class"])
+		}, _({
 			"group w-full relative": !0,
 			"aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-60": !0,
 			"aria-readonly:pointer-events-none aria-readonly:select-none": !0,
 			[A.value.root ?? ""]: !0
 		}));
-	}), oe = o(() => r(O.value?.errorMessage, {}, u({
+	}), oe = o(() => r(O.value?.errorMessage, {}, _({
 		"mt-2": !0,
 		"min-h-[1lh]": V.value,
 		[X.value?.errorMessage ?? ""]: !0,
@@ -103,7 +103,7 @@ function x(x, S, C = {}) {
 		readonly: N.value,
 		"aria-describedby": K.value,
 		"aria-invalid": j.value || void 0
-	}, m(T.value.inheritedAttrs, ["class"]), u({
+	}, d(T.value.inheritedAttrs, ["class"]), _({
 		"flex-1 min-w-0 min-h-0 bg-transparent border-0 shadow-none": !0,
 		"h-full": !z.value && !L.value,
 		"max-h-none": z.value,
@@ -121,26 +121,26 @@ function x(x, S, C = {}) {
 		required: E.value.required,
 		classes: {
 			required: A.value.required,
-			root: u({
+			root: _({
 				[Q.value?.label ?? ""]: I.value,
 				[A.value.label ?? ""]: !0
 			})
 		}
-	})), ce = o(() => r(O.value?.start, {}, u({
+	})), ce = o(() => r(O.value?.start, {}, _({
 		"shrink-0 self-center flex items-center whitespace-nowrap select-none pointer-events-none": !0,
 		"text-dark-400": !j.value,
 		[Z.value?.start ?? ""]: !R.value && !L.value,
 		[J.value?.start ?? ""]: !j.value,
 		[X.value?.adornment ?? ""]: j.value,
 		[A.value.start ?? ""]: !0
-	}))), le = o(() => r(O.value?.corner, {}, u({
+	}))), le = o(() => r(O.value?.corner, {}, _({
 		"text-dark-500 dark:text-dark-400": !I.value,
 		[q.value?.text ?? ""]: !0,
 		[Q.value?.corner ?? ""]: I.value,
 		[A.value.corner ?? ""]: !0
 	}))), ue = o(() => {
 		let e = t(w, "label", E.value.label);
-		return r(O.value?.header, {}, u({
+		return r(O.value?.header, {}, _({
 			flex: !0,
 			"w-full shrink-0": !0,
 			"justify-between": e,
@@ -150,20 +150,20 @@ function x(x, S, C = {}) {
 			[Q.value?.labelRow ?? ""]: W.value,
 			[A.value.header ?? ""]: !0
 		}));
-	}), de = o(() => r(O.value?.header, {}, u({
+	}), de = o(() => r(O.value?.header, {}, _({
 		flex: !0,
 		"mb-1": !0,
 		[G.value]: !0,
 		[A.value.header ?? ""]: !0
-	}))), fe = o(() => r(O.value?.endIcon, {}, u({ "inline-flex shrink-0 items-center justify-center self-center": L.value }))), pe = o(() => r(O.value?.end, {}, u({
+	}))), fe = o(() => r(O.value?.endIcon, {}, _({ "inline-flex shrink-0 items-center justify-center self-center": L.value }))), pe = o(() => r(O.value?.end, {}, _({
 		"group/end wrapper-end-slot shrink-0 flex w-auto items-stretch self-stretch [&>*]:min-h-0": !0,
 		"self-stretch min-h-0 overflow-hidden py-0.5 pe-0.5": L.value,
 		"h-full min-h-0 overflow-hidden py-0.5 pe-0.5": !L.value,
 		[A.value.end ?? ""]: !0
-	}))), me = o(() => r({}, {}, u({
+	}))), me = o(() => r({}, {}, _({
 		"flex min-h-0 min-w-0 flex-1 flex-col": !0,
 		[ne.value ?? ""]: !0
-	}))), he = o(() => r({}, {}, u({
+	}))), he = o(() => r({}, {}, _({
 		"flex w-full min-w-0 flex-1 items-stretch gap-x-2": !0,
 		[q.value?.controlRow ?? ""]: !0
 	})));
@@ -188,7 +188,7 @@ function x(x, S, C = {}) {
 		endIconBind: fe,
 		endSlotBind: pe,
 		invalidated: j,
-		containerBind: o(() => r(O.value?.container, { "data-bridge-rounded": E.value.rounded ?? "md" }, u({
+		containerBind: o(() => r(O.value?.container, { "data-bridge-rounded": E.value.rounded ?? "md" }, _({
 			"group/field relative flex flex-row items-stretch overflow-hidden": L.value,
 			"group/field relative flex justify-start gap-x-2 items-stretch": !L.value,
 			"transition-all ease-in-out duration-150 outline-none": !0,
@@ -205,8 +205,8 @@ function x(x, S, C = {}) {
 			[X.value?.containerUnderlined ?? ""]: j.value && R.value,
 			[A.value.container ?? ""]: !0
 		}))),
-		startIconBind: o(() => r(O.value?.startIcon, {}, u({ "inline-flex shrink-0 items-center justify-center self-center": L.value }))),
-		startSlotBind: o(() => r(O.value?.start, {}, u({
+		startIconBind: o(() => r(O.value?.startIcon, {}, _({ "inline-flex shrink-0 items-center justify-center self-center": L.value }))),
+		startSlotBind: o(() => r(O.value?.start, {}, _({
 			"group/start wrapper-start-slot shrink-0 flex w-auto items-stretch self-stretch [&>*]:min-h-0": !0,
 			"self-stretch min-h-0 overflow-hidden py-0.5 ps-0.5": L.value,
 			"h-full min-h-0 overflow-hidden py-0.5 ps-0.5": !L.value,
@@ -214,7 +214,7 @@ function x(x, S, C = {}) {
 		}))),
 		fieldLabelProps: se,
 		ariaDescribedBy: K,
-		descriptionBind: o(() => r(O.value?.description, {}, u({
+		descriptionBind: o(() => r(O.value?.description, {}, _({
 			"mt-2 text-dark-500 dark:text-dark-400": !0,
 			[q.value?.text ?? ""]: !0,
 			[A.value.description ?? ""]: !0

package/dist/Components/FormField/formField.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, InputHTMLAttributes, Slot } from 'vue';
-import { FormFieldColor, FormFieldInvalidated, FormFieldRounded, FormFieldSize, FormFieldVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { FormFieldColor, FormFieldInvalidated, FormFieldRounded, FormFieldSize, FormFieldVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 import { UseFormFieldReturn } from './composables/useFormField';
 import { IconProps } from '../Icon';

package/dist/Components/Icon/composables/useIcon.d.ts

@@ -1,11 +1,11 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { IconElement } from '../../../Adapters/Icon';
 import { IconOwnProps, IconProps } from '../icon.types';
 type IconLibDefaults = LibDefaultsShape<IconOwnProps, "size">;
 type IconMerged = MergeLibDefaults<IconOwnProps, IconLibDefaults>;
 export declare function useIcon(props: IconOwnProps, libDefaults: IconLibDefaults): {
     merged: import('vue').ComputedRef<IconMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<IconProps, "icon" | "size">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, Omit<IconProps, "icon" | "size">>>;
     resolvedIcon: import('vue').ComputedRef<IconElement | null | undefined>;
 };
 export {};

package/dist/Components/Icon/composables/useIcon.js

@@ -1,13 +1,14 @@
 import { useIconAdapter as e } from "../../../Adapters/Icon/useIconAdapter.js";
 import { mergePartBind as t, useBridgeUIComponent as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { cn as a, mergeBridgeUILayeredClasses as o, resolveIconSource as s, splitComponentProps as c } from "@bridge-ui/core";
-import { get as l } from "es-toolkit/compat";
-import { sizeProps as u } from "@bridge-ui/core/Tokens/Icon";
+import { resolveIconSource as a } from "@bridge-ui/core/Adapters";
+import { get as o } from "es-toolkit/compat";
+import { iconSizeProps as s } from "@bridge-ui/core/Tokens";
+import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core/Utils";
 //#region src/Components/Icon/composables/useIcon.ts
 var d = ["icon", "size"];
 function f(f, p) {
-	let m = i(), h = r(() => c({
+	let m = i(), h = r(() => u({
 		bridgeKeys: d,
 		props: {
 			...m,
@@ -17,13 +18,13 @@ function f(f, p) {
 		libDefaults: p,
 		componentName: "Icon",
 		props: () => h.value.componentProps
-	}), v = e(), y = r(() => s(g.value.icon, v.value)), b = r(() => {
-		let e = o(u, _.value?.tokens?.size);
-		return l(e, g.value.size);
+	}), v = e(), y = r(() => a(g.value.icon, v.value)), b = r(() => {
+		let e = l(s, _.value?.tokens?.size);
+		return o(e, g.value.size);
 	});
 	return {
 		merged: g,
-		rootBind: r(() => t({}, h.value.inheritedAttrs, a({ [b.value ?? ""]: !0 }))),
+		rootBind: r(() => t({}, h.value.inheritedAttrs, c({ [b.value ?? ""]: !0 }))),
 		resolvedIcon: y
 	};
 }

package/dist/Components/Icon/icon.types.d.ts

@@ -1,5 +1,6 @@
 import { SVGAttributes } from 'vue';
-import { IconSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 export interface IconSizeOverrides {}
 export interface IconOwnProps {

package/dist/Components/Label/composables/useLabel.d.ts

@@ -1,10 +1,10 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { LabelOwnProps, LabelProps } from '../label.types';
 type LabelLibDefaults = LibDefaultsShape<LabelOwnProps, "size">;
 type LabelMerged = MergeLibDefaults<LabelOwnProps, LabelLibDefaults>;
 export declare function useLabel(props: LabelOwnProps, libDefaults: LabelLibDefaults): {
     merged: import('vue').ComputedRef<LabelMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<LabelProps, "error" | "size" | "classes" | "required">>>;
-    requiredBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, Omit<LabelProps, "error" | "size" | "classes" | "required">>>;
+    requiredBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
 };
 export {};

package/dist/Components/Label/composables/useLabel.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
-import { get as c } from "es-toolkit/compat";
-import { invalidatedProps as l, sizeProps as u } from "@bridge-ui/core/Tokens/Label";
+import { get as a } from "es-toolkit/compat";
+import { labelInvalidatedProps as o, labelSizeProps as s } from "@bridge-ui/core/Tokens";
+import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core/Utils";
 //#region src/Components/Label/composables/useLabel.ts
 var d = [
 	"size",
@@ -11,7 +11,7 @@ var d = [
 	"required"
 ];
 function f(f, p) {
-	let m = i(), h = r(() => s({
+	let m = i(), h = r(() => u({
 		bridgeKeys: d,
 		props: {
 			...m,
@@ -25,15 +25,15 @@ function f(f, p) {
 		entry: _,
 		props: () => h.value.componentProps
 	}), y = r(() => {
-		let e = o(u, _.value?.tokens?.size);
-		return c(e, g.value.size);
-	}), b = r(() => o(l, _.value?.tokens?.invalidated)), x = r(() => e({}, {}, a({
+		let e = l(s, _.value?.tokens?.size);
+		return a(e, g.value.size);
+	}), b = r(() => l(o, _.value?.tokens?.invalidated)), x = r(() => e({}, {}, c({
 		[b.value.required ?? ""]: !0,
 		[v.value.required ?? ""]: !0
 	})));
 	return {
 		merged: g,
-		rootBind: r(() => e({}, h.value.inheritedAttrs, a({
+		rootBind: r(() => e({}, h.value.inheritedAttrs, c({
 			"inline-flex items-center gap-x-0.5 font-medium leading-none": !0,
 			"text-dark-700 dark:text-dark-300": !g.value.error,
 			[b.value.label ?? ""]: g.value.error,

package/dist/Components/Label/label.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { LabelSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { LabelSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface LabelSizeOverrides {}
 export interface LabelClasses {
     /**

package/dist/Components/Link/composables/useLink.d.ts

@@ -1,4 +1,4 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { LinkOwnProps, LinkProps } from '../link.types';
 type LinkLibDefaults = LibDefaultsShape<LinkOwnProps, "size" | "color" | "underline">;
 type LinkMerged = MergeLibDefaults<LinkOwnProps, LinkLibDefaults>;
@@ -8,11 +8,11 @@ export declare function useLink(props: LinkOwnProps, libDefaults: LinkLibDefault
     }>;
     merged: import('vue').ComputedRef<LinkMerged>;
     rootRel: import('vue').ComputedRef<"noopener noreferrer" | undefined>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<LinkProps, "color" | "href" | "size" | "classes" | "customProps" | "disabled" | "external" | "leftIcon" | "rightIcon" | "underline">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<LinkProps, "color" | "href" | "size" | "classes" | "customProps" | "disabled" | "external" | "leftIcon" | "rightIcon" | "underline">>>;
     rootHref: import('vue').ComputedRef<string | undefined>;
     rootTarget: import('vue').ComputedRef<"_blank" | undefined>;
-    leftIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    rightIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    leftIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    rightIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     rootAriaDisabled: import('vue').ComputedRef<true | undefined>;
 };
 export {};

package/dist/Components/Link/composables/useLink.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i, useSlots as a } from "vue";
-import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
-import { get as l } from "es-toolkit/compat";
-import { colorProps as u, sizeProps as d, underlineProps as f } from "@bridge-ui/core/Tokens/Link";
+import { get as o } from "es-toolkit/compat";
+import { linkColorProps as s, linkSizeProps as c, linkUnderlineProps as l } from "@bridge-ui/core/Tokens";
+import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core/Utils";
 //#region src/Components/Link/composables/useLink.ts
 var p = [
 	"href",
@@ -17,7 +17,7 @@ var p = [
 	"customProps"
 ];
 function m(m, h) {
-	let g = i(), _ = a(), v = r(() => c({
+	let g = i(), _ = a(), v = r(() => f({
 		bridgeKeys: p,
 		props: {
 			...g,
@@ -35,36 +35,36 @@ function m(m, h) {
 	}), D = r(() => {
 		if (y.value.external && !C.value) return "noopener noreferrer";
 	}), O = r(() => {
-		let e = s(d, b.value?.tokens?.size);
-		return l(e, y.value.size);
+		let e = d(c, b.value?.tokens?.size);
+		return o(e, y.value.size);
 	}), k = r(() => {
-		let e = s(u, b.value?.tokens?.color);
-		return l(e, y.value.color);
+		let e = d(s, b.value?.tokens?.color);
+		return o(e, y.value.color);
 	}), A = r(() => {
-		let e = s(f, b.value?.tokens?.underline);
-		return l(e, y.value.underline);
+		let e = d(l, b.value?.tokens?.underline);
+		return o(e, y.value.underline);
 	});
 	return {
 		slots: _,
 		merged: y,
 		rootRel: D,
-		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, o({
+		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, u({
 			"inline-flex items-center gap-x-1 font-medium": !0,
 			"transition-colors duration-200": !0,
 			[O.value ?? ""]: !0,
 			[A.value ?? ""]: !0,
-			[l(k.value, "base") ?? ""]: !0,
-			[l(k.value, "hover") ?? ""]: !0,
+			[o(k.value, "base") ?? ""]: !0,
+			[o(k.value, "hover") ?? ""]: !0,
 			"aria-disabled:opacity-80 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none": !0,
 			[S.value.root ?? ""]: !0
 		}))),
 		rootHref: T,
 		rootTarget: E,
-		leftIconBind: r(() => e(x.value?.leftIcon, {}, o({
+		leftIconBind: r(() => e(x.value?.leftIcon, {}, u({
 			"shrink-0": !0,
 			[S.value.leftIcon ?? ""]: !0
 		}))),
-		rightIconBind: r(() => e(x.value?.rightIcon, {}, o({
+		rightIconBind: r(() => e(x.value?.rightIcon, {}, u({
 			"shrink-0": !0,
 			[S.value.rightIcon ?? ""]: !0
 		}))),

package/dist/Components/Link/link.types.d.ts

@@ -1,5 +1,6 @@
 import { AnchorHTMLAttributes, HTMLAttributes, Slot } from 'vue';
-import { LinkColor, LinkSize, LinkUnderline, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { LinkColor, LinkSize, LinkUnderline } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface LinkSizeOverrides {}

package/dist/Components/List/composables/useList.d.ts

@@ -1,5 +1,5 @@
 import { ListOwnProps, ListProps } from '../list.types';
 export declare function useList(props: ListOwnProps): {
     merged: import('vue').ComputedRef<ListOwnProps>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListProps, "classes" | "customProps" | "as" | "dense" | "nested">, never>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListProps, "classes" | "customProps" | "as" | "dense" | "nested">, never>>>;
 };

package/dist/Components/List/composables/useList.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { LIST_INJECTION_KEY as r } from "../listInjectionKey.js";
 import { computed as i, provide as a, useAttrs as o } from "vue";
-import { cn as s, splitComponentProps as c } from "@bridge-ui/core";
-import { get as l, omit as u } from "es-toolkit/compat";
+import { get as s, omit as c } from "es-toolkit/compat";
+import { cn as l, splitComponentProps as u } from "@bridge-ui/core/Utils";
 //#region src/Components/List/composables/useList.ts
 var d = [
 	"as",
@@ -12,7 +12,7 @@ var d = [
 	"customProps"
 ];
 function f(f) {
-	let p = o(), m = i(() => c({
+	let p = o(), m = i(() => u({
 		bridgeKeys: d,
 		props: {
 			...p,
@@ -26,13 +26,13 @@ function f(f) {
 		props: () => m.value.componentProps
 	}), y = i(() => ({ dense: h.value.dense === !0 }));
 	a(r, y);
-	let b = i(() => u(m.value.inheritedAttrs, []));
+	let b = i(() => c(m.value.inheritedAttrs, []));
 	return {
 		merged: h,
-		rootBind: i(() => e(_.value?.root, b.value, s({
+		rootBind: i(() => e(_.value?.root, b.value, l({
 			"m-0 list-none py-2 text-dark-900 dark:text-dark-100": !0,
 			"pl-4": h.value.nested,
-			[l(v.value, "root") ?? ""]: !0
+			[s(v.value, "root") ?? ""]: !0
 		})))
 	};
 }

package/dist/Components/List/list.types.d.ts

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

package/dist/Components/ListItem/composables/useListItem.d.ts

@@ -1,5 +1,5 @@
 import { useSlots } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../../Adapters/Icon';
 import { ListItemOwnProps, ListItemProps } from '../listItem.types';
 type ListItemLibDefaults = LibDefaultsShape<ListItemOwnProps, "role">;
@@ -7,18 +7,18 @@ type ListItemMerged = MergeLibDefaults<ListItemOwnProps, ListItemLibDefaults>;
 export declare function useListItem(props: ListItemOwnProps, libDefaults: ListItemLibDefaults, slots: ReturnType<typeof useSlots>): {
     merged: import('vue').ComputedRef<ListItemMerged>;
     hasEnd: import('vue').ComputedRef<boolean>;
-    endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
         id: string | undefined;
     }, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListItemProps, "role" | "value" | "classes" | "customProps" | "primary" | "secondary" | "disabled" | "as" | "dense" | "divider" | "interactive" | "selected" | "selectedIcon">, never>>>;
     rowClass: import('vue').ComputedRef<string>;
-    startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     hasPrimary: import('vue').ComputedRef<boolean>;
-    contentBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    primaryBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    contentBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    primaryBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     hasSecondary: import('vue').ComputedRef<boolean>;
-    secondaryBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    secondaryBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     interactiveBind: import('vue').ComputedRef<({
         "aria-disabled": boolean | undefined;
         role: NonNullable<"button" | "option" | "menuitem" | undefined>;
@@ -29,7 +29,7 @@ export declare function useListItem(props: ListItemOwnProps, libDefaults: ListIt
         onClick: (() => void) | undefined;
         class: string;
     } & object & Record<"class", string>) | null>;
-    selectedIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    selectedIconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         size: "sm";
         class: string;
     }, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;