@bridge-ui/vue 0.0.0

package/dist/Components/Snackbar/snackbar.types.d.ts

@@ -0,0 +1,214 @@
+import { LucideIcon } from 'lucide-vue-next';
+import { HTMLAttributes, Slot } from 'vue';
+import { MergeHtmlProps, MergeProps, SnackbarColor, SnackbarPadding, SnackbarPosition, SnackbarRounded, SnackbarTransition } from '@bridge-ui/core';
+import { IconProps } from '../Icon';
+export interface SnackbarColorOverrides {}
+export interface SnackbarPaddingOverrides {}
+export interface SnackbarRoundedOverrides {}
+export interface SnackbarPositionOverrides {}
+export interface SnackbarTransitionOverrides {}
+export interface SnackbarClasses {
+    /**
+     * The classes to apply to the inline actions slot wrapper.
+     */
+    actions?: string;
+    /**
+     * The classes to apply to the main content wrapper.
+     */
+    content?: string;
+    /**
+     * The classes to apply to the description.
+     */
+    description?: string;
+    /**
+     * The classes to apply to the icon.
+     */
+    icon?: string;
+    /**
+     * The classes to apply to the fixed portal layer (standalone snackbar only).
+     */
+    portal?: string;
+    /**
+     * The classes to apply to the progress bar.
+     */
+    progress?: string;
+    /**
+     * The classes to apply to the right actions slot wrapper.
+     */
+    right?: string;
+    /**
+     * The classes to apply to the root panel.
+     */
+    root?: string;
+    /**
+     * The classes to apply to the title.
+     */
+    title?: string;
+}
+export interface SnackbarCustomProps {
+    /**
+     * Props forwarded to the main content wrapper.
+     */
+    content?: HTMLAttributes;
+    /**
+     * Props forwarded to the description element.
+     */
+    description?: HTMLAttributes;
+    /**
+     * Props forwarded to the default `Icon` (`icon` is set by the snackbar).
+     */
+    icon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the fixed portal layer (standalone snackbar only).
+     */
+    portal?: HTMLAttributes;
+    /**
+     * Props forwarded to the progress bar track.
+     */
+    progress?: HTMLAttributes;
+    /**
+     * Props forwarded to the root panel.
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to the title element.
+     */
+    title?: HTMLAttributes;
+}
+export interface SnackbarEmits {
+    /**
+     * Emitted when the snackbar requests to close.
+     */
+    close: [];
+    /**
+     * Emitted after the leave transition when `v-model` is already `false`.
+     *
+     * @internal Used by `BridgeSnackbarHost` to remove registry entries.
+     * Listen with `@leave-complete` / `v-on:leave-complete`.
+     */
+    "leave-complete": [];
+    /**
+     * Emitted when `v-model` visibility should change (controlled state).
+     * Listen with `@show-change` / `v-on:show-change`.
+     */
+    "show-change": [show: boolean];
+}
+/**
+ * Toast / notification panel. Sets `role="status"` and `aria-live="polite"` by default.
+ * Use the `actions` and `right` slots for custom actions; imperative presets live in `useSnackbarAction`.
+ */
+export interface SnackbarOwnProps {
+    /**
+     * The classes to apply to the snackbar.
+     */
+    classes?: SnackbarClasses;
+    /**
+     * Whether to show the close button.
+     *
+     * @default true
+     */
+    closeButton?: boolean;
+    /**
+     * Tint color for the default icon.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<SnackbarColor, SnackbarColorOverrides>;
+    /**
+     * Extra props for internal parts (`icon`, `title`, `description`, etc.).
+     */
+    customProps?: SnackbarCustomProps;
+    /**
+     * Body text below the title.
+     */
+    description?: string;
+    /**
+     * Auto-dismiss delay in ms. `false` disables the timer.
+     *
+     * @default 5000
+     */
+    duration?: false | number;
+    /**
+     * The icon to display. Use `null` to hide the icon.
+     */
+    icon?: null | LucideIcon;
+    /**
+     * Avatar image URL (shown instead of icon when set).
+     */
+    img?: string;
+    /**
+     * Padding for the content area.
+     *
+     * @default "medium"
+     */
+    padding?: MergeProps<SnackbarPadding, SnackbarPaddingOverrides>;
+    /**
+     * Viewport anchor when portaled (standalone). Ignored when `teleportTo={false}`.
+     *
+     * @default "bottom-center"
+     */
+    position?: MergeProps<SnackbarPosition, SnackbarPositionOverrides>;
+    /**
+     * Whether to show the countdown progress bar when `duration` is set.
+     *
+     * @default true
+     */
+    progressbar?: boolean;
+    /**
+     * The roundedness of the snackbar panel.
+     *
+     * @default "lg"
+     */
+    rounded?: MergeProps<SnackbarRounded, SnackbarRoundedOverrides>;
+    /**
+     * Pre-assigned stack id (BridgeSnackbarHost).
+     */
+    stackId?: string;
+    /**
+     * Portal target. `false` renders inline without layer stack.
+     *
+     * @default "body"
+     */
+    teleportTo?: false | string;
+    /**
+     * Headline text.
+     */
+    title?: string;
+    /**
+     * Enter/leave animation preset.
+     *
+     * @default "slide"
+     */
+    transition?: MergeProps<SnackbarTransition, SnackbarTransitionOverrides>;
+}
+export interface SnackbarSlots {
+    /**
+     * Inline actions below the description.
+     */
+    actions?: Slot;
+    /**
+     * Content below the title/description.
+     */
+    default?: Slot;
+    /**
+     * Custom description markup.
+     */
+    description?: Slot;
+    /**
+     * Custom icon markup.
+     */
+    icon?: Slot;
+    /**
+     * Vertical action column on the right edge (WireUI `rightButtons` layout).
+     */
+    right?: Slot;
+    /**
+     * Custom title markup.
+     */
+    title?: Slot;
+    /**
+     * Content before the close button (e.g. compact accept action with `padding="small"`).
+     */
+    trailing?: Slot;
+}
+export type SnackbarProps = MergeHtmlProps<SnackbarOwnProps, HTMLAttributes>;

