@bridge-ui/vue 0.0.9 → 0.0.11

package/dist/Components/Pagination/index.js

@@ -0,0 +1,3 @@
+import { usePagination as e } from "./composables/usePagination.js";
+import t from "./Pagination.js";
+export { t as Pagination, e as usePagination };

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

@@ -1,16 +1,18 @@
 import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
-import { mergePartBind as t, resolveFieldAdornmentIconSize as n } from "../../Utils/index.js";
-import r from "../Icon/Icon.js";
-import i from "../FormField/FormField.js";
-import { usePasswordField as a } from "./composables/usePasswordField.js";
-import { computed as o, createBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeModels as f, mergeProps as p, normalizeProps as m, openBlock as h, ref as g, unref as _, useModel as v, vModelDynamic as y, withCtx as b, withDirectives as x } from "vue";
-import { cn as S } from "@bridge-ui/core";
-import { isUndefined as C } from "es-toolkit/compat";
+import { presentSlotNames as t } from "../../Utils/slotOrProp.js";
+import { mergePartBind as n, resolveFieldAdornmentIconSize as r } from "../../Utils/index.js";
+import i from "../Icon/Icon.js";
+import { FORM_FIELD_CHROME_SLOT_NAMES as a } from "../FormField/formField.types.js";
+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 { 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 w = /*@__PURE__*/ u({
+var k = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "PasswordField",
-	props: /*@__PURE__*/ f({
+	props: /*@__PURE__*/ h({
 		classes: {},
 		customProps: {},
 		defaultValue: {},
@@ -43,31 +45,34 @@ var w = /*@__PURE__*/ u({
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ f(["visibility-change"], ["update:modelValue"]),
-	setup(u, { emit: f }) {
-		let w = f, T = v(u, "modelValue"), E = u, D = g(E.defaultValue), O = o({
+	emits: /*@__PURE__*/ h(["visibility-change"], ["update:modelValue"]),
+	setup(p, { emit: h }) {
+		let k = h, A = C(p, "modelValue"), j = p, M = y(j.defaultValue), N = c({
 			set: (e) => {
-				T.value = e, D.value = e;
+				A.value = e, M.value = e;
 			},
-			get: () => C(T.value) ? D.value : T.value
-		}), k = e(), { formField: A, inputBind: j, isVisible: M, mergedClasses: N, toggleVisibility: P } = a(E, { onVisibilityChange: (e) => w("visibility-change", e) }), F = o(() => t(E.customProps?.toggle, {
+			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: E.disabled,
-			onClick: P,
-			"aria-label": M.value ? k("Hide password") : k("Show password")
-		}, S({
+			disabled: j.disabled,
+			onClick: z,
+			"aria-label": L.value ? P("Hide password") : P("Show password")
+		}, O({
 			"bridge-end-adornment bridge-field-adornment-button inline-flex h-full items-center justify-center px-2.5": !0,
-			[N.value.toggle ?? ""]: !0
+			[R.value.toggle ?? ""]: !0
 		})));
-		return (e, t) => (h(), s(_(i), { field: _(A) }, {
-			end: b(() => [c("button", m(d(F.value)), [l(_(r), p({
-				icon: _(M) ? "eyeOff" : "eye",
-				size: _(n)(E.size)
-			}, E.customProps?.toggleIcon), null, 16, ["icon", "size"])], 16)]),
-			default: b(() => [x(c("input", p({ "onUpdate:modelValue": t[0] ||= (e) => O.value = e }, _(j)), null, 16), [[y, O.value]])]),
-			_: 1
-		}, 8, ["field"]));
+		return (e, n) => (v(), l(S(o), { field: S(F) }, d({
+			end: T(() => [u("button", _(m(B.value)), [f(S(i), g({
+				icon: S(L) ? "eyeOff" : "eye",
+				size: S(r)(j.size)
+			}, j.customProps?.toggleIcon), null, 16, ["icon", "size"])], 16)]),
+			default: T(() => [E(u("input", g({ "onUpdate:modelValue": n[0] ||= (e) => N.value = e }, S(I)), null, 16), [[w, N.value]])]),
+			_: 2
+		}, [b(S(t)(S(a).filter((e) => e !== "end"), e.$slots), (t) => ({
+			name: t,
+			fn: T((n) => [x(e.$slots, t, _(m(n || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { w as default };
+export { k as default };

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/Radio.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,14 @@
-import e from "../FormControl/FormControl.js";
-import { useRadio as t } from "./composables/useRadio.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, ref as d, unref as f, useAttrs as p, useModel as m, withCtx as h } from "vue";
-import { isNil as g } from "es-toolkit/compat";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { FORM_CONTROL_CHROME_SLOT_NAMES as t } from "../FormControl/formControl.types.js";
+import n from "../FormControl/FormControl.js";
+import { useRadio as r } from "./composables/useRadio.js";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useAttrs as v, useModel as y, withCtx as b } from "vue";
+import { isNil as x } from "es-toolkit/compat";
 //#region src/Components/Radio/Radio.vue?vue&type=script&setup=true&lang.ts
-var _ = ["for"], v = ["checked"], y = /*@__PURE__*/ a({
+var S = ["for"], C = ["checked"], w = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "Radio",
-	props: /*@__PURE__*/ s({
+	props: /*@__PURE__*/ u({
 		classes: {},
 		color: {},
 		customProps: {},
@@ -31,26 +33,29 @@ var _ = ["for"], v = ["checked"], y = /*@__PURE__*/ a({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let s = p(), y = a, b = m(a, "modelValue"), x = d(!!y.defaultChecked), S = n(() => g(b.value) && x.value ? y.value : b.value), { merged: C, dotBind: w, fieldBind: T, inputBind: E, isChecked: D, formControl: O, controlBind: k } = t(() => ({
-			...s,
-			...y
+	setup(c) {
+		let u = v(), w = c, T = y(c, "modelValue"), E = m(!!w.defaultChecked), D = i(() => x(T.value) && E.value ? w.value : T.value), { merged: O, dotBind: k, fieldBind: A, inputBind: j, isChecked: M, formControl: N, controlBind: P } = r(() => ({
+			...u,
+			...w
 		}), {
 			size: "md",
 			rounded: "full",
 			color: "primary"
-		}, S);
-		function A() {
-			x.value = !0, g(C.value.value) || (b.value = C.value.value);
+		}, D);
+		function F() {
+			E.value = !0, x(O.value.value) || (T.value = O.value.value);
 		}
-		return (t, n) => (u(), r(f(e), { field: f(O) }, {
-			default: h(() => [i("label", c(f(T), { for: f(O).controlId.value }), [i("input", c(f(E), {
-				checked: f(D),
-				onChange: A
-			}), null, 16, v), i("span", l(o(f(k))), [i("span", l(o(f(w))), null, 16)], 16)], 16, _)]),
-			_: 1
-		}, 8, ["field"]));
+		return (r, i) => (p(), a(_(n), { field: _(N) }, s({
+			default: b(() => [o("label", d(_(A), { for: _(N).controlId.value }), [o("input", d(_(j), {
+				checked: _(M),
+				onChange: F
+			}), null, 16, C), o("span", f(l(_(P))), [o("span", f(l(_(k))), null, 16)], 16)], 16, S)]),
+			_: 2
+		}, [h(_(e)(_(t), r.$slots), (e) => ({
+			name: e,
+			fn: b((t) => [g(r.$slots, e, f(l(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { y as default };
+export { w as default };