ropav 0.0.11 → 0.0.13

package/dist/components/floating/useFloatingPosition.d.ts

@@ -1,29 +1,6 @@
-import { CSSProperties, Ref } from 'vue';
-import { FloatingCollisionPadding, FloatingOffset, FloatingPlacement, FloatingReference, FloatingStrategy, FloatingTarget } from './types.js';
+import { Ref } from 'vue';
+import { FloatingReference, FloatingTarget, UseFloatingPositionOptions, UseFloatingPositionReturn } from './types.js';
 type Source<T> = () => T;
-export interface UseFloatingPositionOptions<TPlacement extends FloatingPlacement> {
-    reference: Readonly<Ref<FloatingReference | null>>;
-    floating: Ref<HTMLElement | null>;
-    arrow?: Ref<HTMLElement | null>;
-    open: Readonly<Ref<boolean>>;
-    placement: Source<TPlacement>;
-    strategy: Source<FloatingStrategy>;
-    offset: Source<FloatingOffset | undefined>;
-    flip: Source<boolean>;
-    shift: Source<boolean>;
-    collisionPadding: Source<FloatingCollisionPadding>;
-    arrowEnabled: Source<boolean>;
-    restartKey?: Source<unknown>;
-}
-export interface UseFloatingPositionReturn<TPlacement extends FloatingPlacement> {
-    actualPlacement: Ref<TPlacement>;
-    arrowStyle: Ref<CSSProperties | undefined>;
-    floatingStyle: Ref<CSSProperties>;
-    isPositioned: Ref<boolean>;
-    start: () => void;
-    stop: () => void;
-    update: () => Promise<void>;
-}
 export declare function readFloatingTarget(target: FloatingTarget | null | undefined): string | FloatingReference | null | undefined;
 export declare function isVirtualReference(value: unknown): value is FloatingReference;
 export declare function isElementReference(value: unknown): value is Element;
@@ -34,5 +11,5 @@ export declare function useFloatingTarget(getTarget: Source<FloatingTarget | nul
     resolvedTarget: import('vue').ShallowRef<FloatingReference | null, FloatingReference | null>;
     syncTarget: () => void;
 };
-export declare function useFloatingPosition<TPlacement extends FloatingPlacement>(options: UseFloatingPositionOptions<TPlacement>): UseFloatingPositionReturn<TPlacement>;
+export declare function useFloatingPosition(options: UseFloatingPositionOptions): UseFloatingPositionReturn;
 export {};

package/dist/components/floating/useHoverDisclosure.d.ts

@@ -0,0 +1,2 @@
+import { UseHoverDisclosureOptions, UseHoverDisclosureReturn } from './types.js';
+export declare function useHoverDisclosure(options?: Readonly<UseHoverDisclosureOptions>): UseHoverDisclosureReturn;

package/dist/components/input/input.d.ts