package/dist/Components/Snackbar/snackbarDefaultIcons.d.ts

@@ -0,0 +1,4 @@
+import { LucideIcon } from 'lucide-vue-next';
+import { SnackbarColor } from '@bridge-ui/core';
+/** Library fallbacks when neither the `icon` prop nor theme `icon` is set. */
+export declare const snackbarDefaultIcons: Record<keyof SnackbarColor, LucideIcon>;

package/dist/Components/Snackbar/snackbarDefaultIcons.js

@@ -0,0 +1,13 @@
+import { Bell as e, CircleAlert as t, CircleCheck as n, CircleX as r, Info as i, TriangleAlert as a } from "lucide-vue-next";
+//#region src/Components/Snackbar/snackbarDefaultIcons.ts
+var o = {
+	dark: i,
+	primary: e,
+	error: r,
+	secondary: i,
+	info: t,
+	success: n,
+	warning: a
+};
+//#endregion
+export { o as snackbarDefaultIcons };

package/dist/Components/Switch/Switch.js

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

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

@@ -0,0 +1,20 @@
+import { SwitchOwnProps, SwitchSlots } from './switch.types';
+type __VLS_Slots = SwitchSlots;
+type __VLS_Props = SwitchOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+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: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => 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/Switch/Switch.vue_vue_type_script_setup_true_lang.js

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

package/dist/Components/Switch/composables/useSwitch.d.ts

@@ -0,0 +1,278 @@
+import { MaybeRefOrGetter } from 'vue';
+import { LibDefaultsShape } from '@bridge-ui/core';
+import { SwitchOwnProps } from '../switch.types';
+type SwitchLibDefaults = LibDefaultsShape<SwitchOwnProps, "size" | "color" | "rounded">;
+export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDefaults: SwitchLibDefaults, checked: MaybeRefOrGetter<boolean | undefined>): {
+    fieldBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+        role: string;
+        type: string;
+        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;
+        name?: string | undefined;
+        pattern?: string | undefined;
+        placeholder?: string | undefined;
+        size?: (string | number) | undefined;
+        src?: string | undefined;
+        step?: (string | number) | undefined;
+        value?: any;
+        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;
+        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<SwitchOwnProps, "color" | "size" | "classes" | "customProps" | "rounded">>>>;
+    isChecked: import('vue').ComputedRef<boolean>;
+    thumbBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
+        "aria-hidden": boolean;
+    }>>;
+    trackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
+        "aria-hidden": 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>;
+    };
+};
+export {};

package/dist/Components/Switch/composables/useSwitch.js

@@ -0,0 +1,73 @@
+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/Switch";
+//#region src/Components/Switch/composables/useSwitch.ts
+var g = [
+	"size",
+	"color",
+	"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: "Switch",
+		props: () => S.value.componentProps
+	}), T = i(() => C.value.customProps), E = n({
+		entry: w,
+		props: () => S.value.componentProps
+	}), D = i(() => !!a(y)), 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,
+		role: "switch",
+		type: "checkbox"
+	}, c(S.value.inheritedAttrs, ["class"]), l({
+		"sr-only": !0,
+		[E.value.input ?? ""]: !0
+	}))), P = i(() => e(T.value?.track, { "aria-hidden": !0 }, l({
+		"block cursor-pointer transition ease-in-out duration-100": !0,
+		[j.value?.track ?? ""]: !0,
+		[M.value ?? ""]: !0,
+		[A.value?.track ?? ""]: !D.value,
+		[A.value?.trackChecked ?? ""]: D.value,
+		[E.value.track ?? ""]: !0
+	}))), F = i(() => e(T.value?.thumb, { "aria-hidden": !0 }, l({
+		"pointer-events-none absolute start-0.5 top-1/2 -translate-y-1/2 rounded-full shadow-sm transition ease-in-out duration-200": !0,
+		[j.value?.thumb ?? ""]: !0,
+		[j.value?.thumbCheckedTranslate ?? ""]: D.value,
+		[A.value?.thumb ?? ""]: !0,
+		[E.value.thumb ?? ""]: !0
+	})));
+	return {
+		fieldBind: i(() => e({}, {}, l({
+			"relative inline-flex shrink-0 select-none": !0,
+			"has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
+			[M.value ?? ""]: !0,
+			[A.value?.focus ?? ""]: !0
+		}))),
+		inputBind: N,
+		isChecked: D,
+		thumbBind: F,
+		trackBind: P,
+		formControl: x
+	};
+}
+//#endregion
+export { _ as useSwitch };