@bridge-ui/vue 0.0.0

package/dist/Components/PasswordField/composables/usePasswordField.js

@@ -0,0 +1,40 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { useFormField as r } from "../../FormField/composables/useFormField.js";
+import { computed as i, ref as a, toRef as o, useAttrs as s } from "vue";
+import { isNil as c } from "es-toolkit/compat";
+//#region src/Components/PasswordField/composables/usePasswordField.ts
+function l(l, u = {}) {
+	let d = s(), f = a(!1), p = o(l, "visible"), m = i(() => !c(p.value)), h = i(() => m.value ? !!p.value : f.value), g = i(() => h.value ? "text" : "password"), { entry: _ } = t({
+		componentName: "PasswordField",
+		props: () => ({ classes: l.classes })
+	}), v = n({
+		entry: _,
+		props: () => ({ classes: l.classes })
+	}), y = r(() => {
+		let { visible: e, classes: t, ...n } = l;
+		return {
+			...d,
+			...n,
+			withErrorIcon: !1,
+			classes: v.value
+		};
+	}, {
+		size: "md",
+		rounded: "md",
+		color: "primary",
+		variant: "outline",
+		withErrorIcon: !1
+	}, { reservedSlots: () => ["end"] });
+	return {
+		formField: y,
+		inputBind: i(() => e(y.inputBind.value, { type: g.value }, "")),
+		isVisible: h,
+		mergedClasses: v,
+		toggleVisibility: () => {
+			let e = !h.value;
+			m.value || (f.value = e), u.onVisibilityChange?.(e);
+		}
+	};
+}
+//#endregion
+export { l as usePasswordField };

package/dist/Components/PasswordField/index.d.ts

@@ -0,0 +1,4 @@
+export { usePasswordField } from './composables/usePasswordField';
+export type { UsePasswordFieldOptions } from './composables/usePasswordField';
+export type { PasswordFieldClasses, PasswordFieldCustomProps, PasswordFieldEmits, PasswordFieldOwnProps, PasswordFieldProps, PasswordFieldSlots, } from './passwordField.types';
+export { default as PasswordField } from './PasswordField.vue';

package/dist/Components/PasswordField/index.js

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

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

@@ -0,0 +1,34 @@
+import { InputHTMLAttributes } from 'vue';
+import { MergeHtmlProps } from '@bridge-ui/core';
+import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
+export interface PasswordFieldClasses extends FormFieldClasses {
+    /**
+     * The classes to apply to the visibility toggle button.
+     */
+    toggle?: string;
+}
+export interface PasswordFieldCustomProps extends FormFieldCustomProps {}
+export interface PasswordFieldEmits {
+    /**
+     * Emitted when password visibility changes.
+     * Listen with `@visibility-change` / `v-on:visibility-change`.
+     */
+    "visibility-change": [visible: boolean];
+}
+export interface PasswordFieldOwnProps extends Omit<FormFieldOwnProps, "type" | "field" | "classes"> {
+    /**
+     * The classes to apply to the password field.
+     */
+    classes?: PasswordFieldClasses;
+    /**
+     * Whether the password is visible. Omit for uncontrolled mode.
+     */
+    visible?: null | boolean;
+}
+export interface PasswordFieldSlots extends FormFieldSlots {}
+export type PasswordFieldProps = MergeHtmlProps<PasswordFieldOwnProps, InputHTMLAttributes> & {
+    /**
+     * Bound with `v-model` on the component (`defineModel` internally).
+     */
+    modelValue?: null | string;
+};

package/dist/Components/Radio/Radio.js