@@ -5,7 +5,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: {}) => void;
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        nativeElement: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+        focus: () => void | undefined;
+    }>) => void;
     attrs: any;
     slots: {
         left?: (props: {}) => any;

package/dist/components/input/types.d.ts

@@ -7,7 +7,9 @@ export type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface InputProps extends StylesApiProps<InputPart> {
     id?: string;
     name?: string;
-    modelValue: string;
+    form?: string;
+    modelValue?: string;
+    defaultValue?: string;
     type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
     size?: InputSize;
     radius?: InputRadius;

package/dist/components/modal/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Modal } from './modal.js';
 export { modalParts } from './types.js';
-export type { ModalFocusTrapOptions, ModalInitialFocus, ModalPart, ModalPresetSize, ModalProps, ModalRole, ModalSize, ModalSlotProps, } from './types.js';
+export type { ModalFocusTrapOptions, ModalInitialFocus, ModalCloseReason, ModalPart, ModalPresetSize, ModalProps, ModalRole, ModalSize, ModalSlotProps, } from './types.js';

package/dist/components/modal/modal.d.ts

@@ -1,6 +1,8 @@
+import { DialogCloseReason } from '../dialog/index.js';
 import { ModalProps } from './types.js';
 declare const __VLS_export: (__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: import('vue').PublicProps & __VLS_PrettifyLocal<ModalProps & {
+        onClose?: ((reason: DialogCloseReason) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -29,7 +31,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
             toggle: () => void;
         }) => any;
     };
-    emit: (evt: "update:open", value: boolean) => void;
+    emit: ((evt: "close", reason: DialogCloseReason) => void) & ((evt: "update:open", value: boolean) => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/components/modal/types.d.ts

@@ -3,6 +3,7 @@ import { FocusTrapOptions } from '../focus-trap/types.js';
 import { TeleportProps } from '../floating/types.js';
 import { OverlayProps } from '../overlay/types.js';
 import { StylesApiProps } from '../../styles-api.js';
+import { DialogCloseReason } from '../dialog/types.js';
 export declare const modalParts: readonly ["root", "overlay", "panel", "header", "title", "description", "body", "footer", "close"];
 export type ModalPart = (typeof modalParts)[number];
 export type ModalPresetSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
@@ -34,5 +35,7 @@ export interface ModalProps extends TeleportProps, StylesApiProps<ModalPart> {
     preventScroll?: boolean;
     returnFocus?: boolean;
     keepMounted?: boolean;
+    modal?: boolean;
     focusTrapOptions?: ModalFocusTrapOptions;
 }
+export type { DialogCloseReason as ModalCloseReason };

package/dist/components/modal/useModal.d.ts

@@ -1,7 +1,10 @@
 import { CSSProperties } from 'vue';
+import { DialogCloseReason } from '../dialog/types.js';
 import { ModalProps, ModalRole, ModalSlotProps } from './types.js';
-export declare function useModal(props: Readonly<ModalProps>, emitOpenChange?: (open: boolean) => void): {
-    panelRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+export declare function useModal(props: Readonly<ModalProps>, emit?: {
+    openChange?: (open: boolean) => void;
+    close?: (reason: DialogCloseReason) => void;
+}): {
     modalId: import('vue').ComputedRef<string>;
     titleId: import('vue').ComputedRef<string>;
     descriptionId: import('vue').ComputedRef<string>;
@@ -23,7 +26,7 @@ export declare function useModal(props: Readonly<ModalProps>, emitOpenChange?: (
     }>;
     slotProps: import('vue').ComputedRef<ModalSlotProps>;
     openModal: () => void;
-    closeModal: () => void;
+    closeModal: (reason?: DialogCloseReason) => void;
     toggleModal: () => void;
-    onOverlayClick: (event: MouseEvent) => void;
+    setOpen: (nextOpen: boolean) => void;
 };

package/dist/components/number-input/types.d.ts

@@ -11,7 +11,9 @@ export type NumberInputTextAlign = 'left' | 'center' | 'right';
 export interface NumberInputProps extends StylesApiProps<NumberInputPart> {
     id?: string;
     name?: string;
-    modelValue: NumberInputValue;
+    form?: string;
+    modelValue?: NumberInputValue;
+    defaultValue?: NumberInputValue;
     min?: number;
     max?: number;
     step?: number;

package/dist/components/number-input/useNumberInput.d.ts

@@ -13,7 +13,8 @@ export declare function stepNumberInputValue(value: NumberInputValue, direction:
 export declare function parseNumberInputValue(value: string): NumberInputValue;
 export declare function normalizeNumberInputControlsPosition(position: NumberInputControlsPosition | undefined): NumberInputControlsPosition;
 export declare function normalizeNumberInputTextAlign(textAlign: NumberInputTextAlign | undefined): NumberInputTextAlign;
-export declare function useNumberInput(props: Readonly<NumberInputProps>, emitUpdate: (value: NumberInputValue) => void): {
+export declare function getModelInputValue(value: NumberInputValue): string;
+export declare function useNumberInput(props: Readonly<NumberInputProps>, emitUpdate: (value: NumberInputValue) => void, getValue?: () => NumberInputValue): {
     control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
     bounds: import('vue').ComputedRef<NumberInputBounds>;

package/dist/components/popover/usePopover.d.ts

@@ -20,9 +20,9 @@ export declare function usePopover(props: Readonly<PopoverProps>, emitOpenChange
     triggerProps: import('vue').ComputedRef<PopoverTriggerProps>;
     slotProps: import('vue').ComputedRef<PopoverSlotProps>;
     contentSlotProps: import('vue').ComputedRef<PopoverContentSlotProps>;
-    actualPlacement: import('vue').Ref<"left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start", "left" | "right" | "bottom" | "top" | "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start">;
+    actualPlacement: Readonly<import('vue').Ref<import('../floating/index.js').FloatingPlacement, import('../floating/index.js').FloatingPlacement>>;
     placementSide: import('vue').ComputedRef<string>;
-    arrowStyle: import('vue').Ref<CSSProperties | undefined, CSSProperties | undefined>;
+    arrowStyle: Readonly<import('vue').Ref<CSSProperties | undefined, CSSProperties | undefined>>;
     teleportTo: import('vue').ComputedRef<import('../floating/index.js').TeleportTargetValue>;
     openPopover: () => void;
     closePopover: () => void;

package/dist/components/radio/types.d.ts

@@ -12,6 +12,7 @@ export type RadioGroupOrientation = 'horizontal' | 'vertical';
 export interface RadioProps extends StylesApiProps<RadioPart> {
     id?: string;
     name?: string;
+    form?: string;
     value: string | number;
     checked?: boolean;
     variant?: RadioVariant;
@@ -25,11 +26,14 @@ export interface RadioProps extends StylesApiProps<RadioPart> {
     describedby?: string;
     labelledby?: string;
     inputAttrs?: InputHTMLAttributes;
+    validationMessage?: string;
 }
 export interface RadioGroupProps extends StylesApiProps<RadioGroupPart> {
     id?: string;
     name?: string;
-    modelValue: string | number | null;
+    form?: string;
+    modelValue?: string | number | null;
+    defaultValue?: string | number | null;
     variant?: RadioVariant;
     color?: RadioColor;
     autoContrast?: boolean;
@@ -41,10 +45,20 @@ export interface RadioGroupProps extends StylesApiProps<RadioGroupPart> {
     ariaLabel?: string;
     describedby?: string;
     labelledby?: string;
+    inputAttrs?: InputHTMLAttributes;
+    validationMessage?: string;
+}
+export interface RadioGroupRegistration {
+    input: HTMLInputElement;
+    value: () => string | number;
+    disabled: () => boolean;
+    checked: () => boolean;
+    validationMessage: () => string | undefined;
 }
 export interface RadioGroupContext {
     modelValue: string | number | null;
     name: string;
+    form: string | undefined;
     disabled: boolean;
     required: boolean;
     invalid: boolean;
@@ -52,6 +66,8 @@ export interface RadioGroupContext {
     color?: RadioColor;
     autoContrast?: boolean;
     size?: RadioSize;
+    inputAttrs: InputHTMLAttributes | undefined;
     select: (value: string | number) => void;
+    register: (registration: RadioGroupRegistration) => () => void;
 }
 export declare const radioGroupKey: InjectionKey<RadioGroupContext>;

package/dist/components/radio/useRadio.d.ts

@@ -4,6 +4,8 @@ export declare function useRadio(props: Readonly<RadioProps>, emitChange: (event
     inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
     control: import('../../composables/useControlState.js').ControlState;
     name: import('vue').ComputedRef<string | undefined>;
+    form: import('vue').ComputedRef<string | undefined>;
+    groupInputAttrs: import('vue').ComputedRef<import('vue').InputHTMLAttributes | undefined>;
     isChecked: import('vue').ComputedRef<boolean>;
     isDisabled: import('vue').ComputedRef<boolean>;
     isRequired: import('vue').ComputedRef<boolean>;
@@ -16,4 +18,5 @@ export declare function useRadio(props: Readonly<RadioProps>, emitChange: (event
 export declare function useRadioGroup(props: Readonly<RadioGroupProps>, emitUpdate: (value: string | number | null) => void): {
     control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
+    value: import('vue').ComputedRef<string | number | null>;
 };

package/dist/components/select/select.d.ts

@@ -5,7 +5,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: {}) => void;
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        nativeElement: import('vue').Ref<HTMLSelectElement | null, HTMLSelectElement | null>;
+        focus: () => void | undefined;
+    }>) => void;
     attrs: any;
     slots: {
         empty?: (props: {}) => any;

package/dist/components/select/types.d.ts

@@ -1,3 +1,4 @@
+import { SelectHTMLAttributes } from 'vue';
 import { StylesApiProps } from '../../styles-api.js';
 export interface SelectOption {
     label: string;
@@ -9,7 +10,9 @@ export type SelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface SelectProps extends StylesApiProps<SelectPart> {
     id?: string;
     name?: string;
-    modelValue: string | number | null;
+    form?: string;
+    modelValue?: string | number | null;
+    defaultValue?: string | number | null;
     options?: SelectOption[];
     size?: SelectSize;
     radius?: SelectRadius;
@@ -22,6 +25,8 @@ export interface SelectProps extends StylesApiProps<SelectPart> {
     ariaLabel?: string;
     describedby?: string;
     labelledby?: string;
+    inputAttrs?: SelectHTMLAttributes;
+    validationMessage?: string;
 }
 export declare const selectParts: readonly ["root", "trigger", "value", "indicator", "clear", "content", "option", "empty"];
 export type SelectPart = (typeof selectParts)[number];

package/dist/components/select/useSelect.d.ts

@@ -1,7 +1,7 @@
 import { SelectOption, SelectProps } from './types.js';
 type SelectValue = string | number | null;
-type SelectBehaviorProps = Omit<SelectProps, 'classNames' | 'styles'>;
-export declare function useSelect(props: Readonly<SelectBehaviorProps>, emitUpdate: (value: SelectValue) => void): {
+type SelectBehaviorProps = Omit<SelectProps, 'classNames' | 'styles' | 'inputAttrs'>;
+export declare function useSelect(props: Readonly<SelectBehaviorProps>, emitUpdate: (value: SelectValue) => void, getValue?: () => SelectValue): {
     selectRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     triggerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     isOpen: import('vue').Ref<boolean, boolean>;
@@ -14,6 +14,7 @@ export declare function useSelect(props: Readonly<SelectBehaviorProps>, emitUpda
     rootClass: import('vue').ComputedRef<string[]>;
     hasValue: import('vue').ComputedRef<boolean>;
     displayLabel: import('vue').ComputedRef<string>;
+    value: import('vue').ComputedRef<SelectValue>;
     canClear: import('vue').ComputedRef<boolean>;
     toggle: () => void;
     selectOption: (option: SelectOption) => void;

package/dist/components/slider/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Slider } from './slider.js';
 export { default as RangeSlider } from './range-slider.js';
 export { rangeSliderParts, sliderColors, sliderOrientations, sliderParts, sliderSizes, } from './types.js';
-export type { RangeSliderAriaValueText, RangeSliderEndpointValueText, RangeSliderInputAttrs, RangeSliderPart, RangeSliderProps, RangeSliderThumb, RangeSliderValue, SliderColor, SliderInputAttrs, SliderMark, SliderMarkColor, SliderMarkInput, SliderOrientation, SliderPart, SliderProps, SliderPresetColor, SliderSize, SliderThumbStyle, SliderTooltip, SliderTooltipMode, SliderTooltipOptions, SliderValueFormatter, } from './types.js';
+export type { RangeSliderAriaValueText, RangeSliderEndpointValueText, RangeSliderInputAttrs, RangeSliderPart, RangeSliderProps, RangeSliderThumb, RangeSliderValue, RangeSliderValidationMessage, SliderColor, SliderInputAttrs, SliderMark, SliderMarkColor, SliderMarkInput, SliderOrientation, SliderPart, SliderProps, SliderPresetColor, SliderSize, SliderThumbStyle, SliderTooltip, SliderTooltipMode, SliderTooltipOptions, SliderValueFormatter, } from './types.js';

package/dist/components/slider/range-slider.d.ts

@@ -1,4 +1,4 @@
-import { RangeSliderProps } from './types.js';
+import { RangeSliderProps, RangeSliderValue } from './types.js';
 declare const __VLS_export: (__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: import('vue').PublicProps & __VLS_PrettifyLocal<RangeSliderProps & {
         "onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
@@ -14,9 +14,9 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
         default?: (props: {}) => any;
     } & {
         value?: (props: {
-            value: import('./types.js').RangeSliderValue;
+            value: RangeSliderValue;
             formattedValue: [string | number, string | number];
-            percent: import('./types.js').RangeSliderValue;
+            percent: RangeSliderValue;
         }) => any;
     } & {
         thumb?: (props: {

package/dist/components/slider/types.d.ts

@@ -20,6 +20,7 @@ export type SliderInputAttrs = InputHTMLAttributes;
 export type RangeSliderInputAttrs = SliderInputAttrs | [SliderInputAttrs | undefined, SliderInputAttrs | undefined];
 export type RangeSliderEndpointValueText = string | SliderValueFormatter;
 export type RangeSliderAriaValueText = RangeSliderEndpointValueText | [RangeSliderEndpointValueText, RangeSliderEndpointValueText];
+export type RangeSliderValidationMessage = string | [string | undefined, string | undefined];
 export type SliderTooltipMode = 'hover' | 'always';
 export type SliderTooltipOptions = Pick<TooltipProps, 'id' | 'placement' | 'color' | 'offset' | 'openDelay' | 'arrow'> & {
     mode?: SliderTooltipMode;
@@ -41,7 +42,9 @@ export interface SliderThumbStyle {
 export interface SliderProps extends StylesApiProps<SliderPart> {
     id?: string;
     name?: string;
-    modelValue: number;
+    form?: string;
+    modelValue?: number;
+    defaultValue?: number;
     min?: number;
     max?: number;
     step?: number | 'any';
@@ -53,17 +56,22 @@ export interface SliderProps extends StylesApiProps<SliderPart> {
     size?: SliderSize;
     orientation?: SliderOrientation;
     disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
     ariaLabel?: string;
     ariaValueText?: string | SliderValueFormatter;
     describedby?: string;
     labelledby?: string;
     inputAttrs?: SliderInputAttrs;
+    validationMessage?: string;
 }
-export interface RangeSliderProps extends Omit<SliderProps, 'modelValue' | 'name' | 'ariaLabel' | 'ariaValueText' | 'inputAttrs' | 'classNames' | 'styles'>, StylesApiProps<RangeSliderPart> {
-    modelValue: RangeSliderValue;
+export interface RangeSliderProps extends Omit<SliderProps, 'modelValue' | 'defaultValue' | 'name' | 'ariaLabel' | 'ariaValueText' | 'inputAttrs' | 'validationMessage' | 'classNames' | 'styles'>, StylesApiProps<RangeSliderPart> {
+    modelValue?: RangeSliderValue;
+    defaultValue?: RangeSliderValue;
     minRange?: number;
     name?: string | [string, string];
     ariaLabel?: [string, string];
     ariaValueText?: RangeSliderAriaValueText;
     inputAttrs?: RangeSliderInputAttrs;
+    validationMessage?: RangeSliderValidationMessage;
 }

package/dist/components/slider/useRangeSlider.d.ts

@@ -12,7 +12,7 @@ type RangeSliderStateProps = Readonly<RangeSliderProps & {
 export declare function normalizeRangeSliderMinRange(minRange: number, min: number, max: number): number;
 export declare function normalizeRangeSliderValue(value: RangeSliderValue, min: number, max: number, step: number | 'any', minRange?: number): RangeSliderValue;
 export declare function getClosestRangeSliderThumb(value: number, range: RangeSliderValue, activeThumb?: RangeSliderThumb): RangeSliderThumb;
-export declare function useRangeSlider(props: RangeSliderStateProps, emitUpdate: (value: RangeSliderValue) => void): {
+export declare function useRangeSlider(props: RangeSliderStateProps, emitUpdate: (value: RangeSliderValue) => void, getValue?: () => RangeSliderValue): {
     control: import('../../composables/useControlState.js').ControlState;
     nativeMin: import('vue').ComputedRef<RangeSliderValue>;
     nativeMax: import('vue').ComputedRef<RangeSliderValue>;

package/dist/components/slider/useSlider.d.ts

@@ -8,7 +8,7 @@ type SliderStateProps = Readonly<SliderProps & {
     tooltip: NonNullable<SliderProps['tooltip']>;
     orientation: NonNullable<SliderProps['orientation']>;
 }>;
-export declare function useSlider(props: SliderStateProps, emitUpdate: (value: number) => void): {
+export declare function useSlider(props: SliderStateProps, emitUpdate: (value: number) => void, getValue?: () => number): {
     control: import('../../composables/useControlState.js').ControlState;
     nativeMin: import('vue').ComputedRef<number>;
     nativeMax: import('vue').ComputedRef<number>;

package/dist/components/switch/types.d.ts

@@ -8,7 +8,10 @@ export type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface SwitchProps extends StylesApiProps<SwitchPart> {
     id?: string;
     name?: string;
-    modelValue: boolean;
+    form?: string;
+    modelValue?: boolean;
+    defaultValue?: boolean;
+    value?: string | number;
     color?: SwitchColor;
     size?: SwitchSize;
     disabled?: boolean;
@@ -18,4 +21,5 @@ export interface SwitchProps extends StylesApiProps<SwitchPart> {
     describedby?: string;
     labelledby?: string;
     inputAttrs?: InputHTMLAttributes;
+    validationMessage?: string;
 }

package/dist/components/switch/useSwitch.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'vue';
 import { SwitchProps } from './types.js';
-export declare function useSwitch(props: Readonly<SwitchProps>, emitUpdate: (value: boolean) => void): {
+export declare function useSwitch(props: Readonly<SwitchProps>, emitUpdate: (value: boolean) => void, getValue?: () => boolean): {
     inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
     control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;

package/dist/components/teleport-provider/index.d.ts

@@ -1,2 +1,3 @@
 export { default as TeleportProvider } from './teleport-provider.js';
+export { useTeleportTarget } from './useTeleportTarget.js';
 export type { TeleportProviderProps } from './types.js';

package/dist/components/teleport-provider/index.js

@@ -1,2 +1,3 @@
+import { r as useTeleportTarget } from "../../useTeleportTarget.js";
 import { t as teleport_provider_default } from "../../teleport-provider.js";
-export { teleport_provider_default as TeleportProvider };
+export { teleport_provider_default as TeleportProvider, useTeleportTarget };

package/dist/components/teleport-provider/useTeleportTarget.d.ts

@@ -1,5 +1,6 @@
-import { ComputedRef } from 'vue';
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
 import { TeleportTarget, TeleportTargetValue } from '../floating/types.js';
 import { TeleportProviderProps } from './types.js';
-export declare function provideTeleportTarget(props: Readonly<TeleportProviderProps>): ComputedRef<TeleportTargetValue>;
-export declare function useTeleportTarget(getTarget: () => TeleportTarget | null | undefined): ComputedRef<TeleportTargetValue>;
+export declare function provideTeleportTarget(props: Readonly<TeleportProviderProps>, positioningKey?: MaybeRefOrGetter<unknown>): ComputedRef<TeleportTargetValue>;
+export declare function useTeleportTarget(target?: MaybeRefOrGetter<TeleportTarget | null | undefined>): ComputedRef<TeleportTargetValue>;
+export declare function useTeleportPositioningKey(): ComputedRef<unknown>;

package/dist/components/textarea/types.d.ts

@@ -8,7 +8,9 @@ export type TextareaResize = 'none' | 'vertical' | 'both';
 export interface TextareaProps extends StylesApiProps<TextareaPart> {
     id?: string;
     name?: string;
-    modelValue: string;
+    form?: string;
+    modelValue?: string;
+    defaultValue?: string;
     size?: TextareaSize;
     radius?: TextareaRadius;
     resize?: TextareaResize;
@@ -26,4 +28,5 @@ export interface TextareaProps extends StylesApiProps<TextareaPart> {
     describedby?: string;
     labelledby?: string;
     inputAttrs?: TextareaHTMLAttributes;
+    validationMessage?: string;
 }

package/dist/components/textarea/useTextarea.d.ts

@@ -1,5 +1,5 @@
 import { TextareaProps } from './types.js';
-export declare function useTextarea(props: Readonly<TextareaProps>, emitUpdate: (value: string) => void): {
+export declare function useTextarea(props: Readonly<TextareaProps>, emitUpdate: (value: string) => void, getValue?: () => string): {
     textareaRef: import('vue').Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
     control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;

package/dist/components/toast/index.d.ts

@@ -4,4 +4,5 @@ export { default as ToastViewport } from './toast-viewport.js';
 export { toastColors, toastParts, toastPositions, toastRadiuses, toastTypes, toastVariants, toastViewportParts, } from './types.js';
 export { useToast } from './useToast.js';
 export { useToastState } from './useToastState.js';
-export type { ToastCloseReason, ToastColor, ToastCreate, ToastId, ToastInput, ToastItem, ToastOptions, ToastPart, ToastPosition, ToastProps, ToastProviderContext, ToastProviderProps, ToastRadius, ToastRole, ToastStateBindingProps, ToastStateOption, ToastType, ToastUpdateOptions, ToastVariant, ToastViewportProps, ToastViewportPart, ToastViewportSlotProps, UseToastReturn, UseToastStateOptions, UseToastStateReturn, } from './types.js';
+export { createToastStore } from './toast-store.js';
+export type { ToastCloseReason, ToastColor, ToastCreate, ToastId, ToastInput, ToastItem, ToastOptions, ToastPart, ToastPosition, ToastProps, ToastProviderContext, ToastProviderProps, ToastRadius, ToastRole, ToastStateBindingProps, ToastStateOption, ToastStore, ToastStoreOptions, ToastType, ToastUpdateOptions, ToastVariant, ToastViewportProps, ToastViewportPart, ToastViewportSlotProps, UseToastReturn, UseToastStateOptions, UseToastStateReturn, } from './types.js';

package/dist/components/toast/index.js

@@ -1,2 +1,2 @@
-import { a as toastColors, c as toastRadiuses, d as toastViewportParts, f as toast_default, i as useToast, l as toastTypes, n as toast_viewport_default, o as toastParts, r as toast_provider_default, s as toastPositions, t as useToastState, u as toastVariants } from "../../toast.js";
-export { toast_default as Toast, toast_provider_default as ToastProvider, toast_viewport_default as ToastViewport, toastColors, toastParts, toastPositions, toastRadiuses, toastTypes, toastVariants, toastViewportParts, useToast, useToastState };
+import { a as toastColors, c as toastRadiuses, d as toastViewportParts, f as createToastStore, i as useToast, l as toastTypes, n as toast_viewport_default, o as toastParts, p as toast_default, r as toast_provider_default, s as toastPositions, t as useToastState, u as toastVariants } from "../../toast.js";
+export { toast_default as Toast, toast_provider_default as ToastProvider, toast_viewport_default as ToastViewport, createToastStore, toastColors, toastParts, toastPositions, toastRadiuses, toastTypes, toastVariants, toastViewportParts, useToast, useToastState };

package/dist/components/toast/toast-store.d.ts

@@ -0,0 +1,2 @@
+import { ToastStore, ToastStoreOptions } from './types.js';
+export declare function createToastStore(options?: Readonly<ToastStoreOptions>): ToastStore;

package/dist/components/toast/types.d.ts

@@ -17,7 +17,7 @@ export type ToastRadius = (typeof toastRadiuses)[number];
 export type ToastPosition = (typeof toastPositions)[number];
 export type ToastType = (typeof toastTypes)[number];
 export type ToastRole = 'alert' | 'status' | 'none';
-export type ToastCloseReason = 'dismiss' | 'timeout';
+export type ToastCloseReason = 'dismiss' | 'overflow' | 'replace' | 'timeout';
 export type ToastStateOption<T> = MaybeRefOrGetter<T>;
 export type ToastId = string;
 export interface ToastProps extends StylesApiProps<ToastPart> {
@@ -55,7 +55,7 @@ export interface UseToastStateReturn {
     close: (reason?: ToastCloseReason) => void;
     toggle: () => void;
 }
-export interface ToastProviderProps {
+export interface ToastStoreOptions {
     max?: number;
     duration?: number;
     variant?: ToastVariant;
@@ -68,6 +68,10 @@ export interface ToastProviderProps {
     closable?: boolean;
     closeLabel?: string;
 }
+export interface ToastProviderProps extends ToastStoreOptions {
+    /** Uses an existing store and its options instead of creating a provider-scoped store. */
+    store?: ToastStore;
+}
 export interface ToastViewportProps extends TeleportProps, StylesApiProps<ToastViewportPart> {
     position?: ToastPosition;
     label?: string;
@@ -93,7 +97,7 @@ export interface ToastViewportSlotProps {
     dismiss: () => void;
 }
 export type ToastCreate = (input: ToastInput, options?: ToastOptions) => ToastId;
-export interface UseToastReturn {
+export interface ToastStore {
     toasts: ComputedRef<readonly ToastItem[]>;
     show: ToastCreate;
     success: ToastCreate;
@@ -104,7 +108,9 @@ export interface UseToastReturn {
     dismiss: (id: ToastId, reason?: ToastCloseReason) => void;
     dismissAll: (reason?: ToastCloseReason) => void;
 }
-export interface ToastProviderContext extends UseToastReturn {
+export interface UseToastReturn extends ToastStore {
+}
+export interface ToastProviderContext extends ToastStore {
     dismissInstance: (instanceId: string, reason?: ToastCloseReason) => void;
 }
 export declare const toastProviderKey: InjectionKey<ToastProviderContext>;

package/dist/components/toast/useToast.d.ts

@@ -1,4 +1,4 @@
-import { ToastProviderContext, ToastProviderProps, UseToastReturn } from './types.js';
-export declare function provideToast(props: Readonly<ToastProviderProps>): ToastProviderContext;
+import { ToastProviderContext, ToastStore, UseToastReturn } from './types.js';
+export declare function provideToast(store: ToastStore): ToastProviderContext;
 export declare function useToastContext(consumer: string): ToastProviderContext;
 export declare function useToast(): UseToastReturn;

package/dist/components/tooltip/useTooltip.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'vue';
-import { TooltipOffset, TooltipPlacement, TooltipProps, TooltipTriggerProps } from './types.js';
+import { TooltipOffset, TooltipProps, TooltipTriggerProps } from './types.js';
 type TooltipBehaviorProps = Omit<TooltipProps, 'classNames' | 'styles'>;
 export declare function resolveTooltipOffsetStyle(offset: TooltipOffset | undefined): CSSProperties | undefined;
 export declare function resolveTooltipColorStyleWithContrast(color: TooltipProps['color'], autoContrast: TooltipProps['autoContrast']): CSSProperties | undefined;
@@ -18,9 +18,9 @@ export declare function useTooltip(props: Readonly<TooltipBehaviorProps>, emitOp
     contentRole: import('vue').ComputedRef<"tooltip" | undefined>;
     contentAriaHidden: import('vue').ComputedRef<"true" | undefined>;
     contentStyle: import('vue').ComputedRef<CSSProperties>;
-    actualPlacement: import('vue').Ref<TooltipPlacement, TooltipPlacement>;
+    actualPlacement: Readonly<import('vue').Ref<import('../floating/index.js').FloatingPlacement, import('../floating/index.js').FloatingPlacement>>;
     placementSide: import('vue').ComputedRef<string>;
-    arrowStyle: import('vue').Ref<CSSProperties | undefined, CSSProperties | undefined>;
+    arrowStyle: Readonly<import('vue').Ref<CSSProperties | undefined, CSSProperties | undefined>>;
     teleportTo: import('vue').ComputedRef<import('../floating/index.js').TeleportTargetValue>;
     openTooltip: () => void;
     closeTooltip: () => void;

package/dist/composables/useOverlayLayer.d.ts

@@ -0,0 +1,32 @@
+import { ComputedRef, MaybeRefOrGetter, Ref, ShallowRef } from 'vue';
+export interface OverlayLayerContext {
+    id: symbol;
+    element: Ref<HTMLElement | null>;
+    active: ComputedRef<boolean>;
+    modal: ComputedRef<boolean>;
+    modalEffects: boolean;
+    preventScroll: ComputedRef<boolean>;
+    branches: Readonly<ShallowRef<readonly HTMLElement[]>>;
+    focusBranches: Readonly<ShallowRef<readonly HTMLElement[]>>;
+    zIndex: Readonly<Ref<number>>;
+    isTopLayer: () => boolean;
+    isInside: (event: Event, additional?: readonly (Element | null | undefined)[]) => boolean;
+    registerBranch: (element: HTMLElement, options?: {
+        focus?: boolean;
+        inside?: boolean;
+    }) => () => void;
+}
+export interface UseOverlayLayerOptions {
+    active: MaybeRefOrGetter<boolean>;
+    element: Ref<HTMLElement | null>;
+    modal?: MaybeRefOrGetter<boolean>;
+    modalEffects?: boolean;
+    preventScroll?: MaybeRefOrGetter<boolean>;
+    baseZIndex?: number;
+}
+export declare function useOverlayLayer(options: UseOverlayLayerOptions): OverlayLayerContext;
+export declare function useOverlayLayerBranch(element: Ref<HTMLElement | null>, options?: {
+    focus?: boolean;
+    inside?: boolean;
+}): OverlayLayerContext | null;
+export declare function useParentOverlayLayer(): OverlayLayerContext | null;