@bridge-ui/vue 0.0.10 → 0.1.0

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

@@ -11,16 +11,16 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
         merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "showErrorIcon"> & {
-            color: NonNullable<keyof import('@bridge-ui/core').FormFieldColor | undefined>;
-            size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
-            rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
-            variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
+            color: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldColor | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldSize | undefined>;
+            rounded: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldRounded | undefined>;
+            variant: NonNullable<keyof import('@bridge-ui/core/Tokens').FormFieldVariant | undefined>;
             errorIcon: NonNullable<import('../../..').IconSource | undefined>;
             showErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
-        endBind: 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, {
+        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<object, "class", import('vue').HTMLAttributes | undefined, {
             onCopy?: ((payload: ClipboardEvent) => void) | undefined;
             onCut?: ((payload: ClipboardEvent) => void) | undefined;
             onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -140,7 +140,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
             '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;
@@ -176,7 +176,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            enterKeyHint?: "done" | "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;
@@ -210,9 +210,9 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
             class: string;
         }>>;
         controlId: import('vue').ComputedRef<string>;
-        errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        errorBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').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;
@@ -436,31 +436,31 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
         }, Partial<Omit<Omit<import('../../FormField').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", import('vue').HTMLAttributes | undefined, {}>>;
-        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        headerBind: 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, {}>>;
+        cornerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        headerBind: 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>;
-        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", import('vue').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", import('vue').HTMLAttributes | undefined, {}>>;
         invalidated: import('vue').ComputedRef<boolean>;
-        containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').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", import('vue').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", import('vue').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", import('vue').HTMLAttributes | undefined, {}>>;
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
-        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').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", import('vue').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", import('vue').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", import('vue').HTMLAttributes | undefined, {}>>;
+        stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
-    inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('@bridge-ui/core').MergePartBind<object, "class", {
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         id: string;
         disabled: boolean;
         readonly: boolean;

package/dist/Components/PasswordField/passwordField.types.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, InputHTMLAttributes } from 'vue';
-import { MergeHtmlProps } from '@bridge-ui/core';
+import { MergeHtmlProps } from '@bridge-ui/core/Utils';
 import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
 import { IconProps } from '../Icon';
 export interface PasswordFieldClasses extends FormFieldClasses {

package/dist/Components/Progress/composables/useProgress.d.ts

@@ -1,10 +1,10 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { ProgressOwnProps, ProgressProps } from '../progress.types';
 type ProgressLibDefaults = LibDefaultsShape<ProgressOwnProps, "size" | "color" | "rounded" | "variant">;
 type ProgressMerged = MergeLibDefaults<ProgressOwnProps, ProgressLibDefaults>;
 export declare function useProgress(props: ProgressOwnProps, libDefaults: ProgressLibDefaults): {
     merged: import('vue').ComputedRef<ProgressMerged>;
-    barBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+    barBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         style: {
             width: string;
         };
@@ -12,14 +12,14 @@ export declare function useProgress(props: ProgressOwnProps, libDefaults: Progre
         style?: undefined;
     }>>;
     isBuffer: import('vue').ComputedRef<boolean>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
         "aria-valuemin"?: number | undefined;
         "aria-valuemax"?: number | undefined;
         "aria-valuenow"?: number | undefined;
         role: string;
     }, "class", import('vue').HTMLAttributes | undefined, Omit<ProgressProps, "color" | "size" | "value" | "classes" | "customProps" | "rounded" | "variant" | "valueBuffer">>>;
-    trackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    trackBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     bufferBind: import('vue').ComputedRef<(object & {
         style: {
             width: string;

package/dist/Components/Progress/composables/useProgress.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, isNil as l } from "es-toolkit/compat";
-import { colorProps as u, roundedProps as d, sizeProps as f, variantProps as p } from "@bridge-ui/core/Tokens/Progress";
+import { get as a, isNil as o } from "es-toolkit/compat";
+import { progressColorProps as s, progressRoundedProps as c, progressSizeProps as l, progressVariantProps as u } from "@bridge-ui/core/Tokens";
+import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core/Utils";
 //#region src/Components/Progress/composables/useProgress.ts
 var m = [
 	"size",
@@ -15,13 +15,13 @@ var m = [
 	"valueBuffer"
 ];
 function h(e) {
-	return l(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
+	return o(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
 }
-function g(l, g) {
-	let _ = i(), v = r(() => s({
+function g(o, g) {
+	let _ = i(), v = r(() => p({
 		props: {
 			..._,
-			...l
+			...o
 		},
 		bridgeKeys: m
 	})), { merged: y, entry: b } = t({
@@ -32,17 +32,17 @@ function g(l, g) {
 		entry: b,
 		props: () => v.value.componentProps
 	}), S = r(() => y.value.customProps), C = r(() => {
-		let e = o(u, b.value?.tokens?.color);
-		return c(e, y.value.color);
+		let e = f(s, b.value?.tokens?.color);
+		return a(e, y.value.color);
 	}), w = r(() => {
-		let e = o(f, b.value?.tokens?.size);
-		return c(e, y.value.size);
+		let e = f(l, b.value?.tokens?.size);
+		return a(e, y.value.size);
 	}), T = r(() => {
-		let e = o(d, b.value?.tokens?.rounded);
-		return c(e, y.value.rounded);
+		let e = f(c, b.value?.tokens?.rounded);
+		return a(e, y.value.rounded);
 	}), E = r(() => {
-		let e = o(p, b.value?.tokens?.variant);
-		return c(e, y.value.variant);
+		let e = f(u, b.value?.tokens?.variant);
+		return a(e, y.value.variant);
 	}), D = r(() => y.value.variant === "buffer"), O = r(() => y.value.variant === "determinate" || y.value.variant === "buffer"), k = r(() => y.value.variant === "indeterminate" || y.value.variant === "query"), A = r(() => h(y.value.value)), j = r(() => h(y.value.valueBuffer)), M = r(() => e(S.value?.root, v.value.inheritedAttrs, {
 		role: "progressbar",
 		...O.value ? {
@@ -50,18 +50,18 @@ function g(l, g) {
 			"aria-valuemax": 100,
 			"aria-valuenow": A.value
 		} : {},
-		class: a({
+		class: d({
 			"relative w-full overflow-hidden": !0,
 			[w.value ?? ""]: !0,
 			[T.value ?? ""]: !0,
 			[x.value.root ?? ""]: !0
 		})
-	})), N = r(() => e(S.value?.track, {}, a({
+	})), N = r(() => e(S.value?.track, {}, d({
 		"absolute inset-0": !0,
 		[C.value?.track ?? ""]: !0,
 		[T.value ?? ""]: !0,
 		[x.value.track ?? ""]: !0
-	}))), P = r(() => D.value ? e(S.value?.buffer, { style: { width: `${j.value}%` } }, a({
+	}))), P = r(() => D.value ? e(S.value?.buffer, { style: { width: `${j.value}%` } }, d({
 		"absolute top-0 left-0 h-full transition-[width] duration-200 ease-linear": !0,
 		[C.value?.buffer ?? ""]: !0,
 		[T.value ?? ""]: !0,
@@ -69,7 +69,7 @@ function g(l, g) {
 	})) : null);
 	return {
 		merged: y,
-		barBind: r(() => e(S.value?.bar, O.value ? { style: { width: `${A.value}%` } } : {}, a({
+		barBind: r(() => e(S.value?.bar, O.value ? { style: { width: `${A.value}%` } } : {}, d({
 			"absolute top-0 left-0 h-full": !0,
 			"transition-[width] duration-200 ease-linear": O.value,
 			[E.value ?? ""]: k.value,

package/dist/Components/Progress/progress.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'vue';
-import { MergeHtmlProps, MergeProps, ProgressColor, ProgressRounded, ProgressSize, ProgressVariant } from '@bridge-ui/core';
+import { ProgressColor, ProgressRounded, ProgressSize, ProgressVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface ProgressSizeOverrides {}
 export interface ProgressColorOverrides {}
 export interface ProgressRoundedOverrides {}

package/dist/Components/Radio/composables/useRadio.d.ts

@@ -1,13 +1,13 @@
 import { MaybeRefOrGetter } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { RadioOwnProps } from '../radio.types';
 type RadioLibDefaults = LibDefaultsShape<RadioOwnProps, "size" | "color" | "rounded">;
 type RadioMerged = MergeLibDefaults<RadioOwnProps, RadioLibDefaults>;
 export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefaults: RadioLibDefaults, modelValue: MaybeRefOrGetter<number | string | undefined>): {
     merged: import('vue').ComputedRef<RadioMerged>;
-    dotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {}>>;
-    fieldBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
-    inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+    dotBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {}>>;
+    fieldBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         type: string;
         name: string | undefined;
         value: string | number | undefined;
@@ -236,11 +236,11 @@ export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefa
         }>;
         merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
-            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core/Tokens').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">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
+        rowBind: 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<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -257,16 +257,16 @@ export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefa
             endLabel: import('../../Label').LabelProps;
             startLabel: import('../../Label').LabelProps;
         }>;
-        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             id: string;
         }>>;
-        errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             id: string;
         }>>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
-    controlBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
+    controlBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
         "aria-hidden": boolean;
     }>>;
 };

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

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

package/dist/Components/Radio/radio.types.d.ts

@@ -1,5 +1,6 @@
 import { InputHTMLAttributes } from 'vue';
-import { MergeHtmlProps, MergeProps, RadioColor, RadioRounded, RadioSize } from '@bridge-ui/core';
+import { RadioColor, RadioRounded, RadioSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { FormControlClasses, FormControlCustomProps, FormControlOwnProps, FormControlSlots } from '../FormControl/formControl.types';
 export interface RadioSizeOverrides {}
 export interface RadioColorOverrides {}

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

@@ -8,24 +8,27 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: () => any;
     search: (query: string) => any;
-    select: (option: import('@bridge-ui/core').ListboxOption) => any;
+    select: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
+    apply: () => any;
     cancel: () => any;
-    change: (value: import('@bridge-ui/core').SelectModel) => any;
+    change: (value: import('@bridge-ui/core/Domain').SelectModel) => any;
     close: () => any;
-    deselect: (option: import('@bridge-ui/core').ListboxOption) => any;
+    deselect: (option: import('@bridge-ui/core/Domain').ListboxOption) => any;
     open: () => any;
     "update:modelValue": (...args: unknown[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
     onSearch?: ((query: string) => any) | undefined;
-    onSelect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
+    onSelect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
+    onApply?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onChange?: ((value: import('@bridge-ui/core').SelectModel) => any) | undefined;
+    onChange?: ((value: import('@bridge-ui/core/Domain').SelectModel) => any) | undefined;
     onClose?: (() => any) | undefined;
-    onDeselect?: ((option: import('@bridge-ui/core').ListboxOption) => any) | undefined;
+    onDeselect?: ((option: import('@bridge-ui/core/Domain').ListboxOption) => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
+    showFooter: boolean;
     showErrorIcon: boolean;
     clearable: boolean;
     minItemsForSearch: number;

package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js

@@ -9,8 +9,8 @@ import ne from "../Listbox/Listbox.js";
 import { useSelect as o } from "./composables/useSelect.js";
 import { SELECT_OPTION_KEY as s } from "./selectInjectionKey.js";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createTextVNode as re, createVNode as h, defineComponent as g, guardReactiveProps as _, isRef as v, mergeModels as y, mergeProps as b, normalizeProps as x, openBlock as S, provide as C, ref as w, renderList as T, renderSlot as E, toDisplayString as ie, unref as D, useModel as ae, useTemplateRef as oe, withCtx as O, withKeys as k, withModifiers as A } from "vue";
-import { cn as j } from "@bridge-ui/core";
-import { isUndefined as M } from "es-toolkit/compat";
+import { isUndefined as j } from "es-toolkit/compat";
+import { cn as M } from "@bridge-ui/core/Utils";
 //#region src/Components/Select/Select.vue?vue&type=script&setup=true&lang.ts
 var N = {
 	key: 0,
@@ -52,7 +52,10 @@ var N = {
 			type: Boolean,
 			default: !1
 		},
-		showFooter: { type: Boolean },
+		showFooter: {
+			type: Boolean,
+			default: void 0
+		},
 		classes: {},
 		color: {},
 		controlId: {},
@@ -83,6 +86,7 @@ var N = {
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ y([
+		"apply",
 		"cancel",
 		"change",
 		"clear",
@@ -98,7 +102,7 @@ var N = {
 			set: (e) => {
 				L.value = e, V.value = e;
 			},
-			get: () => M(L.value) ? V.value : L.value
+			get: () => j(L.value) ? V.value : L.value
 		}), U = oe("trigger"), W = w([]);
 		C(s, {
 			unregister(e) {
@@ -120,7 +124,7 @@ var N = {
 					onDismiss: (e) => D(se)(t, e)
 				}, { ref_for: !0 }, D(ee)(R.customProps?.chip, {
 					customProps: { clear: D(Y) },
-					classes: { root: D(j)({
+					classes: { root: D(M)({
 						"bg-white ring-1 ring-inset ring-dark-200 dark:bg-dark-700 dark:ring-dark-600": !0,
 						[D(pe).chip ?? ""]: !0
 					}) }
@@ -183,10 +187,15 @@ var N = {
 					fn: O(() => [E(e.$slots, "empty")]),
 					key: "4"
 				} : void 0,
+				D(t)(D(K), "footer") ? {
+					name: "footer",
+					fn: O((t) => [E(e.$slots, "footer", x(_(t)))]),
+					key: "5"
+				} : void 0,
 				D(t)(D(K), "afterOptions") ? {
 					name: "afterOptions",
 					fn: O(() => [E(e.$slots, "afterOptions")]),
-					key: "5"
+					key: "6"
 				} : void 0
 			]), 1040, [
 				"modelValue",