@@ -0,0 +1,5 @@
+import e from "./Radio.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Radio/Radio.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,20 @@
+import { RadioOwnProps, RadioSlots } from './radio.types';
+type __VLS_Slots = RadioSlots;
+type __VLS_Props = RadioOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: number | string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+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, unref as d, useAttrs as f, useModel as p, withCtx as m } from "vue";
+import { isNil as h } from "es-toolkit/compat";
+//#region src/Components/Radio/Radio.vue?vue&type=script&setup=true&lang.ts
+var g = ["for"], _ = ["checked"], v = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "Radio",
+	props: /* @__PURE__ */ s({
+		checked: { type: Boolean },
+		classes: {},
+		color: {},
+		customProps: {},
+		name: {},
+		rounded: {},
+		size: {},
+		slots: {},
+		value: {},
+		controlId: {},
+		description: {},
+		disabled: { type: Boolean },
+		endLabel: {},
+		error: { type: Boolean },
+		errorMessage: {},
+		mainLabel: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		startLabel: {},
+		withoutErrorMessage: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(a) {
+		let s = f(), v = a, y = p(a, "modelValue"), { merged: b, dotBind: x, fieldBind: S, inputBind: C, isChecked: w, formControl: T, controlBind: E } = t(() => ({
+			...s,
+			...v
+		}), {
+			size: "md",
+			rounded: "full",
+			color: "primary"
+		}, n(() => y.value));
+		function D() {
+			h(b.value.value) || (y.value = b.value.value);
+		}
+		return (t, n) => (u(), r(d(e), { field: d(T) }, {
+			default: m(() => [i("label", c(d(S), { for: d(T).controlId.value }), [i("input", c(d(C), {
+				checked: d(w),
+				onChange: D
+			}), null, 16, _), i("span", l(o(d(E))), [i("span", l(o(d(x))), null, 16)], 16)], 16, g)]),
+			_: 1
+		}, 8, ["field"]));
+	}
+});
+//#endregion
+export { v as default };

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

