base-ui-vue 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as vue from "vue";
-import { Component, ComponentPublicInstance, ComputedRef, HTMLAttributes, InjectionKey, MaybeRefOrGetter, NativeElements, Ref, ShallowRef, StyleValue, VNodeRef } from "vue";
+import { CSSProperties, Component, ComponentPublicInstance, ComputedRef, HTMLAttributes, InjectionKey, MaybeRefOrGetter, NativeElements, Ref, ShallowRef, StyleValue, VNodeRef } from "vue";
 
 //#region src/utils/reasons.d.ts
 declare const none: "none";
@@ -111,6 +111,7 @@ type BaseUIChangeEventDetail<Reason extends string, CustomProperties extends obj
   trigger: Element | undefined;
 } & CustomProperties;
 type BaseUIChangeEventDetails<Reason extends string, CustomProperties extends object = Record<string, never>> = Reason extends string ? BaseUIChangeEventDetail<Reason, CustomProperties> : never;
+type BaseUIGenericEventDetails<Reason extends string> = BaseUIChangeEventDetails<Reason>;
 //#endregion
 //#region src/types/index.d.ts
 type HTMLProps = HTMLAttributes & {
@@ -153,6 +154,15 @@ interface NativeButtonProps {
    */
   nativeButton?: boolean;
 }
+interface NonNativeButtonProps {
+  /**
+   * Whether the component renders a native `<button>` element when replaceing it.
+   *  via the `as` prop.
+   * Set to `true` if the rendered element is a native button.
+   * @default false
+   */
+  nativeButton?: boolean;
+}
 //#endregion
 //#region src/utils/useTransitionStatus.d.ts
 type TransitionStatus = 'starting' | 'ending' | 'idle' | undefined;
@@ -269,42 +279,42 @@ interface AccordionPanelProps extends BaseUIComponentProps<AccordionPanelState>
 }
 //#endregion
 //#region src/accordion/header/AccordionHeader.vue.d.ts
