@bridge-ui/vue 0.0.10 → 0.0.11

package/dist/Components/Pagination/pagination.types.d.ts

@@ -0,0 +1,218 @@
+import { ButtonHTMLAttributes, HTMLAttributes, LiHTMLAttributes, Slot } from 'vue';
+import { PaginationColor, PaginationRounded, PaginationSize, PaginationVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
+import { IconProps } from '../Icon';
+export interface PaginationSizeOverrides {}
+export interface PaginationColorOverrides {}
+export interface PaginationRoundedOverrides {}
+export interface PaginationVariantOverrides {}
+export interface PaginationClasses {
+    /**
+     * Classes merged onto each ellipsis placeholder.
+     */
+    ellipsis?: string;
+    /**
+     * Classes merged onto each page button.
+     */
+    item?: string;
+    /**
+     * Classes merged onto the unordered list.
+     */
+    list?: string;
+    /**
+     * Classes merged onto the next control.
+     */
+    next?: string;
+    /**
+     * Classes merged onto the previous control.
+     */
+    prev?: string;
+    /**
+     * Classes merged onto the nav root.
+     */
+    root?: string;
+}
+export interface PaginationCustomProps {
+    /**
+     * Props forwarded to each ellipsis placeholder.
+     *
+     * @default undefined
+     */
+    ellipsis?: LiHTMLAttributes;
+    /**
+     * Props forwarded to each page button.
+     *
+     * @default undefined
+     */
+    item?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the unordered list.
+     *
+     * @default undefined
+     */
+    list?: HTMLAttributes;
+    /**
+     * Props forwarded to the next button.
+     *
+     * @default undefined
+     */
+    next?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the next `Icon`.
+     *
+     * @default undefined
+     */
+    nextIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the previous button.
+     *
+     * @default undefined
+     */
+    prev?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the previous `Icon`.
+     *
+     * @default undefined
+     */
+    prevIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the nav root.
+     *
+     * @default undefined
+     */
+    root?: HTMLAttributes;
+}
+export interface PaginationEmits {
+    /**
+     * Emitted when the page changes in numbered mode.
+     */
+    change: [page: number];
+    /**
+     * Emitted when next is activated in simple mode.
+     */
+    next: [];
+    /**
+     * Emitted when previous is activated in simple mode.
+     */
+    previous: [];
+    /**
+     * Emitted when `v-model` should update.
+     */
+    "update:modelValue": [page: number];
+}
+/**
+ * Pagination page controls for lists and tables.
+ */
+export interface PaginationOwnProps {
+    /**
+     * Pages always shown at the start and end (numbered mode).
+     *
+     * @default 1
+     */
+    boundaryCount?: number;
+    /**
+     * Classes for pagination parts.
+     *
+     * @default undefined
+     */
+    classes?: PaginationClasses;
+    /**
+     * Selected page accent color.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<PaginationColor, PaginationColorOverrides>;
+    /**
+     * Total number of pages (numbered mode).
+     *
+     * @default undefined
+     */
+    count?: number;
+    /**
+     * Extra props for internal parts.
+     *
+     * @default undefined
+     */
+    customProps?: PaginationCustomProps;
+    /**
+     * Disable all controls.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether next is available (`mode="simple"`).
+     *
+     * @default undefined
+     */
+    hasNext?: boolean;
+    /**
+     * Whether previous is available (`mode="simple"`).
+     *
+     * @default undefined
+     */
+    hasPrevious?: boolean;
+    /**
+     * Hide the next control.
+     *
+     * @default false
+     */
+    hideNextButton?: boolean;
+    /**
+     * Hide the previous control.
+     *
+     * @default false
+     */
+    hidePrevButton?: boolean;
+    /**
+     * Numbered pages vs prev/next only.
+     *
+     * @default "numbered"
+     */
+    mode?: "simple" | "numbered";
+    /**
+     * Bound page with `v-model` (1-based, numbered mode).
+     *
+     * @default 1
+     */
+    modelValue?: number;
+    /**
+     * Control corner radius (`ghost` items / `outlined` group edges).
+     *
+     * @default "md"
+     */
+    rounded?: MergeProps<PaginationRounded, PaginationRoundedOverrides>;
+    /**
+     * Pages shown on each side of the current page (numbered mode).
+     *
+     * @default 1
+     */
+    siblingCount?: number;
+    /**
+     * Control size.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<PaginationSize, PaginationSizeOverrides>;
+    /**
+     * Visual style of page / control buttons.
+     *
+     * @default "text"
+     */
+    variant?: MergeProps<PaginationVariant, PaginationVariantOverrides>;
+}
+export interface PaginationSlots {
+    /**
+     * Custom ellipsis content (default `…`).
+     */
+    ellipsis?: Slot;
+    /**
+     * Custom next control content (default chevron icon).
+     */
+    next?: Slot;
+    /**
+     * Custom previous control content (default chevron icon).
+     */
+    prev?: Slot;
+}
+export type PaginationProps = MergeHtmlProps<PaginationOwnProps, HTMLAttributes>;

package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js

@@ -6,8 +6,8 @@ import { FORM_FIELD_CHROME_SLOT_NAMES as a } from "../FormField/formField.types.
 import o from "../FormField/FormField.js";
 import { usePasswordField as s } from "./composables/usePasswordField.js";
 import { computed as c, createBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, ref as y, renderList as b, renderSlot as x, unref as S, useModel as C, vModelDynamic as w, withCtx as T, withDirectives as E } from "vue";
-import { cn as D } from "@bridge-ui/core";
-import { isUndefined as O } from "es-toolkit/compat";
+import { isUndefined as D } from "es-toolkit/compat";
+import { cn as O } from "@bridge-ui/core/Utils";
 //#region src/Components/PasswordField/PasswordField.vue?vue&type=script&setup=true&lang.ts
 var k = /*@__PURE__*/ p({
 	inheritAttrs: !1,
@@ -51,13 +51,13 @@ var k = /*@__PURE__*/ p({
 			set: (e) => {
 				A.value = e, M.value = e;
 			},
-			get: () => O(A.value) ? M.value : A.value
+			get: () => D(A.value) ? M.value : A.value
 		}), P = e(), { formField: F, inputBind: I, isVisible: L, mergedClasses: R, toggleVisibility: z } = s(j, { onVisibilityChange: (e) => k("visibility-change", e) }), B = c(() => n(j.customProps?.toggle, {
 			type: "button",
 			disabled: j.disabled,
 			onClick: z,
 			"aria-label": L.value ? P("Hide password") : P("Show password")
-		}, D({
+		}, O({
 			"bridge-end-adornment bridge-field-adornment-button inline-flex h-full items-center justify-center px-2.5": !0,
 			[R.value.toggle ?? ""]: !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, radioInvalidatedProps as u, radioRoundedProps as d, radioSizeProps as f } from "@bridge-ui/core/Tokens";
+import { cn 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,24 +37,24 @@ 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");
+		let e = m(l, w.value?.tokens?.color);
+		return s(e, C.value.color ?? "primary");
+	}), k = i(() => m(u, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => {
+		let e = m(f, w.value?.tokens?.size);
+		return s(e, C.value.size ?? "sm");
 	}), M = i(() => {
-		let e = c(m, w.value?.tokens?.rounded);
-		return u(e, C.value.rounded ?? "full");
+		let e = m(d, w.value?.tokens?.rounded);
+		return s(e, C.value.rounded ?? "full");
 	}), N = 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"]), p({
 		"sr-only": !0,
 		[E.value.input ?? ""]: !0
-	}))), P = i(() => e(T.value?.control, { "aria-hidden": !0 }, s({
+	}))), P = i(() => e(T.value?.control, { "aria-hidden": !0 }, p({
 		"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,
@@ -65,14 +65,14 @@ function _(_, v, y) {
 	})));
 	return {
 		merged: C,
-		dotBind: i(() => e(T.value?.dot, {}, s({
+		dotBind: i(() => e(T.value?.dot, {}, p({
 			"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({}, {}, p({
 			"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,

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 {}