@@ -0,0 +1,278 @@
+import { MaybeRefOrGetter } from 'vue';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+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", {
+        type: string;
+        name: string | undefined;
+        value: string | number | undefined;
+        id: string;
+        disabled: boolean;
+        readonly: boolean;
+        "aria-describedby": string | undefined;
+        required: true | undefined;
+        "aria-invalid": true | undefined;
+        accept?: string | undefined;
+        alt?: string | undefined;
+        autocomplete?: import('vue').InputAutoCompleteAttribute | undefined;
+        autofocus?: (boolean | "true" | "false") | undefined;
+        capture?: boolean | "user" | "environment" | undefined;
+        checked?: (boolean | "true" | "false") | any[] | Set<any> | undefined;
+        crossorigin?: string | undefined;
+        form?: string | undefined;
+        formaction?: string | undefined;
+        formenctype?: string | undefined;
+        formmethod?: string | undefined;
+        formnovalidate?: (boolean | "true" | "false") | undefined;
+        formtarget?: string | undefined;
+        height?: (string | number) | undefined;
+        indeterminate?: boolean | undefined;
+        list?: string | undefined;
+        max?: (string | number) | undefined;
+        maxlength?: (string | number) | undefined;
+        min?: (string | number) | undefined;
+        minlength?: (string | number) | undefined;
+        multiple?: (boolean | "true" | "false") | undefined;
+        pattern?: string | undefined;
+        placeholder?: string | undefined;
+        size?: (string | number) | undefined;
+        src?: string | undefined;
+        step?: (string | number) | undefined;
+        width?: (string | number) | undefined;
+        onCancel?: ((payload: Event) => void) | undefined;
+        innerHTML?: string | undefined;
+        class?: import('vue').ClassValue | undefined;
+        style?: import('vue').StyleValue | undefined;
+        accesskey?: string | undefined;
+        contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextmenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: import('vue').HTMLAttributes["enterkeyhint"];
+        hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+        inert?: (boolean | "true" | "false") | undefined;
+        lang?: string | undefined;
+        spellcheck?: (boolean | "true" | "false") | undefined;
+        tabindex?: (string | number) | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radiogroup?: string | undefined;
+        role?: string | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        resource?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autocapitalize?: string | undefined;
+        autocorrect?: string | undefined;
+        autosave?: string | undefined;
+        color?: string | undefined;
+        itemprop?: string | undefined;
+        itemscope?: (boolean | "true" | "false") | undefined;
+        itemtype?: string | undefined;
+        itemid?: string | undefined;
+        itemref?: string | undefined;
+        results?: (string | number) | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        exportparts?: string;
+        part?: string;
+        'aria-activedescendant'?: string | undefined;
+        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+        'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+        'aria-colcount'?: (string | number) | undefined;
+        'aria-colindex'?: (string | number) | undefined;
+        'aria-colspan'?: (string | number) | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+        'aria-details'?: string | undefined;
+        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        'aria-errormessage'?: string | undefined;
+        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-flowto'?: string | undefined;
+        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+        'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-keyshortcuts'?: string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        'aria-level'?: (string | number) | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | undefined;
+        'aria-modal'?: (boolean | "true" | "false") | undefined;
+        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | undefined;
+        'aria-owns'?: string | undefined;
+        'aria-placeholder'?: string | undefined;
+        'aria-posinset'?: (string | number) | undefined;
+        'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+        'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-roledescription'?: string | undefined;
+        'aria-rowcount'?: (string | number) | undefined;
+        'aria-rowindex'?: (string | number) | undefined;
+        'aria-rowspan'?: (string | number) | undefined;
+        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-setsize'?: (string | number) | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+        'aria-valuemax'?: (string | number) | undefined;
+        'aria-valuemin'?: (string | number) | undefined;
+        'aria-valuenow'?: (string | number) | undefined;
+        'aria-valuetext'?: string | undefined;
+        onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+        onCut?: ((payload: ClipboardEvent) => void) | undefined;
+        onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+        onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+        onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+        onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+        onDrag?: ((payload: DragEvent) => void) | undefined;
+        onDragend?: ((payload: DragEvent) => void) | undefined;
+        onDragenter?: ((payload: DragEvent) => void) | undefined;
+        onDragexit?: ((payload: DragEvent) => void) | undefined;
+        onDragleave?: ((payload: DragEvent) => void) | undefined;
+        onDragover?: ((payload: DragEvent) => void) | undefined;
+        onDragstart?: ((payload: DragEvent) => void) | undefined;
+        onDrop?: ((payload: DragEvent) => void) | undefined;
+        onFocus?: ((payload: FocusEvent) => void) | undefined;
+        onFocusin?: ((payload: FocusEvent) => void) | undefined;
+        onFocusout?: ((payload: FocusEvent) => void) | undefined;
+        onBlur?: ((payload: FocusEvent) => void) | undefined;
+        onChange?: ((payload: Event) => void) | undefined;
+        onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+        onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+        onInput?: ((payload: InputEvent) => void) | undefined;
+        onReset?: ((payload: Event) => void) | undefined;
+        onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+        onInvalid?: ((payload: Event) => void) | undefined;
+        onFullscreenchange?: ((payload: Event) => void) | undefined;
+        onFullscreenerror?: ((payload: Event) => void) | undefined;
+        onLoad?: ((payload: Event) => void) | undefined;
+        onError?: ((payload: Event) => void) | undefined;
+        onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+        onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+        onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+        onDblclick?: ((payload: MouseEvent) => void) | undefined;
+        onMousedown?: ((payload: MouseEvent) => void) | undefined;
+        onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+        onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+        onMousemove?: ((payload: MouseEvent) => void) | undefined;
+        onMouseout?: ((payload: MouseEvent) => void) | undefined;
+        onMouseover?: ((payload: MouseEvent) => void) | undefined;
+        onMouseup?: ((payload: MouseEvent) => void) | undefined;
+        onAbort?: ((payload: UIEvent) => void) | undefined;
+        onCanplay?: ((payload: Event) => void) | undefined;
+        onCanplaythrough?: ((payload: Event) => void) | undefined;
+        onDurationchange?: ((payload: Event) => void) | undefined;
+        onEmptied?: ((payload: Event) => void) | undefined;
+        onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+        onEnded?: ((payload: Event) => void) | undefined;
+        onLoadeddata?: ((payload: Event) => void) | undefined;
+        onLoadedmetadata?: ((payload: Event) => void) | undefined;
+        onLoadstart?: ((payload: Event) => void) | undefined;
+        onPause?: ((payload: Event) => void) | undefined;
+        onPlay?: ((payload: Event) => void) | undefined;
+        onPlaying?: ((payload: Event) => void) | undefined;
+        onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+        onRatechange?: ((payload: Event) => void) | undefined;
+        onSeeked?: ((payload: Event) => void) | undefined;
+        onSeeking?: ((payload: Event) => void) | undefined;
+        onStalled?: ((payload: Event) => void) | undefined;
+        onSuspend?: ((payload: Event) => void) | undefined;
+        onTimeupdate?: ((payload: Event) => void) | undefined;
+        onVolumechange?: ((payload: Event) => void) | undefined;
+        onWaiting?: ((payload: Event) => void) | undefined;
+        onSelect?: ((payload: Event) => void) | undefined;
+        onScroll?: ((payload: Event) => void) | undefined;
+        onScrollend?: ((payload: Event) => void) | undefined;
+        onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+        onTouchend?: ((payload: TouchEvent) => void) | undefined;
+        onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+        onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+        onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+        onClick?: ((payload: PointerEvent) => void) | undefined;
+        onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+        onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+        onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+        onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+        onPointermove?: ((payload: PointerEvent) => void) | undefined;
+        onPointerup?: ((payload: PointerEvent) => void) | undefined;
+        onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+        onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+        onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+        onPointerover?: ((payload: PointerEvent) => void) | undefined;
+        onPointerout?: ((payload: PointerEvent) => void) | undefined;
+        onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+        onToggle?: ((payload: ToggleEvent) => void) | undefined;
+        onWheel?: ((payload: WheelEvent) => void) | undefined;
+        onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+        onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+        onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+    }, Partial<Omit<RadioOwnProps, "color" | "name" | "size" | "value" | "classes" | "customProps" | "rounded">>>>;
+    isChecked: import('vue').ComputedRef<boolean>;
+    formControl: {
+        slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "size" | "error" | "withoutErrorMessage"> & {
+            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
+            error: NonNullable<boolean | undefined>;
+            withoutErrorMessage: NonNullable<boolean | undefined>;
+        }>;
+        rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "size" | "classes" | "customProps" | "error" | "disabled" | "controlId" | "description" | "endLabel" | "errorMessage" | "mainLabel" | "readonly" | "required" | "startLabel" | "withoutErrorMessage">>>>;
+        controlId: import('vue').ComputedRef<string>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        isReadonly: import('vue').ComputedRef<boolean>;
+        controlBind: import('vue').ComputedRef<{
+            id: string;
+            disabled: boolean;
+            readonly: boolean;
+            "aria-describedby": string | undefined;
+            required: true | undefined;
+            "aria-invalid": true | undefined;
+        }>;
+        invalidated: import('vue').ComputedRef<boolean>;
+        endLabelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            for: string;
+        }>>;
+        mainLabelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            for: string;
+        }>>;
+        startLabelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            for: string;
+        }>>;
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+            id: string;
+        }>>;
+        errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core').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, {
+        "aria-hidden": boolean;
+    }>>;
+};
+export {};

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