-declare var __VLS_1$20: {
+declare var __VLS_1$34: {
     props: Record<string, any>;
     state: AccordionItemState<any>;
-  }, __VLS_10$17: {
+  }, __VLS_10$29: {
     state: AccordionItemState<any>;
   };
-type __VLS_Slots$22 = {} & {
-  default?: (props: typeof __VLS_1$20) => any;
+type __VLS_Slots$41 = {} & {
+  default?: (props: typeof __VLS_1$34) => any;
 } & {
-  default?: (props: typeof __VLS_10$17) => any;
+  default?: (props: typeof __VLS_10$29) => any;
 };
-declare const __VLS_base$22: vue.DefineComponent<AccordionHeaderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AccordionHeaderProps> & Readonly<{}>, {
+declare const __VLS_base$41: vue.DefineComponent<AccordionHeaderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AccordionHeaderProps> & Readonly<{}>, {
   as: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$22: __VLS_WithSlots$22<typeof __VLS_base$22, __VLS_Slots$22>;
-declare const _default: typeof __VLS_export$22;
-type __VLS_WithSlots$22<T, S> = T & {
+declare const __VLS_export$44: __VLS_WithSlots$41<typeof __VLS_base$41, __VLS_Slots$41>;
+declare const _default: typeof __VLS_export$44;
+type __VLS_WithSlots$41<T, S> = T & {
   new (): {
     $slots: S;
   };
 }; //# sourceMappingURL=AccordionHeader.vue.d.ts.map
 //#endregion
 //#region src/accordion/item/AccordionItem.vue.d.ts
-declare var __VLS_1$19: {
+declare var __VLS_1$33: {
     ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
     props: Record<string, any>;
     state: AccordionItemState<any>;
-  }, __VLS_10$16: {
+  }, __VLS_10$28: {
     state: AccordionItemState<any>;
   };
-type __VLS_Slots$21 = {} & {
-  default?: (props: typeof __VLS_1$19) => any;
+type __VLS_Slots$40 = {} & {
+  default?: (props: typeof __VLS_1$33) => any;
 } & {
-  default?: (props: typeof __VLS_10$16) => any;
+  default?: (props: typeof __VLS_10$28) => any;
 };
-declare const __VLS_base$21: vue.DefineComponent<AccordionItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+declare const __VLS_base$40: vue.DefineComponent<AccordionItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
   openChange: (open: boolean, details: AccordionItemChangeEventDetails) => any;
 }, string, vue.PublicProps, Readonly<AccordionItemProps> & Readonly<{
   onOpenChange?: ((open: boolean, details: AccordionItemChangeEventDetails) => any) | undefined;
@@ -312,9 +322,9 @@ declare const __VLS_base$21: vue.DefineComponent<AccordionItemProps, {}, {}, {},
   disabled: boolean;
   as: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$21: __VLS_WithSlots$21<typeof __VLS_base$21, __VLS_Slots$21>;
-declare const _default$1: typeof __VLS_export$21;
-type __VLS_WithSlots$21<T, S> = T & {
+declare const __VLS_export$43: __VLS_WithSlots$40<typeof __VLS_base$40, __VLS_Slots$40>;
+declare const _default$1: typeof __VLS_export$43;
+type __VLS_WithSlots$40<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -331,58 +341,58 @@ declare const accordionItemContextKey: InjectionKey<AccordionItemContext>;
 declare function useAccordionItemContext(): AccordionItemContext;
 //#endregion
 //#region src/accordion/panel/AccordionPanel.vue.d.ts
-declare var __VLS_1$18: {
+declare var __VLS_1$32: {
     ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
     props: Record<string, any>;
     state: AccordionPanelState;
-  }, __VLS_10$15: {
+  }, __VLS_10$27: {
     state: AccordionPanelState;
   };
-type __VLS_Slots$20 = {} & {
-  default?: (props: typeof __VLS_1$18) => any;
+type __VLS_Slots$39 = {} & {
+  default?: (props: typeof __VLS_1$32) => any;
 } & {
-  default?: (props: typeof __VLS_10$15) => any;
+  default?: (props: typeof __VLS_10$27) => any;
 };
-declare const __VLS_base$20: vue.DefineComponent<AccordionPanelProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AccordionPanelProps> & Readonly<{}>, {
+declare const __VLS_base$39: vue.DefineComponent<AccordionPanelProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AccordionPanelProps> & Readonly<{}>, {
   as: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$20: __VLS_WithSlots$20<typeof __VLS_base$20, __VLS_Slots$20>;
-declare const _default$2: typeof __VLS_export$20;
-type __VLS_WithSlots$20<T, S> = T & {
+declare const __VLS_export$42: __VLS_WithSlots$39<typeof __VLS_base$39, __VLS_Slots$39>;
+declare const _default$2: typeof __VLS_export$42;
+type __VLS_WithSlots$39<T, S> = T & {
   new (): {
     $slots: S;
   };
 }; //# sourceMappingURL=AccordionPanel.vue.d.ts.map
 //#endregion
 //#region src/accordion/root/AccordionRoot.vue.d.ts
-type __VLS_Props = AccordionRootProps;
-declare var __VLS_8$1: {
+type __VLS_Props$1 = AccordionRootProps;
+declare var __VLS_8$5: {
     props: Record<string, any>;
     state: AccordionRootState<any>;
-  }, __VLS_16$1: {
+  }, __VLS_16$2: {
     state: AccordionRootState<any>;
   };
-type __VLS_Slots$19 = {} & {
-  default?: (props: typeof __VLS_8$1) => any;
+type __VLS_Slots$38 = {} & {
+  default?: (props: typeof __VLS_8$5) => any;
 } & {
-  default?: (props: typeof __VLS_16$1) => any;
+  default?: (props: typeof __VLS_16$2) => any;
 };
-declare const __VLS_base$19: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+declare const __VLS_base$38: vue.DefineComponent<__VLS_Props$1, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
   valueChange: (value: AccordionValue, details: AccordionRootChangeEventDetails) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, vue.PublicProps, Readonly<__VLS_Props$1> & Readonly<{
   onValueChange?: ((value: AccordionValue, details: AccordionRootChangeEventDetails) => any) | undefined;
 }>, {
   disabled: boolean;
   as: string | vue.Component;
+  keepMounted: boolean;
   orientation: Orientation;
   hiddenUntilFound: boolean;
-  keepMounted: boolean;
   multiple: boolean;
   loopFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$19: __VLS_WithSlots$19<typeof __VLS_base$19, __VLS_Slots$19>;
-declare const _default$3: typeof __VLS_export$19;
-type __VLS_WithSlots$19<T, S> = T & {
+declare const __VLS_export$41: __VLS_WithSlots$38<typeof __VLS_base$38, __VLS_Slots$38>;
+declare const _default$3: typeof __VLS_export$41;
+type __VLS_WithSlots$38<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -416,25 +426,25 @@ declare const accordionRootContextKey: InjectionKey<AccordionRootContext>;
 declare function useAccordionRootContext<Value = any>(): AccordionRootContext<Value>;
 //#endregion
 //#region src/accordion/trigger/AccordionTrigger.vue.d.ts
-declare var __VLS_1$17: {
+declare var __VLS_1$31: {
     ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
     props: Record<string, any>;
     state: vue.Ref<AccordionItemState<any>, AccordionItemState<any>>;
-  }, __VLS_10$14: {
+  }, __VLS_10$26: {
     state: vue.Ref<AccordionItemState<any>, AccordionItemState<any>>;
   };
-type __VLS_Slots$18 = {} & {
-  default?: (props: typeof __VLS_1$17) => any;
+type __VLS_Slots$37 = {} & {
+  default?: (props: typeof __VLS_1$31) => any;
 } & {
-  default?: (props: typeof __VLS_10$14) => any;
+  default?: (props: typeof __VLS_10$26) => any;
 };
-declare const __VLS_base$18: vue.DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {
+declare const __VLS_base$37: vue.DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {
   nativeButton: boolean;
   as: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$18: __VLS_WithSlots$18<typeof __VLS_base$18, __VLS_Slots$18>;
-declare const _default$4: typeof __VLS_export$18;
-type __VLS_WithSlots$18<T, S> = T & {
+declare const __VLS_export$40: __VLS_WithSlots$37<typeof __VLS_base$37, __VLS_Slots$37>;
+declare const _default$4: typeof __VLS_export$40;
+type __VLS_WithSlots$37<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -446,23 +456,23 @@ interface AvatarRootState {
   imageLoadingStatus: ImageLoadingStatus;
 }
 interface AvatarRootProps extends BaseUIComponentProps<AvatarRootState> {}
-declare var __VLS_1$16: {
+declare var __VLS_1$30: {
     props: Record<string, any>;
     state: AvatarRootState;
-  }, __VLS_10$13: {
+  }, __VLS_10$25: {
     state: AvatarRootState;
   };
-type __VLS_Slots$17 = {} & {
-  default?: (props: typeof __VLS_1$16) => any;
+type __VLS_Slots$36 = {} & {
+  default?: (props: typeof __VLS_1$30) => any;
 } & {
-  default?: (props: typeof __VLS_10$13) => any;
+  default?: (props: typeof __VLS_10$25) => any;
 };
-declare const __VLS_base$17: vue.DefineComponent<AvatarRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AvatarRootProps> & Readonly<{}>, {
+declare const __VLS_base$36: vue.DefineComponent<AvatarRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AvatarRootProps> & Readonly<{}>, {
   as: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$17: __VLS_WithSlots$17<typeof __VLS_base$17, __VLS_Slots$17>;
-declare const _default$7: typeof __VLS_export$17;
-type __VLS_WithSlots$17<T, S> = T & {
+declare const __VLS_export$39: __VLS_WithSlots$36<typeof __VLS_base$36, __VLS_Slots$36>;
+declare const _default$7: typeof __VLS_export$39;
+type __VLS_WithSlots$36<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -476,23 +486,23 @@ interface AvatarFallbackProps extends BaseUIComponentProps<AvatarFallbackState>
    */
   delay?: number;
 }
-declare var __VLS_1$15: {
+declare var __VLS_1$29: {
     props: Record<string, any>;
     state: AvatarFallbackState;
-  }, __VLS_10$12: {
+  }, __VLS_10$24: {
     state: AvatarFallbackState;
   };
-type __VLS_Slots$16 = {} & {
-  default?: (props: typeof __VLS_1$15) => any;
+type __VLS_Slots$35 = {} & {
+  default?: (props: typeof __VLS_1$29) => any;
 } & {
-  default?: (props: typeof __VLS_10$12) => any;
+  default?: (props: typeof __VLS_10$24) => any;
 };
-declare const __VLS_base$16: vue.DefineComponent<AvatarFallbackProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AvatarFallbackProps> & Readonly<{}>, {
+declare const __VLS_base$35: vue.DefineComponent<AvatarFallbackProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AvatarFallbackProps> & Readonly<{}>, {
   as: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$16: __VLS_WithSlots$16<typeof __VLS_base$16, __VLS_Slots$16>;
-declare const _default$5: typeof __VLS_export$16;
-type __VLS_WithSlots$16<T, S> = T & {
+declare const __VLS_export$38: __VLS_WithSlots$35<typeof __VLS_base$35, __VLS_Slots$35>;
+declare const _default$5: typeof __VLS_export$38;
+type __VLS_WithSlots$35<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -510,28 +520,28 @@ interface AvatarImageProps extends BaseUIComponentProps<AvatarImageState> {
   referrerPolicy?: HTMLImageElement['referrerPolicy'];
   crossOrigin?: '' | 'anonymous' | 'use-credentials';
 }
-declare var __VLS_1$14: {
+declare var __VLS_1$28: {
     ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
     props: Record<string, any>;
     state: AvatarImageState;
-  }, __VLS_10$11: {
+  }, __VLS_10$23: {
     state: AvatarImageState;
   };
-type __VLS_Slots$15 = {} & {
-  default?: (props: typeof __VLS_1$14) => any;
+type __VLS_Slots$34 = {} & {
+  default?: (props: typeof __VLS_1$28) => any;
 } & {
-  default?: (props: typeof __VLS_10$11) => any;
+  default?: (props: typeof __VLS_10$23) => any;
 };
-declare const __VLS_base$15: vue.DefineComponent<AvatarImageProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+declare const __VLS_base$34: vue.DefineComponent<AvatarImageProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
   loadingStatusChange: (status: ImageLoadingStatus$1) => any;
 }, string, vue.PublicProps, Readonly<AvatarImageProps> & Readonly<{
   onLoadingStatusChange?: ((status: ImageLoadingStatus$1) => any) | undefined;
 }>, {
   as: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$15: __VLS_WithSlots$15<typeof __VLS_base$15, __VLS_Slots$15>;
-declare const _default$6: typeof __VLS_export$15;
-type __VLS_WithSlots$15<T, S> = T & {
+declare const __VLS_export$37: __VLS_WithSlots$34<typeof __VLS_base$34, __VLS_Slots$34>;
+declare const _default$6: typeof __VLS_export$37;
+type __VLS_WithSlots$34<T, S> = T & {
   new (): {
     $slots: S;
   };
@@ -574,240 +584,36 @@ interface ButtonProps extends NativeButtonProps, BaseUIComponentProps<ButtonStat
 }
 //#endregion
 //#region src/button/Button.vue.d.ts
-declare var __VLS_1$13: {
+declare var __VLS_1$27: {
     ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
     props: Record<string, any>;
     state: {
       disabled: boolean;
     };
-  }, __VLS_10$10: {
+  }, __VLS_10$22: {
     state: {
       disabled: boolean;
     };
   };
-type __VLS_Slots$14 = {} & {
-  default?: (props: typeof __VLS_1$13) => any;
+type __VLS_Slots$33 = {} & {
+  default?: (props: typeof __VLS_1$27) => any;
 } & {
-  default?: (props: typeof __VLS_10$10) => any;
+  default?: (props: typeof __VLS_10$22) => any;
 };
-declare const __VLS_base$14: vue.DefineComponent<ButtonProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+declare const __VLS_base$33: vue.DefineComponent<ButtonProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
   disabled: boolean;
-  focusableWhenDisabled: boolean;
   nativeButton: boolean;
   as: string | vue.Component;
+  focusableWhenDisabled: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$14: __VLS_WithSlots$14<typeof __VLS_base$14, __VLS_Slots$14>;
-declare const _default$8: typeof __VLS_export$14;
-type __VLS_WithSlots$14<T, S> = T & {
+declare const __VLS_export$36: __VLS_WithSlots$33<typeof __VLS_base$33, __VLS_Slots$33>;
+declare const _default$8: typeof __VLS_export$36;
+type __VLS_WithSlots$33<T, S> = T & {
   new (): {
     $slots: S;
   };
 }; //# sourceMappingURL=Button.vue.d.ts.map
 //#endregion
-//#region src/collapsible/collapsible.types.d.ts
-interface CollapsibleRootState {
-  open: boolean;
-  disabled: boolean;
-  transitionStatus: TransitionStatus;
-}
-type CollapsibleChangeEventReason = typeof REASONS.triggerPress | typeof REASONS.none;
-type CollapsibleChangeEventDetails = BaseUIChangeEventDetails<CollapsibleChangeEventReason>;
-interface CollapsibleRootProps extends BaseUIComponentProps<CollapsibleRootState> {
-  /**
-   * Whether the collapsible panel is currently open (controlled).
-   */
-  open?: boolean;
-  /**
-   * Whether the collapsible panel is initially open (uncontrolled).
-   * @default false
-   */
-  defaultOpen?: boolean;
-  /**
-   * Whether the component should ignore user interaction.
-   * @default false
-   */
-  disabled?: boolean;
-}
-interface CollapsibleTriggerProps extends NativeButtonProps, BaseUIComponentProps<CollapsibleRootState> {
-  /**
-   * Whether the trigger should ignore user interaction.
-   * When undefined, inherits from CollapsibleRoot.
-   */
-  disabled?: boolean;
-}
-interface CollapsiblePanelState extends CollapsibleRootState {
-  transitionStatus: TransitionStatus;
-}
-interface CollapsiblePanelProps extends BaseUIComponentProps<CollapsiblePanelState> {
-  /**
-   * The `id` attribute of the panel element.
-   * When set, overrides the auto-generated panel id.
-   */
-  id?: string;
-  /**
-   * Whether to keep the element in the DOM while the panel is hidden.
-   * @default false
-   */
-  keepMounted?: boolean;
-  /**
-   * Allows the browser's built-in page search to find and expand the panel contents.
-   * Overrides the `keepMounted` prop and uses `hidden="until-found"`.
-   * @default false
-   */
-  hiddenUntilFound?: boolean;
-}
-//#endregion
-//#region src/collapsible/panel/CollapsiblePanel.vue.d.ts
-declare var __VLS_1$12: {
-    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
-    props: Record<string, any>;
-    state: CollapsiblePanelState;
-  }, __VLS_10$9: {
-    state: CollapsiblePanelState;
-  };
-type __VLS_Slots$13 = {} & {
-  default?: (props: typeof __VLS_1$12) => any;
-} & {
-  default?: (props: typeof __VLS_10$9) => any;
-};
-declare const __VLS_base$13: vue.DefineComponent<CollapsiblePanelProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CollapsiblePanelProps> & Readonly<{}>, {
-  as: string | vue.Component;
-  hiddenUntilFound: boolean;
-  keepMounted: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$13: __VLS_WithSlots$13<typeof __VLS_base$13, __VLS_Slots$13>;
-declare const _default$9: typeof __VLS_export$13;
-type __VLS_WithSlots$13<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-}; //# sourceMappingURL=CollapsiblePanel.vue.d.ts.map
-//#endregion
-//#region src/collapsible/root/CollapsibleRoot.vue.d.ts
-declare var __VLS_1$11: {
-    props: Record<string, any>;
-    state: CollapsibleRootState;
-  }, __VLS_10$8: {
-    state: CollapsibleRootState;
-  };
-type __VLS_Slots$12 = {} & {
-  default?: (props: typeof __VLS_1$11) => any;
-} & {
-  default?: (props: typeof __VLS_10$8) => any;
-};
-declare const __VLS_base$12: vue.DefineComponent<CollapsibleRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
-  openChange: (open: boolean, details: CollapsibleChangeEventDetails) => any;
-}, string, vue.PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
-  onOpenChange?: ((open: boolean, details: CollapsibleChangeEventDetails) => any) | undefined;
-}>, {
-  disabled: boolean;
-  as: string | vue.Component;
-  defaultOpen: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$12: __VLS_WithSlots$12<typeof __VLS_base$12, __VLS_Slots$12>;
-declare const _default$10: typeof __VLS_export$12;
-type __VLS_WithSlots$12<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-}; //# sourceMappingURL=CollapsibleRoot.vue.d.ts.map
-//#endregion
-//#region src/collapsible/root/useCollapsibleRoot.d.ts
-type AnimationType = 'css-transition' | 'css-animation' | 'none' | null;
-interface Dimensions {
-  height: number | undefined;
-  width: number | undefined;
-}
-interface UseCollapsibleRootReturnValue {
-  abortControllerRef: Ref<AbortController | null>;
-  animationTypeRef: Ref<AnimationType>;
-  disabled: Ref<boolean>;
-  handleTrigger: (event: MouseEvent | KeyboardEvent) => void;
-  /**
-   * The height of the panel.
-   */
-  height: Ref<number | undefined>;
-  /**
-   * Whether the collapsible panel is currently mounted.
-   */
-  mounted: Ref<boolean>;
-  /**
-   * Whether the collapsible panel is currently open.
-   */
-  open: Ref<boolean>;
-  panelId: Ref<string | undefined>;
-  panelRef: Ref<HTMLElement | null>;
-  runOnceAnimationsFinish: (fn: () => void, signal?: AbortSignal | null) => void;
-  setDimensions: (dims: Dimensions) => void;
-  setHiddenUntilFound: (next: boolean) => void;
-  setKeepMounted: (next: boolean) => void;
-  setMounted: (next: boolean) => void;
-  setOpen: (next: boolean) => void;
-  setPanelIdState: (id: string | undefined) => void;
-  setVisible: (next: boolean) => void;
-  transitionDimensionRef: Ref<'width' | 'height' | null>;
-  transitionStatus: Ref<TransitionStatus>;
-  /**
-   * The visible state of the panel used to determine the `[hidden]` attribute
-   * only when CSS keyframe animations are used.
-   */
-  visible: Ref<boolean>;
-  /**
-   * The width of the panel.
-   */
-  width: Ref<number | undefined>;
-  keepMounted: Ref<boolean>;
-  hiddenUntilFound: Ref<boolean>;
-  state: Ref<CollapsibleRootState>;
-  onOpenChange: (open: boolean, details: CollapsibleChangeEventDetails) => void;
-}
-//#endregion
-//#region src/collapsible/root/CollapsibleRootContext.d.ts
-interface CollapsibleRootContext extends UseCollapsibleRootReturnValue {}
-declare const collapsibleRootContextKey: InjectionKey<CollapsibleRootContext>;
-declare function useCollapsibleRootContext(): CollapsibleRootContext;
-//#endregion
-//#region src/collapsible/trigger/CollapsibleTrigger.vue.d.ts
-declare var __VLS_1$10: {
-    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
-    props: Record<string, any>;
-    state: vue.Ref<CollapsibleRootState, CollapsibleRootState>;
-  }, __VLS_10$7: {
-    state: vue.Ref<CollapsibleRootState, CollapsibleRootState>;
-  };
-type __VLS_Slots$11 = {} & {
-  default?: (props: typeof __VLS_1$10) => any;
-} & {
-  default?: (props: typeof __VLS_10$7) => any;
-};
-declare const __VLS_base$11: vue.DefineComponent<CollapsibleTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CollapsibleTriggerProps> & Readonly<{}>, {
-  nativeButton: boolean;
-  as: string | vue.Component;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$11: __VLS_WithSlots$11<typeof __VLS_base$11, __VLS_Slots$11>;
-declare const _default$11: typeof __VLS_export$11;
-type __VLS_WithSlots$11<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-}; //# sourceMappingURL=CollapsibleTrigger.vue.d.ts.map
-//#endregion
-//#region src/direction-provider/DirectionProvider.vue.d.ts
-declare var __VLS_1$9: {};
-type __VLS_Slots$10 = {} & {
-  default?: (props: typeof __VLS_1$9) => any;
-};
-declare const __VLS_base$10: vue.DefineComponent<DirectionProviderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DirectionProviderProps> & Readonly<{}>, {
-  direction: TextDirection;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$10: __VLS_WithSlots$10<typeof __VLS_base$10, __VLS_Slots$10>;
-declare const _default$12: typeof __VLS_export$10;
-type __VLS_WithSlots$10<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-}; //# sourceMappingURL=DirectionProvider.vue.d.ts.map
-//#endregion
 //#region src/form/FormContext.d.ts
 type FormErrors = Record<string, string | string[]>;
 type FormValidationMode = 'onSubmit' | 'onBlur' | 'onChange';
@@ -921,488 +727,2821 @@ interface FieldRootProps extends BaseUIComponentProps<FieldRootState> {
    */
   touched?: boolean;
 }
-declare var __VLS_1$8: {
+declare var __VLS_1$26: {
     props: Record<string, any>;
     state: FieldRootState;
-  }, __VLS_10$6: {
+  }, __VLS_10$21: {
     state: FieldRootState;
   };
-type __VLS_Slots$9 = {} & {
-  default?: (props: typeof __VLS_1$8) => any;
+type __VLS_Slots$32 = {} & {
+  default?: (props: typeof __VLS_1$26) => any;
 } & {
-  default?: (props: typeof __VLS_10$6) => any;
+  default?: (props: typeof __VLS_10$21) => any;
 };
-declare const __VLS_base$9: vue.DefineComponent<FieldRootProps, FieldRootExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldRootProps> & Readonly<{}>, {
+declare const __VLS_base$32: vue.DefineComponent<FieldRootProps, FieldRootExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldRootProps> & Readonly<{}>, {
   disabled: boolean;
   as: string | vue.Component;
-  invalid: boolean;
   touched: boolean;
   dirty: boolean;
+  invalid: boolean;
   validationDebounceTime: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$9: __VLS_WithSlots$9<typeof __VLS_base$9, __VLS_Slots$9>;
-declare const _default$18: typeof __VLS_export$9;
-type __VLS_WithSlots$9<T, S> = T & {
+declare const __VLS_export$35: __VLS_WithSlots$32<typeof __VLS_base$32, __VLS_Slots$32>;
+declare const _default$22: typeof __VLS_export$35;
+type __VLS_WithSlots$32<T, S> = T & {
   new (): {
     $slots: S;
   };
 }; //# sourceMappingURL=FieldRoot.vue.d.ts.map
 //#endregion
-//#region src/field/control/FieldControl.vue.d.ts
-type FieldControlState = FieldRootState;
-interface FieldControlProps extends BaseUIComponentProps<FieldControlState> {
-  id?: string;
-  name?: string;
-  disabled?: boolean;
-  value?: string;
-  defaultValue?: string;
-  autofocus?: boolean;
-  type?: string;
-  required?: boolean;
-  pattern?: string;
-  minlength?: number;
-  maxlength?: number;
-  min?: string | number;
-  max?: string | number;
-  step?: string | number;
-  placeholder?: string;
-}
-declare var __VLS_1$7: {
-  ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
-  props: Record<string, any>;
-  state: FieldRootState;
-};
-type __VLS_Slots$8 = {} & {
-  default?: (props: typeof __VLS_1$7) => any;
-};
-declare const __VLS_base$8: vue.DefineComponent<FieldControlProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  valueChange: (value: string, event: Event) => any;
-}, string, vue.PublicProps, Readonly<FieldControlProps> & Readonly<{
-  onValueChange?: ((value: string, event: Event) => any) | undefined;
-}>, {
+//#region src/checkbox/root/CheckboxRoot.vue.d.ts
+interface CheckboxRootState extends FieldRootState {
+  /**
+   * Whether the checkbox is currently ticked.
+   */
+  checked: boolean;
+  /**
+   * Whether the component should ignore user interaction.
+   */
   disabled: boolean;
-  as: string | vue.Component;
-  autofocus: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$8: __VLS_WithSlots$8<typeof __VLS_base$8, __VLS_Slots$8>;
-declare const _default$13: typeof __VLS_export$8;
-type __VLS_WithSlots$8<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-}; //# sourceMappingURL=FieldControl.vue.d.ts.map
-//#endregion
-//#region src/field/control/FieldControlDataAttributes.d.ts
-declare enum FieldControlDataAttributes {
   /**
-   * Present when the field is disabled.
+   * Whether the user should be unable to tick or untick the checkbox.
    */
-  disabled = "data-disabled",
+  readOnly: boolean;
   /**
-   * Present when the field is in valid state.
+   * Whether the user must tick the checkbox before submitting a form.
    */
-  valid = "data-valid",
+  required: boolean;
   /**
-   * Present when the field is in invalid state.
+   * Whether the checkbox is in a mixed state: neither ticked, nor unticked.
    */
-  invalid = "data-invalid",
+  indeterminate: boolean;
+}
+interface CheckboxRootProps extends NonNativeButtonProps, BaseUIComponentProps<CheckboxRootState> {
   /**
-   * Present when the field has been touched.
+   * The id of the input element.
    */
-  touched = "data-touched",
+  'id'?: string;
   /**
-   * Present when the field's value has changed.
+   * Identifies the field when a form is submitted.
+   * @default undefined
    */
-  dirty = "data-dirty",
+  'name'?: string;
   /**
-   * Present when the field is filled.
+   * Identifies the form that owns the hidden input.
+   * Useful when the checkbox is rendered outside the form.
    */
-  filled = "data-filled",
+  'form'?: string;
   /**
-   * Present when the field control is focused.
+   * Whether the checkbox is currently ticked.
+   *
+   * To render an uncontrolled checkbox, use the `defaultChecked` prop instead.
+   * @default undefined
    */
-  focused = "data-focused"
-}
-//#endregion
-//#region src/field/description/FieldDescription.vue.d.ts
-type FieldDescriptionState = FieldRootState;
-interface FieldDescriptionProps extends BaseUIComponentProps<FieldDescriptionState> {
+  'checked'?: boolean;
   /**
-   * The `id` attribute of the description element.
+   * Whether the checkbox is initially ticked.
+   *
+   * To render a controlled checkbox, use the `checked` prop instead.
+   * @default false
    */
-  id?: string;
+  'defaultChecked'?: boolean;
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  'disabled'?: boolean;
+  /**
+   * Whether the user should be unable to tick or untick the checkbox.
+   * @default false
+   */
+  'readOnly'?: boolean;
+  /**
+   * Whether the user must tick the checkbox before submitting a form.
+   * @default false
+   */
+  'required'?: boolean;
+  /**
+   * Whether the checkbox is in a mixed state: neither ticked, nor unticked.
+   * @default false
+   */
+  'indeterminate'?: boolean;
+  /**
+   * A ref to access the hidden `<input>` element.
+   */
+  'inputRef'?: any;
+  /**
+   * Whether the checkbox controls a group of child checkboxes.
+   *
+   * Must be used in a [Checkbox Group](https://baseui-vue.com/docs/components/checkbox-group).
+   * @default false
+   */
+  'parent'?: boolean;
+  /**
+   * The value submitted with the form when the checkbox is unchecked.
+   * By default, unchecked checkboxes do not submit any value, matching native checkbox behavior.
+   */
+  'uncheckedValue'?: string;
+  /**
+   * The value of the selected checkbox.
+   */
+  'value'?: string;
+  'aria-labelledby'?: string;
 }
-declare var __VLS_1$6: {
+declare var __VLS_1$25: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
     props: Record<string, any>;
-    state: Readonly<vue.Ref<FieldRootState, FieldRootState>>;
-  }, __VLS_10$5: {
-    state: Readonly<vue.Ref<FieldRootState, FieldRootState>>;
+    state: CheckboxRootState;
+  }, __VLS_9$1: {
+    state: CheckboxRootState;
   };
-type __VLS_Slots$7 = {} & {
-  default?: (props: typeof __VLS_1$6) => any;
+type __VLS_Slots$31 = {} & {
+  default?: (props: typeof __VLS_1$25) => any;
 } & {
-  default?: (props: typeof __VLS_10$5) => any;
+  default?: (props: typeof __VLS_9$1) => any;
 };
-declare const __VLS_base$7: vue.DefineComponent<FieldDescriptionProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldDescriptionProps> & Readonly<{}>, {
+declare const __VLS_base$31: vue.DefineComponent<CheckboxRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  checkedChange: (checked: boolean, eventDetails: {
+    reason: "none";
+    event: Event;
+    cancel: () => void;
+    allowPropagation: () => void;
+    isCanceled: boolean;
+    isPropagationAllowed: boolean;
+    trigger: Element | undefined;
+  } & Record<string, never>) => any;
+}, string, vue.PublicProps, Readonly<CheckboxRootProps> & Readonly<{
+  onCheckedChange?: ((checked: boolean, eventDetails: {
+    reason: "none";
+    event: Event;
+    cancel: () => void;
+    allowPropagation: () => void;
+    isCanceled: boolean;
+    isPropagationAllowed: boolean;
+    trigger: Element | undefined;
+  } & Record<string, never>) => any) | undefined;
+}>, {
+  defaultChecked: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  required: boolean;
+  indeterminate: boolean;
+  parent: boolean;
+  nativeButton: boolean;
   as: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$7: __VLS_WithSlots$7<typeof __VLS_base$7, __VLS_Slots$7>;
-declare const _default$14: typeof __VLS_export$7;
-type __VLS_WithSlots$7<T, S> = T & {
+declare const __VLS_export$34: __VLS_WithSlots$31<typeof __VLS_base$31, __VLS_Slots$31>;
+declare const _default$12: typeof __VLS_export$34;
+type __VLS_WithSlots$31<T, S> = T & {
   new (): {
     $slots: S;
   };
-}; //# sourceMappingURL=FieldDescription.vue.d.ts.map
+}; //# sourceMappingURL=CheckboxRoot.vue.d.ts.map
 //#endregion
-//#region src/field/error/FieldError.vue.d.ts
-interface FieldErrorState extends FieldRootState {
+//#region src/checkbox/indicator/CheckboxIndicator.vue.d.ts
+interface CheckboxIndicatorState extends CheckboxRootState {
   transitionStatus: TransitionStatus;
 }
-interface FieldErrorProps extends BaseUIComponentProps<FieldErrorState> {
-  /**
-   * The `id` attribute of the error element.
-   */
-  id?: string;
+interface CheckboxIndicatorProps extends BaseUIComponentProps<CheckboxIndicatorState> {
   /**
-   * Determines whether to show the error message.
-   * Can be `true` (always show), a `ValidityState` key, or unset
-   * (show when field is invalid).
+   * Whether to keep the element in the DOM when the checkbox is not checked.
+   * @default false
    */
-  match?: boolean | keyof ValidityState;
+  keepMounted?: boolean;
 }
-declare var __VLS_1$5: {
+declare var __VLS_1$24: {
     ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
     props: Record<string, any>;
-    state: FieldErrorState;
-    message: string | string[];
-  }, __VLS_10$4: {};
-type __VLS_Slots$6 = {} & {
-  default?: (props: typeof __VLS_1$5) => any;
+    state: CheckboxIndicatorState;
+  }, __VLS_10$20: {
+    state: CheckboxIndicatorState;
+  };
+type __VLS_Slots$30 = {} & {
+  default?: (props: typeof __VLS_1$24) => any;
 } & {
-  default?: (props: typeof __VLS_10$4) => any;
+  default?: (props: typeof __VLS_10$20) => any;
 };
-declare const __VLS_base$6: vue.DefineComponent<FieldErrorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldErrorProps> & Readonly<{}>, {
+declare const __VLS_base$30: vue.DefineComponent<CheckboxIndicatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CheckboxIndicatorProps> & Readonly<{}>, {
   as: string | vue.Component;
+  keepMounted: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$6: __VLS_WithSlots$6<typeof __VLS_base$6, __VLS_Slots$6>;
-declare const _default$15: typeof __VLS_export$6;
-type __VLS_WithSlots$6<T, S> = T & {
+declare const __VLS_export$33: __VLS_WithSlots$30<typeof __VLS_base$30, __VLS_Slots$30>;
+declare const _default$11: typeof __VLS_export$33;
+type __VLS_WithSlots$30<T, S> = T & {
   new (): {
     $slots: S;
   };
-}; //# sourceMappingURL=FieldError.vue.d.ts.map
+}; //# sourceMappingURL=CheckboxIndicator.vue.d.ts.map
 //#endregion
-//#region src/field/item/FieldItem.vue.d.ts
-type FieldItemState = FieldRootState;
-interface FieldItemProps extends BaseUIComponentProps<FieldItemState> {
+//#region src/checkbox/indicator/CheckboxIndicatorDataAttributes.d.ts
+declare enum CheckboxIndicatorDataAttributes {
   /**
-   * Whether the wrapped control should ignore user interaction.
-   * The `disabled` prop on `<FieldRoot>` takes precedence over this.
+   * Present when the checkbox is checked.
+   */
+  checked = "data-checked",
+  /**
+   * Present when the checkbox is not checked.
+   */
+  unchecked = "data-unchecked",
+  /**
+   * Present when the checkbox is in an indeterminate state.
+   */
+  indeterminate = "data-indeterminate",
+  /**
+   * Present when the checkbox is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the checkbox is readonly.
+   */
+  readonly = "data-readonly",
+  /**
+   * Present when the checkbox is required.
+   */
+  required = "data-required",
+  /**
+   * Present when the checkbox indicator is animating in.
+   */
+  startingStyle = "data-starting-style",
+  /**
+   * Present when the checkbox indicator is animating out.
+   */
+  endingStyle = "data-ending-style",
+  /**
+   * Present when the checkbox is in valid state (when wrapped in FieldRoot).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the checkbox is in invalid state (when wrapped in FieldRoot).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the checkbox has been touched (when wrapped in FieldRoot).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the checkbox's value has changed (when wrapped in FieldRoot).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the checkbox is checked (when wrapped in FieldRoot).
+   */
+  filled = "data-filled",
+  /**
+   * Present when the checkbox is focused (when wrapped in FieldRoot).
+   */
+  focused = "data-focused"
+}
+//#endregion
+//#region src/checkbox/root/CheckboxRootContext.d.ts
+type CheckboxRootContext = Readonly<Ref<CheckboxRootState>>;
+declare const checkboxRootContextKey: InjectionKey<CheckboxRootContext>;
+declare function useCheckboxRootContext(optional: true): CheckboxRootContext | undefined;
+declare function useCheckboxRootContext(optional?: false): CheckboxRootContext;
+//#endregion
+//#region src/checkbox/root/CheckboxRootDataAttributes.d.ts
+declare enum CheckboxRootDataAttributes {
+  /**
+   * Present when the checkbox is checked.
+   */
+  checked = "data-checked",
+  /**
+   * Present when the checkbox is not checked.
+   */
+  unchecked = "data-unchecked",
+  /**
+   * Present when the checkbox is in an indeterminate state.
+   */
+  indeterminate = "data-indeterminate",
+  /**
+   * Present when the checkbox is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the checkbox is readonly.
+   */
+  readonly = "data-readonly",
+  /**
+   * Present when the checkbox is required.
+   */
+  required = "data-required",
+  /**
+   * Present when the checkbox is in valid state (when wrapped in FieldRoot).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the checkbox is in invalid state (when wrapped in FieldRoot).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the checkbox has been touched (when wrapped in FieldRoot).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the checkbox's value has changed (when wrapped in FieldRoot).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the checkbox is checked (when wrapped in FieldRoot).
+   */
+  filled = "data-filled",
+  /**
+   * Present when the checkbox is focused (when wrapped in FieldRoot).
+   */
+  focused = "data-focused",
+  /**
+   * Present when the checkbox is acting as the parent checkbox for a group.
+   */
+  parent = "data-parent"
+}
+//#endregion
+//#region src/checkbox/index.d.ts
+declare const Checkbox: {
+  readonly Root: {
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxRootProps> & Readonly<{
+      onCheckedChange?: ((checked: boolean, eventDetails: {
+        reason: "none";
+        event: Event;
+        cancel: () => void;
+        allowPropagation: () => void;
+        isCanceled: boolean;
+        isPropagationAllowed: boolean;
+        trigger: Element | undefined;
+      } & Record<string, never>) => any) | undefined;
+    }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+      checkedChange: (checked: boolean, eventDetails: {
+        reason: "none";
+        event: Event;
+        cancel: () => void;
+        allowPropagation: () => void;
+        isCanceled: boolean;
+        isPropagationAllowed: boolean;
+        trigger: Element | undefined;
+      } & Record<string, never>) => any;
+    }, vue.PublicProps, {
+      defaultChecked: boolean;
+      disabled: boolean;
+      readOnly: boolean;
+      required: boolean;
+      indeterminate: boolean;
+      parent: boolean;
+      nativeButton: boolean;
+      as: string | vue.Component;
+    }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<CheckboxRootProps> & Readonly<{
+      onCheckedChange?: ((checked: boolean, eventDetails: {
+        reason: "none";
+        event: Event;
+        cancel: () => void;
+        allowPropagation: () => void;
+        isCanceled: boolean;
+        isPropagationAllowed: boolean;
+        trigger: Element | undefined;
+      } & Record<string, never>) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+      defaultChecked: boolean;
+      disabled: boolean;
+      readOnly: boolean;
+      required: boolean;
+      indeterminate: boolean;
+      parent: boolean;
+      nativeButton: boolean;
+      as: string | vue.Component;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue.ComponentOptionsBase<Readonly<CheckboxRootProps> & Readonly<{
+    onCheckedChange?: ((checked: boolean, eventDetails: {
+      reason: "none";
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: Element | undefined;
+    } & Record<string, never>) => any) | undefined;
+  }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    checkedChange: (checked: boolean, eventDetails: {
+      reason: "none";
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: Element | undefined;
+    } & Record<string, never>) => any;
+  }, string, {
+    defaultChecked: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    indeterminate: boolean;
+    parent: boolean;
+    nativeButton: boolean;
+    as: string | vue.Component;
+  }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $slots: {
+      default?: (props: {
+        ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+        props: Record<string, any>;
+        state: CheckboxRootState;
+      }) => any;
+    } & {
+      default?: (props: {
+        state: CheckboxRootState;
+      }) => any;
+    };
+  });
+  readonly Indicator: {
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
+      as: string | vue.Component;
+      keepMounted: boolean;
+    }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<CheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, {
+      as: string | vue.Component;
+      keepMounted: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & vue.ComponentOptionsBase<Readonly<CheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
+    as: string | vue.Component;
+    keepMounted: boolean;
+  }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $slots: {
+      default?: (props: {
+        ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+        props: Record<string, any>;
+        state: CheckboxIndicatorState;
+      }) => any;
+    } & {
+      default?: (props: {
+        state: CheckboxIndicatorState;
+      }) => any;
+    };
+  });
+};
+//#endregion
+//#region src/checkbox-group/CheckboxGroup.vue.d.ts
+interface CheckboxGroupState extends FieldRootState {
+  /**
+   * Whether the component should ignore user interaction.
+   */
+  disabled: boolean;
+}
+interface CheckboxGroupProps extends BaseUIComponentProps<CheckboxGroupState> {
+  /**
+   * Names of the checkboxes in the group that should be ticked.
+   *
+   * To render an uncontrolled checkbox group, use the `defaultValue` prop instead.
+   */
+  value?: string[];
+  /**
+   * Names of the checkboxes in the group that should be initially ticked.
+   *
+   * To render a controlled checkbox group, use the `value` prop instead.
+   */
+  defaultValue?: string[];
+  /**
+   * Names of all checkboxes in the group. Use this when creating a parent checkbox.
+   */
+  allValues?: string[];
+  /**
+   * Whether the component should ignore user interaction.
    * @default false
    */
   disabled?: boolean;
+  id?: string;
 }
-declare var __VLS_8: {
+declare var __VLS_1$23: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
     props: Record<string, any>;
-    state: FieldRootState;
-  }, __VLS_16: {
-    state: FieldRootState;
+    state: CheckboxGroupState;
+  }, __VLS_10$19: {
+    state: CheckboxGroupState;
   };
-type __VLS_Slots$5 = {} & {
-  default?: (props: typeof __VLS_8) => any;
+type __VLS_Slots$29 = {} & {
+  default?: (props: typeof __VLS_1$23) => any;
 } & {
-  default?: (props: typeof __VLS_16) => any;
+  default?: (props: typeof __VLS_10$19) => any;
 };
-declare const __VLS_base$5: vue.DefineComponent<FieldItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldItemProps> & Readonly<{}>, {
+declare const __VLS_base$29: vue.DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  valueChange: (value: string[], eventDetails: {
+    reason: "none";
+    event: Event;
+    cancel: () => void;
+    allowPropagation: () => void;
+    isCanceled: boolean;
+    isPropagationAllowed: boolean;
+    trigger: Element | undefined;
+  } & Record<string, never>) => any;
+}, string, vue.PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
+  onValueChange?: ((value: string[], eventDetails: {
+    reason: "none";
+    event: Event;
+    cancel: () => void;
+    allowPropagation: () => void;
+    isCanceled: boolean;
+    isPropagationAllowed: boolean;
+    trigger: Element | undefined;
+  } & Record<string, never>) => any) | undefined;
+}>, {
   disabled: boolean;
   as: string | vue.Component;
+  defaultValue: string[];
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$5: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
-declare const _default$16: typeof __VLS_export$5;
-type __VLS_WithSlots$5<T, S> = T & {
+declare const __VLS_export$32: __VLS_WithSlots$29<typeof __VLS_base$29, __VLS_Slots$29>;
+declare const _default$10: typeof __VLS_export$32;
+type __VLS_WithSlots$29<T, S> = T & {
   new (): {
     $slots: S;
   };
-}; //# sourceMappingURL=FieldItem.vue.d.ts.map
+}; //# sourceMappingURL=CheckboxGroup.vue.d.ts.map
 //#endregion
-//#region src/field/item/FieldItemContext.d.ts
-interface FieldItemContext {
-  disabled: Ref<boolean>;
+//#region src/field/root/useFieldValidation.d.ts
+interface FieldValidationProps {
+  'aria-describedby'?: string;
+  'aria-invalid'?: true;
 }
-declare const fieldItemContextKey: InjectionKey<FieldItemContext>;
-declare function useFieldItemContext(): FieldItemContext;
-//#endregion
+interface FieldInputValidationProps extends FieldValidationProps {
+  onInput?: (event: Event) => void;
+}
+interface UseFieldValidationReturnValue {
+  getValidationProps: () => FieldValidationProps;
+  getInputValidationProps: () => FieldInputValidationProps;
+  inputRef: Readonly<Ref<HTMLInputElement | null>>;
+  setInputRef: (element: HTMLInputElement | null) => void;
+  commit: (value: unknown, revalidate?: boolean) => Promise<void>;
+}
+//#endregion
+//#region src/checkbox-group/useCheckboxGroupParent.d.ts
+interface UseCheckboxGroupParentParameters {
+  allValues: Readonly<Ref<string[] | undefined>>;
+  value: Readonly<Ref<string[]>>;
+  onValueChange: (value: string[], eventDetails: BaseUIChangeEventDetails<typeof REASONS.none>) => void;
+}
+interface UseCheckboxGroupParentReturnValue {
+  id: string | undefined;
+  indeterminate: Readonly<Ref<boolean>>;
+  disabledStatesRef: Ref<Map<string, boolean>>;
+  registeredControlIdsRef: Ref<Map<string, string>>;
+  getParentProps: () => {
+    'id': string | undefined;
+    'indeterminate': boolean;
+    'checked': boolean;
+    'aria-controls': string;
+    'onCheckedChange': (checked: boolean, eventDetails: BaseUIChangeEventDetails<typeof REASONS.none>) => void;
+  };
+  getChildProps: (value: string) => {
+    checked: boolean;
+    onCheckedChange: (checked: boolean, eventDetails: BaseUIChangeEventDetails<typeof REASONS.none>) => void;
+  };
+  registerChildControlId: (value: string, id: string | undefined) => void;
+}
+//#endregion
+//#region src/checkbox-group/CheckboxGroupContext.d.ts
+interface CheckboxGroupContext {
+  value: Readonly<Ref<string[]>>;
+  defaultValue: Readonly<Ref<string[]>>;
+  allValues: Readonly<Ref<string[] | undefined>>;
+  disabled: Readonly<Ref<boolean>>;
+  validation: UseFieldValidationReturnValue;
+  parent: UseCheckboxGroupParentReturnValue;
+  setValue: (value: string[], eventDetails: BaseUIChangeEventDetails<typeof REASONS.none>) => void;
+  registerControlRef: (element: HTMLElement | null) => void;
+}
+declare const checkboxGroupContextKey: InjectionKey<CheckboxGroupContext>;
+declare function useCheckboxGroupContext(optional: true): CheckboxGroupContext | undefined;
+declare function useCheckboxGroupContext(optional?: false): CheckboxGroupContext;
+//#endregion
+//#region src/checkbox-group/CheckboxGroupDataAttributes.d.ts
+declare enum CheckboxGroupDataAttributes {
+  /**
+   * Present when the checkbox group is disabled.
+   */
+  disabled = "data-disabled"
+}
+//#endregion
+//#region src/collapsible/collapsible.types.d.ts
+interface CollapsibleRootState {
+  open: boolean;
+  disabled: boolean;
+  transitionStatus: TransitionStatus;
+}
+type CollapsibleChangeEventReason = typeof REASONS.triggerPress | typeof REASONS.none;
+type CollapsibleChangeEventDetails = BaseUIChangeEventDetails<CollapsibleChangeEventReason>;
+interface CollapsibleRootProps extends BaseUIComponentProps<CollapsibleRootState> {
+  /**
+   * Whether the collapsible panel is currently open (controlled).
+   */
+  open?: boolean;
+  /**
+   * Whether the collapsible panel is initially open (uncontrolled).
+   * @default false
+   */
+  defaultOpen?: boolean;
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: boolean;
+}
+interface CollapsibleTriggerProps extends NativeButtonProps, BaseUIComponentProps<CollapsibleRootState> {
+  /**
+   * Whether the trigger should ignore user interaction.
+   * When undefined, inherits from CollapsibleRoot.
+   */
+  disabled?: boolean;
+}
+interface CollapsiblePanelState extends CollapsibleRootState {
+  transitionStatus: TransitionStatus;
+}
+interface CollapsiblePanelProps extends BaseUIComponentProps<CollapsiblePanelState> {
+  /**
+   * The `id` attribute of the panel element.
+   * When set, overrides the auto-generated panel id.
+   */
+  id?: string;
+  /**
+   * Whether to keep the element in the DOM while the panel is hidden.
+   * @default false
+   */
+  keepMounted?: boolean;
+  /**
+   * Allows the browser's built-in page search to find and expand the panel contents.
+   * Overrides the `keepMounted` prop and uses `hidden="until-found"`.
+   * @default false
+   */
+  hiddenUntilFound?: boolean;
+}
+//#endregion
+//#region src/collapsible/panel/CollapsiblePanel.vue.d.ts
+declare var __VLS_1$22: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: CollapsiblePanelState;
+  }, __VLS_10$18: {
+    state: CollapsiblePanelState;
+  };
+type __VLS_Slots$28 = {} & {
+  default?: (props: typeof __VLS_1$22) => any;
+} & {
+  default?: (props: typeof __VLS_10$18) => any;
+};
+declare const __VLS_base$28: vue.DefineComponent<CollapsiblePanelProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CollapsiblePanelProps> & Readonly<{}>, {
+  as: string | vue.Component;
+  keepMounted: boolean;
+  hiddenUntilFound: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$31: __VLS_WithSlots$28<typeof __VLS_base$28, __VLS_Slots$28>;
+declare const _default$13: typeof __VLS_export$31;
+type __VLS_WithSlots$28<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=CollapsiblePanel.vue.d.ts.map
+//#endregion
+//#region src/collapsible/root/CollapsibleRoot.vue.d.ts
+declare var __VLS_1$21: {
+    props: Record<string, any>;
+    state: CollapsibleRootState;
+  }, __VLS_10$17: {
+    state: CollapsibleRootState;
+  };
+type __VLS_Slots$27 = {} & {
+  default?: (props: typeof __VLS_1$21) => any;
+} & {
+  default?: (props: typeof __VLS_10$17) => any;
+};
+declare const __VLS_base$27: vue.DefineComponent<CollapsibleRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  openChange: (open: boolean, details: CollapsibleChangeEventDetails) => any;
+}, string, vue.PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
+  onOpenChange?: ((open: boolean, details: CollapsibleChangeEventDetails) => any) | undefined;
+}>, {
+  disabled: boolean;
+  as: string | vue.Component;
+  defaultOpen: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$30: __VLS_WithSlots$27<typeof __VLS_base$27, __VLS_Slots$27>;
+declare const _default$14: typeof __VLS_export$30;
+type __VLS_WithSlots$27<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=CollapsibleRoot.vue.d.ts.map
+//#endregion
+//#region src/collapsible/root/useCollapsibleRoot.d.ts
+type AnimationType = 'css-transition' | 'css-animation' | 'none' | null;
+interface Dimensions {
+  height: number | undefined;
+  width: number | undefined;
+}
+interface UseCollapsibleRootReturnValue {
+  abortControllerRef: Ref<AbortController | null>;
+  animationTypeRef: Ref<AnimationType>;
+  disabled: Ref<boolean>;
+  handleTrigger: (event: MouseEvent | KeyboardEvent) => void;
+  /**
+   * The height of the panel.
+   */
+  height: Ref<number | undefined>;
+  /**
+   * Whether the collapsible panel is currently mounted.
+   */
+  mounted: Ref<boolean>;
+  /**
+   * Whether the collapsible panel is currently open.
+   */
+  open: Ref<boolean>;
+  panelId: Ref<string | undefined>;
+  panelRef: Ref<HTMLElement | null>;
+  runOnceAnimationsFinish: (fn: () => void, signal?: AbortSignal | null) => void;
+  setDimensions: (dims: Dimensions) => void;
+  setHiddenUntilFound: (next: boolean) => void;
+  setKeepMounted: (next: boolean) => void;
+  setMounted: (next: boolean) => void;
+  setOpen: (next: boolean) => void;
+  setPanelIdState: (id: string | undefined) => void;
+  setVisible: (next: boolean) => void;
+  transitionDimensionRef: Ref<'width' | 'height' | null>;
+  transitionStatus: Ref<TransitionStatus>;
+  /**
+   * The visible state of the panel used to determine the `[hidden]` attribute
+   * only when CSS keyframe animations are used.
+   */
+  visible: Ref<boolean>;
+  /**
+   * The width of the panel.
+   */
+  width: Ref<number | undefined>;
+  keepMounted: Ref<boolean>;
+  hiddenUntilFound: Ref<boolean>;
+  state: Ref<CollapsibleRootState>;
+  onOpenChange: (open: boolean, details: CollapsibleChangeEventDetails) => void;
+}
+//#endregion
+//#region src/collapsible/root/CollapsibleRootContext.d.ts
+interface CollapsibleRootContext extends UseCollapsibleRootReturnValue {}
+declare const collapsibleRootContextKey: InjectionKey<CollapsibleRootContext>;
+declare function useCollapsibleRootContext(): CollapsibleRootContext;
+//#endregion
+//#region src/collapsible/trigger/CollapsibleTrigger.vue.d.ts
+declare var __VLS_1$20: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: vue.Ref<CollapsibleRootState, CollapsibleRootState>;
+  }, __VLS_10$16: {
+    state: vue.Ref<CollapsibleRootState, CollapsibleRootState>;
+  };
+type __VLS_Slots$26 = {} & {
+  default?: (props: typeof __VLS_1$20) => any;
+} & {
+  default?: (props: typeof __VLS_10$16) => any;
+};
+declare const __VLS_base$26: vue.DefineComponent<CollapsibleTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CollapsibleTriggerProps> & Readonly<{}>, {
+  nativeButton: boolean;
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$29: __VLS_WithSlots$26<typeof __VLS_base$26, __VLS_Slots$26>;
+declare const _default$15: typeof __VLS_export$29;
+type __VLS_WithSlots$26<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=CollapsibleTrigger.vue.d.ts.map
+//#endregion
+//#region src/csp-provider/CSPContext.d.ts
+interface CSPContextValue {
+  nonce: Readonly<Ref<string | undefined>>;
+  disableStyleElements: Readonly<Ref<boolean>>;
+}
+/**
+ * @internal
+ */
+declare function useCSPContext(): CSPContextValue;
+//#endregion
+//#region src/csp-provider/CSPProvider.vue.d.ts
+interface CSPProviderProps {
+  /**
+   * The nonce value to apply to inline `<style>` and `<script>` tags.
+   */
+  nonce?: string;
+  /**
+   * Whether inline `<style>` elements created by Base UI components should not be rendered.
+   * @default false
+   */
+  disableStyleElements?: boolean;
+}
+declare var __VLS_1$19: {};
+type __VLS_Slots$25 = {} & {
+  default?: (props: typeof __VLS_1$19) => any;
+};
+declare const __VLS_base$25: vue.DefineComponent<CSPProviderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CSPProviderProps> & Readonly<{}>, {
+  disableStyleElements: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$28: __VLS_WithSlots$25<typeof __VLS_base$25, __VLS_Slots$25>;
+declare const _default$9: typeof __VLS_export$28;
+type __VLS_WithSlots$25<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=CSPProvider.vue.d.ts.map
+//#endregion
+//#region src/direction-provider/DirectionProvider.vue.d.ts
+declare var __VLS_1$18: {};
+type __VLS_Slots$24 = {} & {
+  default?: (props: typeof __VLS_1$18) => any;
+};
+declare const __VLS_base$24: vue.DefineComponent<DirectionProviderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DirectionProviderProps> & Readonly<{}>, {
+  direction: TextDirection;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$27: __VLS_WithSlots$24<typeof __VLS_base$24, __VLS_Slots$24>;
+declare const _default$16: typeof __VLS_export$27;
+type __VLS_WithSlots$24<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=DirectionProvider.vue.d.ts.map
+//#endregion
+//#region src/field/control/FieldControl.vue.d.ts
+type FieldControlState = FieldRootState;
+interface FieldControlProps extends BaseUIComponentProps<FieldControlState> {
+  id?: string;
+  name?: string;
+  disabled?: boolean;
+  value?: string;
+  defaultValue?: string;
+  autofocus?: boolean;
+  type?: string;
+  required?: boolean;
+  pattern?: string;
+  minlength?: number;
+  maxlength?: number;
+  min?: string | number;
+  max?: string | number;
+  step?: string | number;
+  placeholder?: string;
+}
+declare var __VLS_1$17: {
+  ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+  props: Record<string, any>;
+  state: FieldRootState;
+};
+type __VLS_Slots$23 = {} & {
+  default?: (props: typeof __VLS_1$17) => any;
+};
+declare const __VLS_base$23: vue.DefineComponent<FieldControlProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  valueChange: (value: string, event: Event) => any;
+}, string, vue.PublicProps, Readonly<FieldControlProps> & Readonly<{
+  onValueChange?: ((value: string, event: Event) => any) | undefined;
+}>, {
+  disabled: boolean;
+  as: string | vue.Component;
+  autofocus: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$26: __VLS_WithSlots$23<typeof __VLS_base$23, __VLS_Slots$23>;
+declare const _default$17: typeof __VLS_export$26;
+type __VLS_WithSlots$23<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=FieldControl.vue.d.ts.map
+//#endregion
+//#region src/field/control/FieldControlDataAttributes.d.ts
+declare enum FieldControlDataAttributes {
+  /**
+   * Present when the field is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the field is in valid state.
+   */
+  valid = "data-valid",
+  /**
+   * Present when the field is in invalid state.
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the field has been touched.
+   */
+  touched = "data-touched",
+  /**
+   * Present when the field's value has changed.
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the field is filled.
+   */
+  filled = "data-filled",
+  /**
+   * Present when the field control is focused.
+   */
+  focused = "data-focused"
+}
+//#endregion
+//#region src/field/description/FieldDescription.vue.d.ts
+type FieldDescriptionState = FieldRootState;
+interface FieldDescriptionProps extends BaseUIComponentProps<FieldDescriptionState> {
+  /**
+   * The `id` attribute of the description element.
+   */
+  id?: string;
+}
+declare var __VLS_1$16: {
+    props: Record<string, any>;
+    state: Readonly<vue.Ref<FieldRootState, FieldRootState>>;
+  }, __VLS_10$15: {
+    state: Readonly<vue.Ref<FieldRootState, FieldRootState>>;
+  };
+type __VLS_Slots$22 = {} & {
+  default?: (props: typeof __VLS_1$16) => any;
+} & {
+  default?: (props: typeof __VLS_10$15) => any;
+};
+declare const __VLS_base$22: vue.DefineComponent<FieldDescriptionProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldDescriptionProps> & Readonly<{}>, {
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$25: __VLS_WithSlots$22<typeof __VLS_base$22, __VLS_Slots$22>;
+declare const _default$18: typeof __VLS_export$25;
+type __VLS_WithSlots$22<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=FieldDescription.vue.d.ts.map
+//#endregion
+//#region src/field/error/FieldError.vue.d.ts
+interface FieldErrorState extends FieldRootState {
+  transitionStatus: TransitionStatus;
+}
+interface FieldErrorProps extends BaseUIComponentProps<FieldErrorState> {
+  /**
+   * The `id` attribute of the error element.
+   */
+  id?: string;
+  /**
+   * Determines whether to show the error message.
+   * Can be `true` (always show), a `ValidityState` key, or unset
+   * (show when field is invalid).
+   */
+  match?: boolean | keyof ValidityState;
+}
+declare var __VLS_1$15: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: FieldErrorState;
+    message: string | string[];
+  }, __VLS_10$14: {};
+type __VLS_Slots$21 = {} & {
+  default?: (props: typeof __VLS_1$15) => any;
+} & {
+  default?: (props: typeof __VLS_10$14) => any;
+};
+declare const __VLS_base$21: vue.DefineComponent<FieldErrorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldErrorProps> & Readonly<{}>, {
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$24: __VLS_WithSlots$21<typeof __VLS_base$21, __VLS_Slots$21>;
+declare const _default$19: typeof __VLS_export$24;
+type __VLS_WithSlots$21<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=FieldError.vue.d.ts.map
+//#endregion
+//#region src/field/item/FieldItem.vue.d.ts
+type FieldItemState = FieldRootState;
+interface FieldItemProps extends BaseUIComponentProps<FieldItemState> {
+  /**
+   * Whether the wrapped control should ignore user interaction.
+   * The `disabled` prop on `<FieldRoot>` takes precedence over this.
+   * @default false
+   */
+  disabled?: boolean;
+}
+declare var __VLS_8$4: {
+    props: Record<string, any>;
+    state: FieldRootState;
+  }, __VLS_16$1: {
+    state: FieldRootState;
+  };
+type __VLS_Slots$20 = {} & {
+  default?: (props: typeof __VLS_8$4) => any;
+} & {
+  default?: (props: typeof __VLS_16$1) => any;
+};
+declare const __VLS_base$20: vue.DefineComponent<FieldItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldItemProps> & Readonly<{}>, {
+  disabled: boolean;
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$23: __VLS_WithSlots$20<typeof __VLS_base$20, __VLS_Slots$20>;
+declare const _default$20: typeof __VLS_export$23;
+type __VLS_WithSlots$20<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=FieldItem.vue.d.ts.map
+//#endregion
+//#region src/field/item/FieldItemContext.d.ts
+interface FieldItemContext {
+  disabled: Ref<boolean>;
+}
+declare const fieldItemContextKey: InjectionKey<FieldItemContext>;
+declare function useFieldItemContext(): FieldItemContext;
+//#endregion
 //#region src/field/label/FieldLabel.vue.d.ts
 type FieldLabelState = FieldRootState;
 interface FieldLabelProps extends BaseUIComponentProps<FieldLabelState> {
   /**
-   * The `id` attribute of the label element.
+   * The `id` attribute of the label element.
+   */
+  id?: string;
+  /**
+   * Whether the component renders a native `<label>` element.
+   * @default true
+   */
+  nativeLabel?: boolean;
+}
+declare var __VLS_1$14: {
+    props: Record<string, any>;
+    state: Readonly<vue.Ref<FieldRootState, FieldRootState>>;
+  }, __VLS_10$13: {
+    state: Readonly<vue.Ref<FieldRootState, FieldRootState>>;
+  };
+type __VLS_Slots$19 = {} & {
+  default?: (props: typeof __VLS_1$14) => any;
+} & {
+  default?: (props: typeof __VLS_10$13) => any;
+};
+declare const __VLS_base$19: vue.DefineComponent<FieldLabelProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldLabelProps> & Readonly<{}>, {
+  as: string | vue.Component;
+  nativeLabel: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$22: __VLS_WithSlots$19<typeof __VLS_base$19, __VLS_Slots$19>;
+declare const _default$21: typeof __VLS_export$22;
+type __VLS_WithSlots$19<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=FieldLabel.vue.d.ts.map
+//#endregion
+//#region src/field/root/FieldRootContext.d.ts
+interface FieldRootContext {
+  invalid: Readonly<Ref<boolean | undefined>>;
+  name: Readonly<Ref<string | undefined>>;
+  validityData: Readonly<Ref<FieldValidityData>>;
+  setValidityData: (data: FieldValidityData) => void;
+  disabled: Readonly<Ref<boolean>>;
+  touched: Readonly<Ref<boolean>>;
+  setTouched: (value: boolean) => void;
+  dirty: Readonly<Ref<boolean>>;
+  setDirty: (value: boolean) => void;
+  filled: Readonly<Ref<boolean>>;
+  setFilled: (value: boolean) => void;
+  focused: Readonly<Ref<boolean>>;
+  setFocused: (value: boolean) => void;
+  validate: (value: unknown, formValues: Record<string, unknown>) => string | string[] | null | Promise<string | string[] | null>;
+  validationMode: Readonly<Ref<FormValidationMode>>;
+  validationDebounceTime: Readonly<Ref<number>>;
+  shouldValidateOnChange: () => boolean;
+  state: Readonly<Ref<FieldRootState>>;
+  markedDirtyRef: Ref<boolean>;
+  validation: UseFieldValidationReturnValue;
+}
+declare const fieldRootContextKey: InjectionKey<FieldRootContext>;
+declare function useFieldRootContext(optional?: true): FieldRootContext;
+declare function useFieldRootContext(optional: false): FieldRootContext;
+//#endregion
+//#region src/field/validity/FieldValidity.vue.d.ts
+interface FieldValidityState extends Omit<FieldValidityData, 'state'> {
+  validity: FieldValidityData['state'];
+  transitionStatus: TransitionStatus;
+}
+declare var __VLS_1$13: {
+  validity: FieldValidityData["state"];
+  transitionStatus: TransitionStatus;
+  value: unknown;
+  error: string;
+  errors: string[];
+  initialValue: unknown;
+};
+type __VLS_Slots$18 = {} & {
+  default?: (props: typeof __VLS_1$13) => any;
+};
+declare const __VLS_base$18: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export$21: __VLS_WithSlots$18<typeof __VLS_base$18, __VLS_Slots$18>;
+declare const _default$23: typeof __VLS_export$21;
+type __VLS_WithSlots$18<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=FieldValidity.vue.d.ts.map
+//#endregion
+//#region src/fieldset/legend/FieldsetLegend.vue.d.ts
+interface FieldsetLegendState {
+  /**
+   * Whether the component should ignore user interaction.
+   */
+  disabled: boolean;
+}
+interface FieldsetLegendProps extends BaseUIComponentProps<FieldsetLegendState> {
+  /**
+   * The `id` attribute of the legend element.
+   * When set, overrides the auto-generated id.
+   */
+  id?: string;
+}
+declare var __VLS_1$12: {
+    props: Record<string, any>;
+    state: FieldsetLegendState;
+  }, __VLS_10$12: {
+    state: FieldsetLegendState;
+  };
+type __VLS_Slots$17 = {} & {
+  default?: (props: typeof __VLS_1$12) => any;
+} & {
+  default?: (props: typeof __VLS_10$12) => any;
+};
+declare const __VLS_base$17: vue.DefineComponent<FieldsetLegendProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldsetLegendProps> & Readonly<{}>, {
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$20: __VLS_WithSlots$17<typeof __VLS_base$17, __VLS_Slots$17>;
+declare const _default$24: typeof __VLS_export$20;
+type __VLS_WithSlots$17<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=FieldsetLegend.vue.d.ts.map
+//#endregion
+//#region src/fieldset/root/FieldsetRoot.vue.d.ts
+interface FieldsetRootState {
+  /**
+   * Whether the component should ignore user interaction.
+   */
+  disabled: boolean;
+}
+interface FieldsetRootProps extends BaseUIComponentProps<FieldsetRootState> {
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: boolean;
+}
+declare var __VLS_1$11: {
+    props: Record<string, any>;
+    state: FieldsetRootState;
+  }, __VLS_10$11: {
+    state: FieldsetRootState;
+  };
+type __VLS_Slots$16 = {} & {
+  default?: (props: typeof __VLS_1$11) => any;
+} & {
+  default?: (props: typeof __VLS_10$11) => any;
+};
+declare const __VLS_base$16: vue.DefineComponent<FieldsetRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldsetRootProps> & Readonly<{}>, {
+  disabled: boolean;
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$19: __VLS_WithSlots$16<typeof __VLS_base$16, __VLS_Slots$16>;
+declare const _default$25: typeof __VLS_export$19;
+type __VLS_WithSlots$16<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=FieldsetRoot.vue.d.ts.map
+//#endregion
+//#region src/fieldset/root/FieldsetRootContext.d.ts
+interface FieldsetRootContext {
+  legendId: Ref<string | undefined>;
+  setLegendId: (id: string | undefined) => void;
+  disabled: Ref<boolean>;
+}
+declare const fieldsetRootContextKey: InjectionKey<FieldsetRootContext>;
+declare function useFieldsetRootContext(optional: true): FieldsetRootContext | undefined;
+declare function useFieldsetRootContext(optional?: false): FieldsetRootContext;
+//#endregion
+//#region src/form/Form.vue.d.ts
+interface FormActions {
+  validate: (fieldName?: string) => void;
+}
+interface FormState {}
+interface FormProps extends BaseUIComponentProps<FormState> {
+  /**
+   * Determines when the form should be validated.
+   *
+   * - `onSubmit` (default): validates on submit, re-validates on change after submission.
+   * - `onBlur`: validates when a control loses focus.
+   * - `onChange`: validates on every change.
+   *
+   * @default 'onSubmit'
+   */
+  validationMode?: FormValidationMode;
+  /**
+   * Validation errors returned externally (e.g. from a server).
+   * Keys correspond to the `name` attribute on `<FieldRoot>`.
+   */
+  errors?: FormErrors;
+  /**
+   * Whether native form validation is disabled.
+   * @default true
+   */
+  noValidate?: boolean;
+}
+declare var __VLS_1$10: {
+    props: Record<string, any>;
+    state: FormState;
+    actions: {
+      validate: (fieldName?: string) => void;
+    };
+  }, __VLS_10$10: {
+    state: FormState;
+    actions: {
+      validate: (fieldName?: string) => void;
+    };
+  };
+type __VLS_Slots$15 = {} & {
+  default?: (props: typeof __VLS_1$10) => any;
+} & {
+  default?: (props: typeof __VLS_10$10) => any;
+};
+declare const __VLS_base$15: vue.DefineComponent<FormProps, {
+  actions: {
+    validate: (fieldName?: string) => void;
+  };
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  formSubmit: (formValues: Record<string, unknown>, event: Event) => any;
+}, string, vue.PublicProps, Readonly<FormProps> & Readonly<{
+  onFormSubmit?: ((formValues: Record<string, unknown>, event: Event) => any) | undefined;
+}>, {
+  as: string | vue.Component;
+  validationMode: FormValidationMode;
+  noValidate: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$18: __VLS_WithSlots$15<typeof __VLS_base$15, __VLS_Slots$15>;
+declare const _default$26: typeof __VLS_export$18;
+type __VLS_WithSlots$15<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=Form.vue.d.ts.map
+//#endregion
+//#region src/merge-props/mergeProps.d.ts
+declare function makeEventPreventable<T extends Event>(event: T): BaseUIEvent<T>;
+declare function mergeClasses(ourClass: string | undefined, theirClass: string | undefined): string | undefined;
+declare function mergeObjects<A extends object | undefined, B extends object | undefined>(a: A, b: B): NonNullable<A> | NonNullable<B> | (A & B) | undefined;
+/**
+ * Merges Vue prop/attr objects using Base UI Vue semantics.
+ *
+ * Later props overwrite earlier ones, except for:
+ * - Event listeners: merged so the rightmost listener runs first and can prevent earlier listeners.
+ * - `class`: merged in rightmost-first order.
+ * - `style`: merged using Vue's native style merging.
+ */
+declare function mergeProps(...args: (Record<string, any> | undefined)[]): Record<string, any>;
+/**
+ * Merges an array of Vue prop/attr objects using the same semantics as {@link mergeProps}.
+ *
+ * Useful when prop layers are assembled dynamically before being bound with `v-bind`.
+ */
+declare function mergePropsN(props: readonly (Record<string, any> | undefined)[]): Record<string, any>;
+//#endregion
+//#region src/separator/Separator.vue.d.ts
+interface SeparatorState {
+  /**
+   * The orientation of the separator.
+   */
+  orientation: Orientation;
+}
+interface SeparatorProps extends BaseUIComponentProps<SeparatorState> {
+  /**
+   * The orientation of the separator.
+   * @default 'horizontal'
+   */
+  orientation?: Orientation;
+}
+declare var __VLS_1$9: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: SeparatorState;
+  }, __VLS_10$9: {
+    state: SeparatorState;
+  };
+type __VLS_Slots$14 = {} & {
+  default?: (props: typeof __VLS_1$9) => any;
+} & {
+  default?: (props: typeof __VLS_10$9) => any;
+};
+declare const __VLS_base$14: vue.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
+  as: string | vue.Component;
+  orientation: Orientation;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$17: __VLS_WithSlots$14<typeof __VLS_base$14, __VLS_Slots$14>;
+declare const _default$27: typeof __VLS_export$17;
+type __VLS_WithSlots$14<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=Separator.vue.d.ts.map
+//#endregion
+//#region src/separator/SeparatorDataAttributes.d.ts
+declare enum SeparatorDataAttributes {
+  /**
+   * Indicates the orientation of the separator.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation"
+}
+//#endregion
+//#region src/slider/root/SliderRoot.vue.d.ts
+type SliderRootChangeEventReason = typeof REASONS.inputChange | typeof REASONS.trackPress | typeof REASONS.drag | typeof REASONS.keyboard | typeof REASONS.none;
+type SliderRootCommitEventReason = SliderRootChangeEventReason;
+type SliderRootChangeEventDetails = BaseUIChangeEventDetails<SliderRootChangeEventReason, {
+  /**
+   * The index of the active thumb at the time of the change.
+   */
+  activeThumbIndex: number;
+}>;
+type SliderRootCommitEventDetails = BaseUIGenericEventDetails<SliderRootCommitEventReason>;
+interface SliderRootState extends FieldRootState {
+  /**
+   * The index of the active thumb.
+   */
+  activeThumbIndex: number;
+  /**
+   * Whether the component should ignore user interaction.
+   */
+  disabled: boolean;
+  /**
+   * Whether the thumb is currently being dragged.
+   */
+  dragging: boolean;
+  /**
+   * The maximum value.
+   */
+  max: number;
+  /**
+   * The minimum value.
+   */
+  min: number;
+  /**
+   * The minimum steps between values in a range slider.
+   * @default 0
+   */
+  minStepsBetweenValues: number;
+  /**
+   * The component orientation.
+   */
+  orientation: Orientation;
+  /**
+   * The step increment of the slider when incrementing or decrementing. It will snap
+   * to multiples of this value. Decimal values are supported.
+   * @default 1
+   */
+  step: number;
+  /**
+   * The raw number value of the slider.
+   */
+  values: readonly number[];
+}
+interface SliderRootProps<Value extends number | readonly number[] = number | readonly number[]> extends BaseUIComponentProps<SliderRootState> {
+  /**
+   * The uncontrolled value of the slider when it's initially rendered.
+   *
+   * To render a controlled slider, use the `value` prop instead.
+   */
+  defaultValue?: Value;
+  /**
+   * Whether the slider should ignore user interaction.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Options to format the input value.
+   */
+  format?: Intl.NumberFormatOptions;
+  /**
+   * The locale used by `Intl.NumberFormat` when formatting the value.
+   * Defaults to the user's runtime locale.
+   */
+  locale?: Intl.LocalesArgument;
+  /**
+   * The maximum allowed value of the slider.
+   * Should not be equal to min.
+   * @default 100
+   */
+  max?: number;
+  /**
+   * The minimum allowed value of the slider.
+   * Should not be equal to min.
+   * @default 0
+   */
+  min?: number;
+  /**
+   * The minimum steps between values in a range slider.
+   * @default 0
+   */
+  minStepsBetweenValues?: number;
+  /**
+   * Identifies the field when a form is submitted.
+   */
+  name?: string;
+  /**
+   * Identifies the form that owns the slider inputs.
+   * Useful when the slider is rendered outside the form.
+   */
+  form?: string;
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation?: Orientation;
+  /**
+   * The granularity with which the slider can step through values. (A "discrete" slider.)
+   * The `min` prop serves as the origin for the valid values.
+   * We recommend (max - min) to be evenly divisible by the step.
+   * @default 1
+   */
+  step?: number;
+  /**
+   * The granularity with which the slider can step through values when using Page Up/Page Down or Shift + Arrow Up/Arrow Down.
+   * @default 10
+   */
+  largeStep?: number;
+  /**
+   * How the thumb(s) are aligned relative to `Slider.Control` when the value is at `min` or `max`:
+   * - `center`: The center of the thumb is aligned with the control edge
+   * - `edge`: The thumb is inset within the control such that its edge is aligned with the control edge
+   * - `edge-client-only`: Same as `edge` but renders after React hydration on the client, reducing bundle size in return
+   * @default 'center'
+   */
+  thumbAlignment?: 'center' | 'edge' | 'edge-client-only';
+  /**
+   * Controls how thumbs behave when they collide during pointer interactions.
+   *
+   * - `'push'` (default): Thumbs push each other without restoring their previous positions when dragged back.
+   * - `'swap'`: Thumbs swap places when dragged past each other.
+   * - `'none'`: Thumbs cannot move past each other; excess movement is ignored.
+   *
+   * @default 'push'
+   */
+  thumbCollisionBehavior?: 'push' | 'swap' | 'none';
+  /**
+   * The value of the slider.
+   * For ranged sliders, provide an array with two values.
+   */
+  value?: Value;
+  id?: string;
+  ariaLabelledby?: string;
+}
+type IntlNumberFormatOptionsRef = Readonly<{
+  value: Intl.NumberFormatOptions | undefined;
+}>;
+type __VLS_Props = SliderRootProps;
+declare var __VLS_8$3: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: SliderRootState;
+  }, __VLS_16: {};
+type __VLS_Slots$13 = {} & {
+  default?: (props: typeof __VLS_8$3) => any;
+} & {
+  default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base$13: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  valueChange: (value: number | readonly number[], details: SliderRootChangeEventDetails) => any;
+  valueCommitted: (value: number | readonly number[], details: SliderRootCommitEventDetails) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onValueChange?: ((value: number | readonly number[], details: SliderRootChangeEventDetails) => any) | undefined;
+  onValueCommitted?: ((value: number | readonly number[], details: SliderRootCommitEventDetails) => any) | undefined;
+}>, {
+  disabled: boolean;
+  as: string | vue.Component;
+  orientation: Orientation;
+  min: number;
+  max: number;
+  step: number;
+  minStepsBetweenValues: number;
+  largeStep: number;
+  thumbAlignment: "center" | "edge" | "edge-client-only";
+  thumbCollisionBehavior: "push" | "swap" | "none";
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$16: __VLS_WithSlots$13<typeof __VLS_base$13, __VLS_Slots$13>;
+declare const _default$31: typeof __VLS_export$16;
+type __VLS_WithSlots$13<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=SliderRoot.vue.d.ts.map
+//#endregion
+//#region src/slider/control/SliderControl.vue.d.ts
+interface SliderControlState extends SliderRootState {}
+interface SliderControlProps extends BaseUIComponentProps<SliderControlState> {}
+declare var __VLS_1$8: {
+    ref: ((el: Element | ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: vue.Ref<SliderRootState, SliderRootState>;
+  }, __VLS_10$8: {};
+type __VLS_Slots$12 = {} & {
+  default?: (props: typeof __VLS_1$8) => any;
+} & {
+  default?: (props: typeof __VLS_10$8) => any;
+};
+declare const __VLS_base$12: vue.DefineComponent<SliderControlProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SliderControlProps> & Readonly<{}>, {
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$15: __VLS_WithSlots$12<typeof __VLS_base$12, __VLS_Slots$12>;
+declare const _default$28: typeof __VLS_export$15;
+type __VLS_WithSlots$12<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=SliderControl.vue.d.ts.map
+//#endregion
+//#region src/slider/control/SliderControlDataAttributes.d.ts
+declare enum SliderControlDataAttributes {
+  /**
+   * Present while the user is dragging.
+   */
+  dragging = "data-dragging",
+  /**
+   * Indicates the orientation of the slider.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation",
+  /**
+   * Present when the slider is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the slider is in valid state (when wrapped in Field.Root).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the slider has been touched (when wrapped in Field.Root).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the slider's value has changed (when wrapped in Field.Root).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the slider is focused (when wrapped in Field.Root).
+   */
+  focused = "data-focused"
+}
+//#endregion
+//#region src/slider/indicator/SliderIndicator.vue.d.ts
+interface SliderIndicatorState extends SliderRootState {}
+interface SliderIndicatorProps extends BaseUIComponentProps<SliderIndicatorState> {}
+declare var __VLS_1$7: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: vue.Ref<SliderRootState, SliderRootState>;
+  }, __VLS_10$7: {};
+type __VLS_Slots$11 = {} & {
+  default?: (props: typeof __VLS_1$7) => any;
+} & {
+  default?: (props: typeof __VLS_10$7) => any;
+};
+declare const __VLS_base$11: vue.DefineComponent<SliderIndicatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SliderIndicatorProps> & Readonly<{}>, {
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$14: __VLS_WithSlots$11<typeof __VLS_base$11, __VLS_Slots$11>;
+declare const _default$29: typeof __VLS_export$14;
+type __VLS_WithSlots$11<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=SliderIndicator.vue.d.ts.map
+//#endregion
+//#region src/slider/indicator/SliderIndicatorDataAttributes.d.ts
+declare enum SliderIndicatorDataAttributes {
+  /**
+   * Present while the user is dragging.
+   */
+  dragging = "data-dragging",
+  /**
+   * Indicates the orientation of the slider.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation",
+  /**
+   * Present when the slider is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the slider is in valid state (when wrapped in Field.Root).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the slider has been touched (when wrapped in Field.Root).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the slider's value has changed (when wrapped in Field.Root).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the slider is focused (when wrapped in Field.Root).
+   */
+  focused = "data-focused"
+}
+//#endregion
+//#region src/slider/label/SliderLabel.vue.d.ts
+type SliderLabelState = SliderRootState;
+interface SliderLabelProps extends BaseUIComponentProps<SliderLabelState> {}
+declare var __VLS_1$6: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: vue.Ref<SliderRootState, SliderRootState>;
+  }, __VLS_10$6: {};
+type __VLS_Slots$10 = {} & {
+  default?: (props: typeof __VLS_1$6) => any;
+} & {
+  default?: (props: typeof __VLS_10$6) => any;
+};
+declare const __VLS_base$10: vue.DefineComponent<SliderLabelProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SliderLabelProps> & Readonly<{}>, {
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$13: __VLS_WithSlots$10<typeof __VLS_base$10, __VLS_Slots$10>;
+declare const _default$30: typeof __VLS_export$13;
+type __VLS_WithSlots$10<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=SliderLabel.vue.d.ts.map
+//#endregion
+//#region src/composite/list/CompositeList.vue.d.ts
+type CompositeMetadata<CustomMetadata> = {
+  index?: number | null | undefined;
+} & CustomMetadata;
+//#endregion
+//#region src/labelable-provider/LabelableContext.d.ts
+interface LabelableContext {
+  /**
+   * The `id` of the labelable element.
+   * When `null` the association is implicit.
+   */
+  controlId: Readonly<Ref<string | null | undefined>>;
+  registerControlId: (source: symbol, id: string | null | undefined) => void;
+  labelId: Readonly<Ref<string | undefined>>;
+  setLabelId: (id: string | undefined) => void;
+  messageIds: Readonly<Ref<string[]>>;
+  setMessageIds: (updater: (ids: string[]) => string[]) => void;
+  getDescriptionProps: () => Record<string, string | undefined>;
+}
+//#endregion
+//#region src/slider/thumb/SliderThumb.vue.d.ts
+interface ThumbMetadata {
+  inputId: LabelableContext['controlId'];
+}
+interface SliderThumbState extends SliderRootState {}
+interface SliderThumbProps extends Omit<BaseUIComponentProps<SliderThumbState>, 'style'> {
+  /**
+   * Whether the thumb should ignore user interaction.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * A function which returns a string value for the [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-label) attribute of the `input`.
+   */
+  getAriaLabel?: ((index: number) => string) | null;
+  /**
+   * A function which returns a string value for the [`aria-valuetext`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-valuetext) attribute of the `input`.
+   * This is important for screen reader users.
+   */
+  getAriaValueText?: ((formattedValue: string, value: number, index: number) => string) | null;
+  /**
+   * The index of the thumb which corresponds to the index of its value in the
+   * `modelValue` or `defaultValue` array.
+   * This prop is required to support server-side rendering for range sliders
+   * with multiple thumbs.
+   * @example
+   * ```vue
+   * <SliderRoot :default-value="[10, 20]">
+   *   <SliderThumb :index="0" />
+   *   <SliderThumb :index="1" />
+   * </SliderRoot>
+   * ```
+   */
+  index?: number;
+  /**
+   * A ref to access the nested input element.
+   */
+  inputRef?: ((el: HTMLInputElement | null) => void) | Ref<HTMLInputElement | null> | null;
+  /**
+   * Optional tab index attribute forwarded to the `input`.
+   */
+  tabIndex?: number;
+  id?: string;
+  ariaLabel?: string;
+  ariaLabelledby?: string;
+  ariaDescribedby?: string;
+  style?: CSSProperties | ((state: SliderThumbState) => CSSProperties);
+}
+declare var __VLS_1$5: {
+    ref: ((el: Element | ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: Ref<SliderRootState, SliderRootState>;
+  }, __VLS_10$5: {};
+type __VLS_Slots$9 = {} & {
+  default?: (props: typeof __VLS_1$5) => any;
+} & {
+  default?: (props: typeof __VLS_10$5) => any;
+};
+declare const __VLS_base$9: vue.DefineComponent<SliderThumbProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SliderThumbProps> & Readonly<{}>, {
+  disabled: boolean;
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$12: __VLS_WithSlots$9<typeof __VLS_base$9, __VLS_Slots$9>;
+declare const _default$32: typeof __VLS_export$12;
+type __VLS_WithSlots$9<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=SliderThumb.vue.d.ts.map
+//#endregion
+//#region src/slider/root/SliderRootContext.d.ts
+interface SliderRootContext {
+  /**
+   * The index of the active thumb.
+   */
+  active: Ref<number>;
+  /**
+   * The index of the most recently interacted thumb.
+   */
+  lastUsedThumbIndex: Ref<number>;
+  controlRef: Ref<HTMLElement | null>;
+  dragging: Ref<boolean>;
+  disabled: Ref<boolean>;
+  validation: UseFieldValidationReturnValue;
+  formatOptionsRef: IntlNumberFormatOptionsRef;
+  handleInputChange: (valueInput: number, index: number, event: KeyboardEvent | Event) => void;
+  indicatorPosition: Ref<(number | undefined)[]>;
+  inset: Ref<boolean>;
+  labelId: Ref<string | undefined>;
+  rootLabelId: Ref<string | undefined>;
+  /**
+   * The large step value of the slider when incrementing or decrementing while the shift key is held,
+   * or when using Page-Up or Page-Down keys. Snaps to multiples of this value.
+   * @default 10
+   */
+  largeStep: Ref<number>;
+  lastChangedValueRef: Ref<number | readonly number[] | null>;
+  lastChangeReasonRef: Ref<SliderRootChangeReason>;
+  /**
+   * The locale used by `Intl.NumberFormat` when formatting the value.
+   * Defaults to the user's runtime locale.
+   */
+  locale: Ref<Intl.LocalesArgument | undefined>;
+  /**
+   * The maximum allowed value of the slider.
+   */
+  max: Ref<number>;
+  /**
+   * The minimum allowed value of the slider.
+   */
+  min: Ref<number>;
+  /**
+   * The minimum steps between values in a range slider.
+   */
+  minStepsBetweenValues: Ref<number>;
+  form: Ref<string | undefined>;
+  name: Ref<string | undefined>;
+  /**
+   * Function to be called when drag ends and the pointer is released.
+   */
+  onValueCommitted: (value: number | readonly number[], details: BaseUIGenericEventDetails<SliderRootChangeReason>) => void;
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: Ref<Orientation>;
+  pressedInputRef: Ref<HTMLInputElement | null>;
+  pressedThumbCenterOffsetRef: Ref<number | null>;
+  pressedThumbIndexRef: Ref<number>;
+  pressedValuesRef: Ref<readonly number[] | null>;
+  registerFieldControlRef: (element: HTMLElement | null) => void;
+  renderBeforeHydration: Ref<boolean>;
+  setActive: (value: number) => void;
+  setDragging: (value: boolean) => void;
+  setIndicatorPosition: (updater: (prev: (number | undefined)[]) => (number | undefined)[]) => void;
+  setLabelId: (value: string | undefined) => void;
+  /**
+   * Callback fired when dragging and invokes onValueChange.
+   */
+  setValue: (value: number | number[], details?: BaseUIChangeEventDetails<SliderRootChangeReason, {
+    activeThumbIndex: number;
+  }>) => void;
+  state: Ref<SliderRootState>;
+  /**
+   * The step increment of the slider when incrementing or decrementing. It will snap
+   * to multiples of this value. Decimal values are supported.
+   * @default 1
+   */
+  step: Ref<number>;
+  thumbCollisionBehavior: Ref<'push' | 'swap' | 'none'>;
+  thumbMap: ShallowRef<Map<Element, CompositeMetadata<ThumbMetadata> | null>>;
+  thumbRefs: Ref<(HTMLElement | null)[]>;
+  /**
+   * The value(s) of the slider
+   */
+  values: Ref<readonly number[]>;
+}
+type SliderRootChangeReason = typeof REASONS.inputChange | typeof REASONS.trackPress | typeof REASONS.drag | typeof REASONS.keyboard | typeof REASONS.none;
+declare const sliderRootContextKey: InjectionKey<SliderRootContext>;
+declare function useSliderRootContext(optional: true): SliderRootContext | undefined;
+declare function useSliderRootContext(optional?: false): SliderRootContext;
+//#endregion
+//#region src/slider/root/SliderRootDataAttributes.d.ts
+declare enum SliderRootDataAttributes {
+  /**
+   * Present while the user is dragging.
+   */
+  dragging = "data-dragging",
+  /**
+   * Indicates the orientation of the slider.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation",
+  /**
+   * Present when the slider is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the slider is in valid state (when wrapped in Field.Root).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the slider has been touched (when wrapped in Field.Root).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the slider's value has changed (when wrapped in Field.Root).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the slider is focused (when wrapped in Field.Root).
+   */
+  focused = "data-focused"
+}
+//#endregion
+//#region src/slider/thumb/SliderThumbDataAttributes.d.ts
+declare enum SliderThumbDataAttributes {
+  /**
+   * Indicates the index of the thumb in range sliders.
+   */
+  index = "data-index",
+  /**
+   * Present while the user is dragging.
+   */
+  dragging = "data-dragging",
+  /**
+   * Indicates the orientation of the slider.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation",
+  /**
+   * Present when the slider is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the slider is in valid state (when wrapped in Field.Root).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the slider has been touched (when wrapped in Field.Root).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the slider's value has changed (when wrapped in Field.Root).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the slider is focused (when wrapped in Field.Root).
+   */
+  focused = "data-focused"
+}
+//#endregion
+//#region src/slider/track/SliderTrack.vue.d.ts
+interface SliderTrackState extends SliderRootState {}
+interface SliderTrackProps extends BaseUIComponentProps<SliderTrackState> {}
+declare var __VLS_1$4: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: vue.Ref<SliderRootState, SliderRootState>;
+  }, __VLS_10$4: {};
+type __VLS_Slots$8 = {} & {
+  default?: (props: typeof __VLS_1$4) => any;
+} & {
+  default?: (props: typeof __VLS_10$4) => any;
+};
+declare const __VLS_base$8: vue.DefineComponent<SliderTrackProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SliderTrackProps> & Readonly<{}>, {
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$11: __VLS_WithSlots$8<typeof __VLS_base$8, __VLS_Slots$8>;
+declare const _default$33: typeof __VLS_export$11;
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=SliderTrack.vue.d.ts.map
+//#endregion
+//#region src/slider/track/SliderTrackDataAttributes.d.ts
+declare enum SliderTrackDataAttributes {
+  dragging = "data-dragging",
+  orientation = "data-orientation",
+  disabled = "data-disabled",
+  valid = "data-valid",
+  invalid = "data-invalid",
+  touched = "data-touched",
+  dirty = "data-dirty",
+  focused = "data-focused"
+}
+//#endregion
+//#region src/slider/value/SliderValue.vue.d.ts
+interface SliderValueState extends SliderRootState {}
+interface SliderValueProps extends BaseUIComponentProps<SliderValueState> {
+  ariaLive?: 'off' | 'polite' | 'assertive';
+}
+declare var __VLS_1$3: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: vue.Ref<SliderRootState, SliderRootState>;
+    formattedValues: string[];
+    values: readonly number[];
+  }, __VLS_10$3: {
+    formattedValues: string[];
+    values: readonly number[];
+  };
+type __VLS_Slots$7 = {} & {
+  default?: (props: typeof __VLS_1$3) => any;
+} & {
+  default?: (props: typeof __VLS_10$3) => any;
+};
+declare const __VLS_base$7: vue.DefineComponent<SliderValueProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SliderValueProps> & Readonly<{}>, {
+  as: string | vue.Component;
+  ariaLive: "off" | "polite" | "assertive";
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$10: __VLS_WithSlots$7<typeof __VLS_base$7, __VLS_Slots$7>;
+declare const _default$34: typeof __VLS_export$10;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=SliderValue.vue.d.ts.map
+//#endregion
+//#region src/slider/value/SliderValueDataAttributes.d.ts
+declare enum SliderValueDataAttributes {
+  /**
+   * Present while the user is dragging.
+   */
+  dragging = "data-dragging",
+  /**
+   * Indicates the orientation of the slider.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation",
+  /**
+   * Present when the slider is disabled.
    */
-  id?: string;
+  disabled = "data-disabled",
   /**
-   * Whether the component renders a native `<label>` element.
+   * Present when the slider is in valid state (when wrapped in Field.Root).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the slider is in invalid state (when wrapped in Field.Root).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the slider has been touched (when wrapped in Field.Root).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the slider's value has changed (when wrapped in Field.Root).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the slider is focused (when wrapped in Field.Root).
+   */
+  focused = "data-focused"
+}
+//#endregion
+//#region src/switch/root/SwitchRoot.vue.d.ts
+interface SwitchRootState extends FieldRootState {
+  /**
+   * Whether the switch is currently active.
+   */
+  checked: boolean;
+  /**
+   * Whether the component should ignore user interaction.
+   */
+  disabled: boolean;
+  /**
+   * Whether the user should be unable to activate or deactivate the switch.
+   */
+  readOnly: boolean;
+  /**
+   * Whether the user must activate the switch before submitting a form.
+   */
+  required: boolean;
+}
+interface SwitchRootProps extends NonNativeButtonProps, BaseUIComponentProps<SwitchRootState> {
+  /**
+   * The id of the switch element.
+   */
+  'id'?: string;
+  /**
+   * Whether the switch is currently active.
+   *
+   * To render an uncontrolled switch, use the `defaultChecked` prop instead.
+   */
+  'checked'?: boolean;
+  /**
+   * Whether the switch is initially active.
+   *
+   * To render a controlled switch, use the `checked` prop instead.
+   * @default false
+   */
+  'defaultChecked'?: boolean;
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  'disabled'?: boolean;
+  /**
+   * A ref to access the hidden `<input>` element.
+   */
+  'inputRef'?: Ref<HTMLInputElement | null> | ((element: HTMLInputElement | null) => void) | null;
+  /**
+   * Identifies the field when a form is submitted.
+   */
+  'name'?: string;
+  /**
+   * Identifies the form that owns the hidden input.
+   * Useful when the switch is rendered outside the form.
+   */
+  'form'?: string;
+  /**
+   * Whether the user should be unable to activate or deactivate the switch.
+   * @default false
+   */
+  'readOnly'?: boolean;
+  /**
+   * Whether the user must activate the switch before submitting a form.
+   * @default false
+   */
+  'required'?: boolean;
+  /**
+   * The value submitted with the form when the switch is on.
+   * By default, switch submits the "on" value, matching native checkbox behavior.
+   */
+  'value'?: string;
+  /**
+   * The value submitted with the form when the switch is off.
+   * By default, unchecked switches do not submit any value, matching native checkbox behavior.
+   */
+  'uncheckedValue'?: string;
+  /**
+   * Identifies the element that labels the switch.
+   * When omitted, Base UI Vue falls back to the surrounding label system.
+   */
+  'aria-labelledby'?: string;
+}
+type SwitchRootChangeEventReason = typeof REASONS.none;
+type SwitchRootChangeEventDetails = BaseUIChangeEventDetails<SwitchRootChangeEventReason>;
+declare var __VLS_1$2: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: SwitchRootState;
+  }, __VLS_9: {
+    state: SwitchRootState;
+  };
+type __VLS_Slots$6 = {} & {
+  default?: (props: typeof __VLS_1$2) => any;
+} & {
+  default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base$6: vue.DefineComponent<SwitchRootProps, {
+  element: Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  checkedChange: (checked: boolean, eventDetails: {
+    reason: "none";
+    event: Event;
+    cancel: () => void;
+    allowPropagation: () => void;
+    isCanceled: boolean;
+    isPropagationAllowed: boolean;
+    trigger: Element | undefined;
+  } & Record<string, never>) => any;
+}, string, vue.PublicProps, Readonly<SwitchRootProps> & Readonly<{
+  onCheckedChange?: ((checked: boolean, eventDetails: {
+    reason: "none";
+    event: Event;
+    cancel: () => void;
+    allowPropagation: () => void;
+    isCanceled: boolean;
+    isPropagationAllowed: boolean;
+    trigger: Element | undefined;
+  } & Record<string, never>) => any) | undefined;
+}>, {
+  defaultChecked: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  required: boolean;
+  nativeButton: boolean;
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$9: __VLS_WithSlots$6<typeof __VLS_base$6, __VLS_Slots$6>;
+declare const _default$35: typeof __VLS_export$9;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=SwitchRoot.vue.d.ts.map
+//#endregion
+//#region src/switch/root/SwitchRootContext.d.ts
+type SwitchRootContext = Readonly<Ref<SwitchRootState>>;
+declare const switchRootContextKey: InjectionKey<SwitchRootContext>;
+declare function useSwitchRootContext(optional: true): SwitchRootContext | undefined;
+declare function useSwitchRootContext(optional?: false): SwitchRootContext;
+//#endregion
+//#region src/switch/root/SwitchRootDataAttributes.d.ts
+declare enum SwitchRootDataAttributes {
+  /**
+   * Present when the switch is checked.
+   */
+  checked = "data-checked",
+  /**
+   * Present when the switch is not checked.
+   */
+  unchecked = "data-unchecked",
+  /**
+   * Present when the switch is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the switch is readonly.
+   */
+  readonly = "data-readonly",
+  /**
+   * Present when the switch is required.
+   */
+  required = "data-required",
+  /**
+   * Present when the switch is in valid state (when wrapped in FieldRoot).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the switch is in invalid state (when wrapped in FieldRoot).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the switch has been touched (when wrapped in FieldRoot).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the switch's value has changed (when wrapped in FieldRoot).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the switch is active (when wrapped in FieldRoot).
+   */
+  filled = "data-filled",
+  /**
+   * Present when the switch is focused (when wrapped in FieldRoot).
+   */
+  focused = "data-focused"
+}
+//#endregion
+//#region src/switch/thumb/SwitchThumb.vue.d.ts
+interface SwitchThumbState extends SwitchRootState {}
+interface SwitchThumbProps extends BaseUIComponentProps<SwitchThumbState> {}
+declare var __VLS_1$1: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+    props: Record<string, any>;
+    state: SwitchThumbState;
+  }, __VLS_10$2: {
+    state: SwitchThumbState;
+  };
+type __VLS_Slots$5 = {} & {
+  default?: (props: typeof __VLS_1$1) => any;
+} & {
+  default?: (props: typeof __VLS_10$2) => any;
+};
+declare const __VLS_base$5: vue.DefineComponent<SwitchThumbProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SwitchThumbProps> & Readonly<{}>, {
+  as: string | vue.Component;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$8: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
+declare const _default$36: typeof __VLS_export$8;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+}; //# sourceMappingURL=SwitchThumb.vue.d.ts.map
+//#endregion
+//#region src/switch/thumb/SwitchThumbDataAttributes.d.ts
+declare enum SwitchThumbDataAttributes {
+  /**
+   * Present when the switch is checked.
+   */
+  checked = "data-checked",
+  /**
+   * Present when the switch is not checked.
+   */
+  unchecked = "data-unchecked",
+  /**
+   * Present when the switch is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the switch is readonly.
+   */
+  readonly = "data-readonly",
+  /**
+   * Present when the switch is required.
+   */
+  required = "data-required",
+  /**
+   * Present when the switch is in valid state (when wrapped in FieldRoot).
+   */
+  valid = "data-valid",
+  /**
+   * Present when the switch is in invalid state (when wrapped in FieldRoot).
+   */
+  invalid = "data-invalid",
+  /**
+   * Present when the switch has been touched (when wrapped in FieldRoot).
+   */
+  touched = "data-touched",
+  /**
+   * Present when the switch's value has changed (when wrapped in FieldRoot).
+   */
+  dirty = "data-dirty",
+  /**
+   * Present when the switch is active (when wrapped in FieldRoot).
+   */
+  filled = "data-filled",
+  /**
+   * Present when the switch is focused (when wrapped in FieldRoot).
+   */
+  focused = "data-focused"
+}
+//#endregion
+//#region src/toggle/Toggle.vue.d.ts
+interface ToggleState {
+  /**
+   * Whether the toggle is currently pressed.
+   */
+  pressed: boolean;
+  /**
+   * Whether the toggle should ignore user interaction.
+   */
+  disabled: boolean;
+}
+interface ToggleProps<Value extends string = string> extends NativeButtonProps, BaseUIComponentProps<ToggleState> {
+  /**
+   * Whether the toggle button is currently pressed.
+   * This is the controlled counterpart of `defaultPressed`.
+   */
+  pressed?: boolean;
+  /**
+   * Whether the toggle button is initially pressed.
+   * This is the uncontrolled counterpart of `pressed`.
+   * @default false
+   */
+  defaultPressed?: boolean;
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * A unique string that identifies the toggle when used inside a toggle group.
+   */
+  value?: Value | undefined;
+}
+declare const __VLS_export$7: <Value extends string = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$1<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: vue.PublicProps & __VLS_PrettifyLocal$1<ToggleProps<Value> & {
+    onPressedChange?: ((pressed: boolean, eventDetails: {
+      reason: "none";
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: Element | undefined;
+    } & Record<string, never>) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      state: ToggleState;
+    }) => any;
+  } & {
+    default?: (props: {
+      ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+      props: Record<string, any>;
+      state: ToggleState;
+    }) => any;
+  } & {
+    default?: (props: {
+      state: ToggleState;
+    }) => any;
+  };
+  emit: (evt: "pressedChange", pressed: boolean, eventDetails: {
+    reason: "none";
+    event: Event;
+    cancel: () => void;
+    allowPropagation: () => void;
+    isCanceled: boolean;
+    isPropagationAllowed: boolean;
+    trigger: Element | undefined;
+  } & Record<string, never>) => void;
+}>) => vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default$37: typeof __VLS_export$7;
+type __VLS_PrettifyLocal$1<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {}; //# sourceMappingURL=Toggle.vue.d.ts.map
+//#endregion
+//#region src/toggle/ToggleDataAttributes.d.ts
+declare enum ToggleDataAttributes {
+  /**
+   * Present when the toggle button is pressed.
+   */
+  pressed = "data-pressed"
+}
+//#endregion
+//#region src/toggle-group/ToggleGroup.vue.d.ts
+interface ToggleGroupState {
+  /**
+   * Whether the component should ignore user interaction.
+   */
+  disabled: boolean;
+  /**
+   * When `false` only one item in the group can be pressed. If any item in
+   * the group becomes pressed, the others will become unpressed.
+   * When `true` multiple items can be pressed.
+   * @default false
+   */
+  multiple: boolean;
+  /**
+   * The orientation of the toggle group.
+   */
+  orientation: Orientation;
+}
+interface ToggleGroupProps<Value extends string = string> extends BaseUIComponentProps<ToggleGroupState> {
+  /**
+   * The pressed values of the toggle group.
+   * This is the controlled counterpart of `defaultValue`.
+   */
+  value?: Value[];
+  /**
+   * The pressed values of the toggle group.
+   * This is the uncontrolled counterpart of `value`.
+   */
+  defaultValue?: Value[];
+  /**
+   * Whether the toggle group should ignore user interaction.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * The orientation of the toggle group.
+   * @default 'horizontal'
+   */
+  orientation?: Orientation;
+  /**
+   * Whether to loop keyboard focus back to the first item when the end of the list is reached.
    * @default true
    */
-  nativeLabel?: boolean;
+  loopFocus?: boolean;
+  /**
+   * When `false` only one item in the group can be pressed. If any item in
+   * the group becomes pressed, the others will become unpressed.
+   * When `true` multiple items can be pressed.
+   * @default false
+   */
+  multiple?: boolean;
 }
-declare var __VLS_1$4: {
+declare const __VLS_export$6: <Value extends string = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: vue.PublicProps & __VLS_PrettifyLocal<ToggleGroupProps<Value> & {
+    onValueChange?: ((value: Value[], eventDetails: {
+      reason: "none";
+      event: Event;
+      cancel: () => void;
+      allowPropagation: () => void;
+      isCanceled: boolean;
+      isPropagationAllowed: boolean;
+      trigger: Element | undefined;
+    } & Record<string, never>) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
+      props: Record<string, any>;
+      state: ToggleGroupState;
+    }) => any;
+  } & {
+    default?: (props: {
+      state: ToggleGroupState;
+    }) => any;
+  } & {
+    default?: (props: {
+      ref: ((el: Element | null) => void) | undefined;
+      props: Record<string, any> | undefined;
+      state: Record<string, any>;
+    }) => any;
+  } & {
+    default?: (props: {
+      state: Record<string, any>;
+    }) => any;
+  };
+  emit: (evt: "valueChange", value: Value[], eventDetails: {
+    reason: "none";
+    event: Event;
+    cancel: () => void;
+    allowPropagation: () => void;
+    isCanceled: boolean;
+    isPropagationAllowed: boolean;
+    trigger: Element | undefined;
+  } & Record<string, never>) => void;
+}>) => vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default$38: typeof __VLS_export$6;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {}; //# sourceMappingURL=ToggleGroup.vue.d.ts.map
+//#endregion
+//#region src/toggle-group/ToggleGroupContext.d.ts
+interface ToggleGroupContext<Value> {
+  value: Readonly<Ref<Value[]>>;
+  setGroupValue: (newValue: Value, nextPressed: boolean, eventDetails: BaseUIChangeEventDetails<typeof REASONS.none>) => void;
+  disabled: Readonly<Ref<boolean>>;
+  orientation: Readonly<Ref<Orientation>>;
+  /**
+   * Indicates whether the value has been initialized via `value` or `defaultValue` props.
+   * Used to determine if Toggle should warn users about data inconsistency problems.
+   */
+  isValueInitialized: Readonly<Ref<boolean>>;
+}
+declare const toggleGroupContextKey: InjectionKey<ToggleGroupContext<any>>;
+declare function useToggleGroupContext<Value>(optional: true): ToggleGroupContext<Value> | undefined;
+declare function useToggleGroupContext<Value>(optional?: false): ToggleGroupContext<Value>;
+//#endregion
+//#region src/toggle-group/ToggleGroupDataAttributes.d.ts
+declare enum ToggleGroupDataAttributes {
+  /**
+   * Present when the toggle group is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Indicates the orientation of the toggle group.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation",
+  /**
+   * Present when the toggle group allows multiple buttons to be in the pressed state at the same time.
+   */
+  multiple = "data-multiple"
+}
+//#endregion
+//#region src/toolbar/root/ToolbarRoot.vue.d.ts
+interface ToolbarRootState {
+  /**
+   * Whether the component is disabled.
+   */
+  disabled: boolean;
+  /**
+   * The component orientation.
+   */
+  orientation: Orientation;
+}
+interface ToolbarRootProps extends BaseUIComponentProps<ToolbarRootState> {
+  /**
+   * Whether the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * The orientation of the toolbar.
+   * @default 'horizontal'
+   */
+  orientation?: Orientation;
+  /**
+   * If `true`, using keyboard navigation will wrap focus to the other end of
+   * the toolbar once the end is reached.
+   * @default true
+   */
+  loopFocus?: boolean;
+}
+declare var __VLS_10$1: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
     props: Record<string, any>;
-    state: Readonly<vue.Ref<FieldRootState, FieldRootState>>;
-  }, __VLS_10$3: {
-    state: Readonly<vue.Ref<FieldRootState, FieldRootState>>;
+    state: ToolbarRootState;
+  }, __VLS_18: {
+    state: ToolbarRootState;
   };
 type __VLS_Slots$4 = {} & {
-  default?: (props: typeof __VLS_1$4) => any;
+  default?: (props: typeof __VLS_10$1) => any;
 } & {
-  default?: (props: typeof __VLS_10$3) => any;
+  default?: (props: typeof __VLS_18) => any;
 };
-declare const __VLS_base$4: vue.DefineComponent<FieldLabelProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldLabelProps> & Readonly<{}>, {
+declare const __VLS_base$4: vue.DefineComponent<ToolbarRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ToolbarRootProps> & Readonly<{}>, {
+  disabled: boolean;
   as: string | vue.Component;
-  nativeLabel: boolean;
+  orientation: Orientation;
+  loopFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$4: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
-declare const _default$17: typeof __VLS_export$4;
+declare const __VLS_export$5: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
+declare const _default$43: typeof __VLS_export$5;
 type __VLS_WithSlots$4<T, S> = T & {
   new (): {
     $slots: S;
   };
-}; //# sourceMappingURL=FieldLabel.vue.d.ts.map
-//#endregion
-//#region src/field/root/useFieldValidation.d.ts
-interface FieldValidationProps {
-  'aria-describedby'?: string;
-  'aria-invalid'?: true;
-}
-interface FieldInputValidationProps extends FieldValidationProps {
-  onInput?: (event: Event) => void;
-}
-interface UseFieldValidationReturnValue {
-  getValidationProps: () => FieldValidationProps;
-  getInputValidationProps: () => FieldInputValidationProps;
-  inputRef: Readonly<Ref<HTMLInputElement | null>>;
-  setInputRef: (element: HTMLInputElement | null) => void;
-  commit: (value: unknown, revalidate?: boolean) => Promise<void>;
-}
+}; //# sourceMappingURL=ToolbarRoot.vue.d.ts.map
 //#endregion
-//#region src/field/root/FieldRootContext.d.ts
-interface FieldRootContext {
-  invalid: Readonly<Ref<boolean | undefined>>;
-  name: Readonly<Ref<string | undefined>>;
-  validityData: Readonly<Ref<FieldValidityData>>;
-  setValidityData: (data: FieldValidityData) => void;
-  disabled: Readonly<Ref<boolean>>;
-  touched: Readonly<Ref<boolean>>;
-  setTouched: (value: boolean) => void;
-  dirty: Readonly<Ref<boolean>>;
-  setDirty: (value: boolean) => void;
-  filled: Readonly<Ref<boolean>>;
-  setFilled: (value: boolean) => void;
-  focused: Readonly<Ref<boolean>>;
-  setFocused: (value: boolean) => void;
-  validate: (value: unknown, formValues: Record<string, unknown>) => string | string[] | null | Promise<string | string[] | null>;
-  validationMode: Readonly<Ref<FormValidationMode>>;
-  validationDebounceTime: Readonly<Ref<number>>;
-  shouldValidateOnChange: () => boolean;
-  state: Readonly<Ref<FieldRootState>>;
-  markedDirtyRef: Ref<boolean>;
-  validation: UseFieldValidationReturnValue;
+//#region src/toolbar/button/ToolbarButton.vue.d.ts
+interface ToolbarButtonState extends ToolbarRootState {
+  /**
+   * Whether the component is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Whether the component remains focusable when disabled.
+   */
+  focusable: boolean;
 }
-declare const fieldRootContextKey: InjectionKey<FieldRootContext>;
-declare function useFieldRootContext(optional?: true): FieldRootContext;
-declare function useFieldRootContext(optional: false): FieldRootContext;
-//#endregion
-//#region src/field/validity/FieldValidity.vue.d.ts
-interface FieldValidityState extends Omit<FieldValidityData, 'state'> {
-  validity: FieldValidityData['state'];
-  transitionStatus: TransitionStatus;
+interface ToolbarButtonProps extends NativeButtonProps, BaseUIComponentProps<ToolbarButtonState> {
+  /**
+   * Whether the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Whether the component remains focusable when disabled.
+   * @default true
+   */
+  focusableWhenDisabled?: boolean;
 }
-declare var __VLS_1$3: {
-  validity: FieldValidityData["state"];
-  transitionStatus: TransitionStatus;
-  value: unknown;
-  error: string;
-  errors: string[];
-  initialValue: unknown;
+declare var __VLS_8$2: {
+  state: ToolbarButtonState;
 };
 type __VLS_Slots$3 = {} & {
-  default?: (props: typeof __VLS_1$3) => any;
+  default?: (props: typeof __VLS_8$2) => any;
 };
-declare const __VLS_base$3: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export$3: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
-declare const _default$19: typeof __VLS_export$3;
+declare const __VLS_base$3: vue.DefineComponent<ToolbarButtonProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ToolbarButtonProps> & Readonly<{}>, {
+  disabled: boolean;
+  nativeButton: boolean;
+  as: string | vue.Component;
+  focusableWhenDisabled: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$4: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
+declare const _default$39: typeof __VLS_export$4;
 type __VLS_WithSlots$3<T, S> = T & {
   new (): {
     $slots: S;
   };
-}; //# sourceMappingURL=FieldValidity.vue.d.ts.map
+}; //# sourceMappingURL=ToolbarButton.vue.d.ts.map
 //#endregion
-//#region src/fieldset/legend/FieldsetLegend.vue.d.ts
-interface FieldsetLegendState {
+//#region src/toolbar/button/ToolbarButtonDataAttributes.d.ts
+declare enum ToolbarButtonDataAttributes {
   /**
-   * Whether the component should ignore user interaction.
+   * Present when the button is disabled.
    */
-  disabled: boolean;
+  disabled = "data-disabled",
+  /**
+   * Indicates the orientation of the toolbar.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation",
+  /**
+   * Present when the button remains focusable when disabled.
+   */
+  focusable = "data-focusable"
 }
-interface FieldsetLegendProps extends BaseUIComponentProps<FieldsetLegendState> {
+//#endregion
+//#region src/toolbar/group/ToolbarGroup.vue.d.ts
+interface ToolbarGroupState extends ToolbarRootState {}
+interface ToolbarGroupProps extends BaseUIComponentProps<ToolbarGroupState> {
   /**
-   * The `id` attribute of the legend element.
-   * When set, overrides the auto-generated id.
+   * Whether all toolbar items in the group are disabled.
+   * @default false
    */
-  id?: string;
+  disabled?: boolean;
 }
-declare var __VLS_1$2: {
+declare var __VLS_1: {
+    ref: ((el: Element | vue.ComponentPublicInstance | null) => void) | undefined;
     props: Record<string, any>;
-    state: FieldsetLegendState;
-  }, __VLS_10$2: {
-    state: FieldsetLegendState;
+    state: ToolbarGroupState;
+  }, __VLS_10: {
+    state: ToolbarGroupState;
   };
 type __VLS_Slots$2 = {} & {
-  default?: (props: typeof __VLS_1$2) => any;
+  default?: (props: typeof __VLS_1) => any;
 } & {
-  default?: (props: typeof __VLS_10$2) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base$2: vue.DefineComponent<FieldsetLegendProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldsetLegendProps> & Readonly<{}>, {
+declare const __VLS_base$2: vue.DefineComponent<ToolbarGroupProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ToolbarGroupProps> & Readonly<{}>, {
+  disabled: boolean;
   as: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
-declare const _default$20: typeof __VLS_export$2;
+declare const __VLS_export$3: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
+declare const _default$40: typeof __VLS_export$3;
 type __VLS_WithSlots$2<T, S> = T & {
   new (): {
     $slots: S;
   };
-}; //# sourceMappingURL=FieldsetLegend.vue.d.ts.map
+}; //# sourceMappingURL=ToolbarGroup.vue.d.ts.map
 //#endregion
-//#region src/fieldset/root/FieldsetRoot.vue.d.ts
-interface FieldsetRootState {
+//#region src/toolbar/group/ToolbarGroupContext.d.ts
+interface ToolbarGroupContext {
+  disabled: Ref<boolean>;
+}
+declare const toolbarGroupContextKey: InjectionKey<ToolbarGroupContext>;
+declare function useToolbarGroupContext(): ToolbarGroupContext;
+declare function useToolbarGroupContext(optional: true): ToolbarGroupContext | undefined;
+//#endregion
+//#region src/toolbar/group/ToolbarGroupDataAttributes.d.ts
+declare enum ToolbarGroupDataAttributes {
   /**
-   * Whether the component should ignore user interaction.
+   * Present when the group is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Indicates the orientation of the toolbar.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation"
+}
+//#endregion
+//#region src/toolbar/input/ToolbarInput.vue.d.ts
+interface ToolbarInputState extends ToolbarRootState {
+  /**
+   * Whether the component is disabled.
    */
   disabled: boolean;
+  /**
+   * Whether the component remains focusable when disabled.
+   */
+  focusable: boolean;
 }
-interface FieldsetRootProps extends BaseUIComponentProps<FieldsetRootState> {
+interface ToolbarInputProps extends BaseUIComponentProps<ToolbarInputState> {
   /**
-   * Whether the component should ignore user interaction.
+   * Whether the component is disabled.
    * @default false
    */
   disabled?: boolean;
+  /**
+   * Whether the component remains focusable when disabled.
+   * @default true
+   */
+  focusableWhenDisabled?: boolean;
+  defaultValue?: string | number;
 }
-declare var __VLS_1$1: {
-    props: Record<string, any>;
-    state: FieldsetRootState;
-  }, __VLS_10$1: {
-    state: FieldsetRootState;
-  };
+declare const __VLS_export$2: vue.DefineComponent<ToolbarInputProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ToolbarInputProps> & Readonly<{}>, {
+  disabled: boolean;
+  as: string | vue.Component;
+  focusableWhenDisabled: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default$41: typeof __VLS_export$2;
+//#endregion
+//#region src/toolbar/input/ToolbarInputDataAttributes.d.ts
+declare enum ToolbarInputDataAttributes {
+  /**
+   * Present when the input is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Indicates the orientation of the toolbar.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation",
+  /**
+   * Present when the input remains focusable when disabled.
+   */
+  focusable = "data-focusable"
+}
+//#endregion
+//#region src/toolbar/link/ToolbarLink.vue.d.ts
+interface ToolbarLinkState {
+  /**
+   * The component orientation.
+   */
+  orientation: 'horizontal' | 'vertical';
+}
+interface ToolbarLinkProps extends BaseUIComponentProps<ToolbarLinkState> {}
+declare var __VLS_8$1: {
+  state: ToolbarLinkState;
+};
 type __VLS_Slots$1 = {} & {
-  default?: (props: typeof __VLS_1$1) => any;
-} & {
-  default?: (props: typeof __VLS_10$1) => any;
+  default?: (props: typeof __VLS_8$1) => any;
 };
-declare const __VLS_base$1: vue.DefineComponent<FieldsetRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FieldsetRootProps> & Readonly<{}>, {
-  disabled: boolean;
+declare const __VLS_base$1: vue.DefineComponent<ToolbarLinkProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ToolbarLinkProps> & Readonly<{}>, {
   as: string | vue.Component;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
-declare const _default$21: typeof __VLS_export$1;
+declare const _default$42: typeof __VLS_export$1;
 type __VLS_WithSlots$1<T, S> = T & {
   new (): {
     $slots: S;
   };
-}; //# sourceMappingURL=FieldsetRoot.vue.d.ts.map
+}; //# sourceMappingURL=ToolbarLink.vue.d.ts.map
 //#endregion
-//#region src/fieldset/root/FieldsetRootContext.d.ts
-interface FieldsetRootContext {
-  legendId: Ref<string | undefined>;
-  setLegendId: (id: string | undefined) => void;
-  disabled: Ref<boolean>;
+//#region src/toolbar/link/ToolbarLinkDataAttributes.d.ts
+declare enum ToolbarLinkDataAttributes {
+  /**
+   * Indicates the orientation of the toolbar.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation"
 }
-declare const fieldsetRootContextKey: InjectionKey<FieldsetRootContext>;
-declare function useFieldsetRootContext(optional: true): FieldsetRootContext | undefined;
-declare function useFieldsetRootContext(optional?: false): FieldsetRootContext;
 //#endregion
-//#region src/form/Form.vue.d.ts
-interface FormActions {
-  validate: (fieldName?: string) => void;
+//#region src/toolbar/root/ToolbarRootContext.d.ts
+interface ToolbarRootItemMetadata {
+  focusableWhenDisabled: boolean;
 }
-interface FormState {}
-interface FormProps extends BaseUIComponentProps<FormState> {
-  /**
-   * Determines when the form should be validated.
-   *
-   * - `onSubmit` (default): validates on submit, re-validates on change after submission.
-   * - `onBlur`: validates when a control loses focus.
-   * - `onChange`: validates on every change.
-   *
-   * @default 'onSubmit'
-   */
-  validationMode?: FormValidationMode;
+interface ToolbarRootContext {
+  disabled: Ref<boolean>;
+  orientation: Ref<Orientation>;
+}
+declare const toolbarRootContextKey: InjectionKey<ToolbarRootContext>;
+declare function useToolbarRootContext(optional: true): ToolbarRootContext | undefined;
+declare function useToolbarRootContext(optional?: false): ToolbarRootContext;
+//#endregion
+//#region src/toolbar/root/ToolbarRootDataAttributes.d.ts
+declare enum ToolbarRootDataAttributes {
   /**
-   * Validation errors returned externally (e.g. from a server).
-   * Keys correspond to the `name` attribute on `<FieldRoot>`.
+   * Present when the toolbar is disabled.
    */
-  errors?: FormErrors;
+  disabled = "data-disabled",
   /**
-   * Whether native form validation is disabled.
-   * @default true
+   * Indicates the orientation of the toolbar.
+   * @type {'horizontal' | 'vertical'}
    */
-  noValidate?: boolean;
+  orientation = "data-orientation"
 }
-declare var __VLS_1: {
-    props: Record<string, any>;
-    state: FormState;
-    actions: {
-      validate: (fieldName?: string) => void;
-    };
-  }, __VLS_10: {
-    state: FormState;
-    actions: {
-      validate: (fieldName?: string) => void;
-    };
-  };
+//#endregion
+//#region src/toolbar/separator/ToolbarSeparator.vue.d.ts
+interface ToolbarSeparatorState extends SeparatorState {}
+interface ToolbarSeparatorProps extends SeparatorProps {}
+declare var __VLS_8: {
+  state: SeparatorState;
+};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-} & {
-  default?: (props: typeof __VLS_10) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<FormProps, {
-  actions: {
-    validate: (fieldName?: string) => void;
-  };
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  formSubmit: (formValues: Record<string, unknown>, event: Event) => any;
-}, string, vue.PublicProps, Readonly<FormProps> & Readonly<{
-  onFormSubmit?: ((formValues: Record<string, unknown>, event: Event) => any) | undefined;
-}>, {
-  as: string | vue.Component;
-  validationMode: FormValidationMode;
-  noValidate: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<ToolbarSeparatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ToolbarSeparatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default$22: typeof __VLS_export;
+declare const _default$44: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
-}; //# sourceMappingURL=Form.vue.d.ts.map
+}; //# sourceMappingURL=ToolbarSeparator.vue.d.ts.map
 //#endregion
-//#region src/merge-props/mergeProps.d.ts
-declare function makeEventPreventable<T extends Event>(event: T): BaseUIEvent<T>;
-declare function mergeClasses(ourClass: string | undefined, theirClass: string | undefined): string | undefined;
-declare function mergeObjects<A extends object | undefined, B extends object | undefined>(a: A, b: B): NonNullable<A> | NonNullable<B> | (A & B) | undefined;
-/**
- * Merges Vue prop/attr objects using Base UI Vue semantics.
- *
- * Later props overwrite earlier ones, except for:
- * - Event listeners: merged so the rightmost listener runs first and can prevent earlier listeners.
- * - `class`: merged in rightmost-first order.
- * - `style`: merged using Vue's native style merging.
- */
-declare function mergeProps(...args: (Record<string, any> | undefined)[]): Record<string, any>;
-/**
- * Merges an array of Vue prop/attr objects using the same semantics as {@link mergeProps}.
- *
- * Useful when prop layers are assembled dynamically before being bound with `v-bind`.
- */
-declare function mergePropsN(props: readonly (Record<string, any> | undefined)[]): Record<string, any>;
+//#region src/toolbar/separator/ToolbarSeparatorDataAttributes.d.ts
+declare enum ToolbarSeparatorDataAttributes {
+  /**
+   * Indicates the orientation of the toolbar.
+   * @type {'horizontal' | 'vertical'}
+   */
+  orientation = "data-orientation"
+}
 //#endregion
 //#region src/utils/getStateAttributesProps.d.ts
 type StateAttributesMapping<State> = { [Property in keyof State]?: (state: State[Property]) => Record<string, string> | null };
@@ -1497,5 +3636,5 @@ declare const Slot: Component;
 declare const name = "base-ui-vue";
 declare const version = "0.0.0";
 //#endregion
-export { _default as AccordionHeader, AccordionHeaderProps, _default$1 as AccordionItem, AccordionItemChangeEventDetails, AccordionItemChangeEventReason, type AccordionItemContext, AccordionItemProps, AccordionItemState, _default$2 as AccordionPanel, AccordionPanelProps, AccordionPanelState, _default$3 as AccordionRoot, AccordionRootChangeEventDetails, AccordionRootChangeEventReason, type AccordionRootContext, AccordionRootProps, AccordionRootState, _default$4 as AccordionTrigger, AccordionTriggerProps, AccordionValue, _default$5 as AvatarFallback, type AvatarFallbackProps, type AvatarFallbackState, _default$6 as AvatarImage, AvatarImageDataAttributes, type AvatarImageProps, type AvatarImageState, _default$7 as AvatarRoot, type AvatarRootProps, type AvatarRootState, _default$8 as Button, ButtonProps, ButtonState, CollapsibleChangeEventDetails, CollapsibleChangeEventReason, _default$9 as CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelState, _default$10 as CollapsibleRoot, type CollapsibleRootContext, CollapsibleRootProps, CollapsibleRootState, _default$11 as CollapsibleTrigger, CollapsibleTriggerProps, _default$12 as DirectionProvider, type DirectionProviderProps, _default$13 as FieldControl, FieldControlDataAttributes, type FieldControlProps, type FieldControlState, _default$14 as FieldDescription, type FieldDescriptionProps, type FieldDescriptionState, _default$15 as FieldError, type FieldErrorProps, type FieldErrorState, _default$16 as FieldItem, type FieldItemContext, type FieldItemProps, type FieldItemState, _default$17 as FieldLabel, type FieldLabelProps, type FieldLabelState, _default$18 as FieldRoot, type FieldRootContext, type FieldRootExpose, type FieldRootProps, type FieldRootState, _default$19 as FieldValidity, type FieldValidityData, type FieldValidityState, _default$20 as FieldsetLegend, type FieldsetLegendProps, type FieldsetLegendState, _default$21 as FieldsetRoot, type FieldsetRootContext, type FieldsetRootProps, type FieldsetRootState, _default$22 as Form, type FormActions, type FormContext, type FormErrors, type FormField, type FormProps, type FormState, type FormValidationMode, type ImageLoadingStatus, RenderRef, Slot, type TextDirection, type TransitionStatus, UseRenderComponentProps, UseRenderElementProps, UseRenderParams, UseRenderReturn, accordionItemContextKey, accordionRootContextKey, collapsibleRootContextKey, fieldItemContextKey, fieldRootContextKey, fieldsetRootContextKey, formContextKey, makeEventPreventable, mergeClasses, mergeObjects, mergeProps, mergePropsN, name, useAccordionItemContext, useAccordionRootContext, useCollapsibleRootContext, useDirection, useFieldItemContext, useFieldRootContext, useFieldsetRootContext, useFormContext, useRender, version };
+export { _default as AccordionHeader, AccordionHeaderProps, _default$1 as AccordionItem, AccordionItemChangeEventDetails, AccordionItemChangeEventReason, type AccordionItemContext, AccordionItemProps, AccordionItemState, _default$2 as AccordionPanel, AccordionPanelProps, AccordionPanelState, _default$3 as AccordionRoot, AccordionRootChangeEventDetails, AccordionRootChangeEventReason, type AccordionRootContext, AccordionRootProps, AccordionRootState, _default$4 as AccordionTrigger, AccordionTriggerProps, AccordionValue, _default$5 as AvatarFallback, type AvatarFallbackProps, type AvatarFallbackState, _default$6 as AvatarImage, AvatarImageDataAttributes, type AvatarImageProps, type AvatarImageState, _default$7 as AvatarRoot, type AvatarRootProps, type AvatarRootState, _default$8 as Button, ButtonProps, ButtonState, type CSPContextValue, _default$9 as CSPProvider, type CSPProviderProps, Checkbox, _default$10 as CheckboxGroup, type CheckboxGroupContext, CheckboxGroupDataAttributes, type CheckboxGroupProps, type CheckboxGroupState, _default$11 as CheckboxIndicator, CheckboxIndicatorDataAttributes, type CheckboxIndicatorProps, type CheckboxIndicatorState, _default$12 as CheckboxRoot, type CheckboxRootContext, CheckboxRootDataAttributes, type CheckboxRootProps, type CheckboxRootState, CollapsibleChangeEventDetails, CollapsibleChangeEventReason, _default$13 as CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelState, _default$14 as CollapsibleRoot, type CollapsibleRootContext, CollapsibleRootProps, CollapsibleRootState, _default$15 as CollapsibleTrigger, CollapsibleTriggerProps, _default$16 as DirectionProvider, type DirectionProviderProps, _default$17 as FieldControl, FieldControlDataAttributes, type FieldControlProps, type FieldControlState, _default$18 as FieldDescription, type FieldDescriptionProps, type FieldDescriptionState, _default$19 as FieldError, type FieldErrorProps, type FieldErrorState, _default$20 as FieldItem, type FieldItemContext, type FieldItemProps, type FieldItemState, _default$21 as FieldLabel, type FieldLabelProps, type FieldLabelState, _default$22 as FieldRoot, type FieldRootContext, type FieldRootExpose, type FieldRootProps, type FieldRootState, _default$23 as FieldValidity, type FieldValidityData, type FieldValidityState, _default$24 as FieldsetLegend, type FieldsetLegendProps, type FieldsetLegendState, _default$25 as FieldsetRoot, type FieldsetRootContext, type FieldsetRootProps, type FieldsetRootState, _default$26 as Form, type FormActions, type FormContext, type FormErrors, type FormField, type FormProps, type FormState, type FormValidationMode, type ImageLoadingStatus, _default$11 as Indicator, RenderRef, _default$12 as Root, _default$27 as Separator, SeparatorDataAttributes, type SeparatorProps, type SeparatorState, _default$28 as SliderControl, SliderControlDataAttributes, type SliderControlProps, type SliderControlState, _default$29 as SliderIndicator, SliderIndicatorDataAttributes, type SliderIndicatorProps, type SliderIndicatorState, _default$30 as SliderLabel, type SliderLabelProps, type SliderLabelState, _default$31 as SliderRoot, type SliderRootChangeEventDetails, type SliderRootChangeEventReason, type SliderRootCommitEventDetails, type SliderRootCommitEventReason, type SliderRootContext, SliderRootDataAttributes, type SliderRootProps, type SliderRootState, _default$32 as SliderThumb, SliderThumbDataAttributes, type SliderThumbProps, type SliderThumbState, _default$33 as SliderTrack, SliderTrackDataAttributes, type SliderTrackProps, type SliderTrackState, _default$34 as SliderValue, SliderValueDataAttributes, type SliderValueProps, type SliderValueState, Slot, _default$35 as SwitchRoot, type SwitchRootChangeEventDetails, type SwitchRootChangeEventReason, type SwitchRootContext, SwitchRootDataAttributes, type SwitchRootProps, type SwitchRootState, _default$36 as SwitchThumb, SwitchThumbDataAttributes, type SwitchThumbProps, type SwitchThumbState, type TextDirection, type ThumbMetadata, _default$37 as Toggle, ToggleDataAttributes, _default$38 as ToggleGroup, type ToggleGroupContext, ToggleGroupDataAttributes, type ToggleGroupProps, type ToggleGroupState, type ToggleProps, type ToggleState, _default$39 as ToolbarButton, ToolbarButtonDataAttributes, type ToolbarButtonProps, type ToolbarButtonState, _default$40 as ToolbarGroup, type ToolbarGroupContext, ToolbarGroupDataAttributes, type ToolbarGroupProps, type ToolbarGroupState, _default$41 as ToolbarInput, ToolbarInputDataAttributes, type ToolbarInputProps, type ToolbarInputState, _default$42 as ToolbarLink, ToolbarLinkDataAttributes, type ToolbarLinkProps, type ToolbarLinkState, _default$43 as ToolbarRoot, type ToolbarRootContext, ToolbarRootDataAttributes, type ToolbarRootItemMetadata, type ToolbarRootProps, type ToolbarRootState, _default$44 as ToolbarSeparator, ToolbarSeparatorDataAttributes, type ToolbarSeparatorProps, type ToolbarSeparatorState, type TransitionStatus, type UseCheckboxGroupParentParameters, type UseCheckboxGroupParentReturnValue, UseRenderComponentProps, UseRenderElementProps, UseRenderParams, UseRenderReturn, accordionItemContextKey, accordionRootContextKey, checkboxGroupContextKey, checkboxRootContextKey, collapsibleRootContextKey, fieldItemContextKey, fieldRootContextKey, fieldsetRootContextKey, formContextKey, makeEventPreventable, mergeClasses, mergeObjects, mergeProps, mergePropsN, name, sliderRootContextKey, switchRootContextKey, toggleGroupContextKey, toolbarGroupContextKey, toolbarRootContextKey, useAccordionItemContext, useAccordionRootContext, useCSPContext, useCheckboxGroupContext, useCheckboxRootContext, useCollapsibleRootContext, useDirection, useFieldItemContext, useFieldRootContext, useFieldsetRootContext, useFormContext, useRender, useSliderRootContext, useSwitchRootContext, useToggleGroupContext, useToolbarGroupContext, useToolbarRootContext, version };
 //# sourceMappingURL=index.d.ts.map