@@ -0,0 +1,78 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { useFormControl as r } from "../../FormControl/composables/useFormControl.js";
+import { computed as i, toValue as a, useAttrs as o } from "vue";
+import { get as s, omit as c } from "es-toolkit/compat";
+import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
+import { colorProps as f, invalidatedProps as p, roundedProps as m, sizeProps as h } from "@bridge-ui/core/Components/Radio";
+//#region src/Components/Radio/composables/useRadio.ts
+var g = [
+	"name",
+	"size",
+	"color",
+	"value",
+	"classes",
+	"rounded",
+	"customProps"
+];
+function _(_, v, y) {
+	let b = o(), x = r(() => ({
+		...b,
+		...a(_)
+	}), {
+		error: !1,
+		withoutErrorMessage: !1,
+		size: v.size ?? "sm"
+	}), S = i(() => d({
+		bridgeKeys: g,
+		props: {
+			...b,
+			...a(_)
+		}
+	})), { merged: C, entry: w } = t({
+		libDefaults: v,
+		componentName: "Radio",
+		props: () => S.value.componentProps
+	}), T = i(() => C.value.customProps), E = n({
+		entry: w,
+		props: () => S.value.componentProps
+	}), D = i(() => a(y) === C.value.value), O = i(() => s(u(f, w.value?.customProps?.color), C.value.color ?? "primary")), k = i(() => u(p, w.value?.customProps?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => s(u(h, w.value?.customProps?.size), C.value.size ?? "sm")), M = i(() => s(u(m, w.value?.customProps?.rounded), C.value.rounded ?? "full")), N = i(() => e({
+		...T.value?.input,
+		...x.controlBind.value,
+		type: "radio",
+		name: C.value.name,
+		value: C.value.value
+	}, c(S.value.inheritedAttrs, ["class"]), l({
+		"sr-only": !0,
+		[E.value.input ?? ""]: !0
+	}))), P = i(() => e(T.value?.control, { "aria-hidden": !0 }, l({
+		"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,
+		[E.value.control ?? ""]: !0
+	})));
+	return {
+		merged: C,
+		dotBind: i(() => e(T.value?.dot, {}, l({
+			"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({}, {}, l({
+			"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
+		}))),
+		inputBind: N,
+		isChecked: D,
+		formControl: x,
+		controlBind: P
+	};
+}
+//#endregion
+export { _ as useRadio };

package/dist/Components/Radio/index.d.ts

@@ -0,0 +1,3 @@
+export { useRadio } from './composables/useRadio';
+export type { RadioClasses, RadioColorOverrides, RadioCustomProps, RadioEmits, RadioOwnProps, RadioProps, RadioRoundedOverrides, RadioSizeOverrides, RadioSlots, } from './radio.types';
+export { default as Radio } from './Radio.vue';

package/dist/Components/Radio/index.js

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

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

@@ -0,0 +1,104 @@
+import { InputHTMLAttributes } from 'vue';
+import { MergeHtmlProps, MergeProps, RadioColor, RadioRounded, RadioSize } from '@bridge-ui/core';
+import { FormControlClasses, FormControlCustomProps, FormControlOwnProps, FormControlSlots } from '../FormControl/formControl.types';
+export interface RadioSizeOverrides {}
+export interface RadioColorOverrides {}
+export interface RadioRoundedOverrides {}
+export interface RadioClasses extends FormControlClasses {
+    /**
+     * The classes to apply to the custom control circle.
+     */
+    control?: string;
+    /**
+     * The classes to apply to the inner dot when checked.
+     */
+    dot?: string;
+    /**
+     * The classes to apply to the native input (visually hidden).
+     */
+    input?: string;
+}
+export interface RadioCustomProps extends FormControlCustomProps {
+    /**
+     * Props forwarded to the custom control circle.
+     */
+    control?: InputHTMLAttributes;
+    /**
+     * Props forwarded to the inner dot.
+     */
+    dot?: InputHTMLAttributes;
+    /**
+     * Props forwarded to the native input.
+     */
+    input?: Partial<InputHTMLAttributes>;
+}
+export interface RadioEmits {
+    /**
+     * Emitted when `v-model` should update.
+     */
+    "update:modelValue": [value: number | string];
+}
+export interface RadioOwnProps extends Omit<FormControlOwnProps, "field" | "slots" | "classes" | "customProps"> {
+    /**
+     * Whether the radio is checked.
+     *
+     * @default undefined
+     */
+    checked?: boolean;
+    /**
+     * Classes for the form control chrome and the radio control.
+     *
+     * @default undefined
+     */
+    classes?: RadioClasses;
+    /**
+     * The color to apply to the radio.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<RadioColor, RadioColorOverrides>;
+    /**
+     * Extra props for internal parts.
+     *
+     * @default undefined
+     */
+    customProps?: RadioCustomProps;
+    /**
+     * The `name` attribute shared by radios in the same group.
+     *
+     * @default undefined
+     */
+    name?: string;
+    /**
+     * The roundedness of the radio control.
+     *
+     * @default "full"
+     */
+    rounded?: MergeProps<RadioRounded, RadioRoundedOverrides>;
+    /**
+     * Size of the control and of form control labels (`2xs` … `2xl`, same scale as
+     * `FormField`).
+     *
+     * @default "md"
+     */
+    size?: MergeProps<RadioSize, RadioSizeOverrides>;
+    /**
+     * Chrome slots and the control slot.
+     *
+     * @default undefined
+     */
+    slots?: RadioSlots;
+    /**
+     * The value of this radio option.
+     *
+     * @default undefined
+     */
+    value?: number | string;
+}
+export interface RadioSlots extends FormControlSlots {}
+export type RadioProps = MergeHtmlProps<RadioOwnProps, Omit<InputHTMLAttributes, "size" | "color" | "rounded">> & {
+    /**
+     * Bound with `v-model` on the component (`defineModel` internally).
+     */
+    modelValue?: number | string;
+};

package/dist/Components/Select/Select.js

@@ -0,0 +1,5 @@
+import e from "./Select.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Select/Select.vue
+var t = e;
+//#endregion
+export { t as default };