ropav 0.0.9 → 0.0.11

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

@@ -0,0 +1,38 @@
+import { CSSProperties, Ref } from 'vue';
+import { FloatingCollisionPadding, FloatingOffset, FloatingPlacement, FloatingReference, FloatingStrategy, FloatingTarget } 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;
+export declare function resolveFloatingTarget(target: string | FloatingReference | null | undefined): FloatingReference | null;
+export declare function useFloatingTarget(getTarget: Source<FloatingTarget | null | undefined>, fallback: Readonly<Ref<Element | null>>): {
+    isExplicitTarget: import('vue').ComputedRef<boolean>;
+    reference: import('vue').ComputedRef<FloatingReference | null>;
+    resolvedTarget: import('vue').ShallowRef<FloatingReference | null, FloatingReference | null>;
+    syncTarget: () => void;
+};
+export declare function useFloatingPosition<TPlacement extends FloatingPlacement>(options: UseFloatingPositionOptions<TPlacement>): UseFloatingPositionReturn<TPlacement>;
+export {};

package/dist/components/focus-trap/focus-trap.d.ts

@@ -0,0 +1,31 @@
+import { FocusTrapPauseOptions, FocusTrapProps, FocusTrapUnpauseOptions } 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<FocusTrapProps & {
+        "onUpdate:active"?: ((value: boolean) => any) | undefined;
+        "onUpdate:paused"?: ((value: boolean) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            active: boolean;
+            paused: boolean;
+            activate: (options?: import('./types.js').FocusTrapActivateOptions) => void;
+            deactivate: (options?: import('./types.js').FocusTrapDeactivateOptions) => void;
+            pause: (options?: FocusTrapPauseOptions) => void;
+            unpause: (options?: FocusTrapUnpauseOptions) => void;
+        }) => any;
+    };
+    emit: ((evt: "update:active", value: boolean) => void) & ((evt: "update:paused", value: boolean) => void);
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/focus-trap/index.d.ts

@@ -0,0 +1,4 @@
+export { default as FocusTrap } from './focus-trap.js';
+export { focusTrapParts } from './types.js';
+export { useFocusTrap } from './useFocusTrap.js';
+export type { FocusTrapActivateOptions, FocusTrapContainer, FocusTrapContainers, FocusTrapDeactivateOptions, FocusTrapInitialFocus, FocusTrapOptions, FocusTrapPauseOptions, FocusTrapPart, FocusTrapProps, FocusTrapSlotProps, FocusTrapTarget, FocusTrapUnpauseOptions, UseFocusTrapOptions, UseFocusTrapReturn, } from './types.js';

package/dist/components/focus-trap/index.js

@@ -0,0 +1,3 @@
+import { t as useFocusTrap } from "../../useFocusTrap.js";
+import { n as focus_trap_default, t as focusTrapParts } from "../../focus-trap.js";
+export { focus_trap_default as FocusTrap, focusTrapParts, useFocusTrap };

package/dist/components/focus-trap/types.d.ts

@@ -0,0 +1,41 @@
+import { FocusTrap as FocusTrapInstance, FocusTargetValueOrFalse, Options as FocusTrapOptions } from 'focus-trap';
+import { MaybeRefOrGetter, Ref, ShallowRef } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const focusTrapParts: readonly ["root"];
+export type FocusTrapPart = (typeof focusTrapParts)[number];
+export type { FocusTrapOptions };
+export type FocusTrapContainer = HTMLElement | SVGElement | string;
+export type FocusTrapContainers = FocusTrapContainer | FocusTrapContainer[];
+export type FocusTrapTarget = MaybeRefOrGetter<FocusTrapContainers | null | undefined>;
+export type FocusTrapInitialFocus = NonNullable<FocusTrapOptions['initialFocus']> | Ref<FocusTargetValueOrFalse | null | undefined>;
+export type FocusTrapActivateOptions = Parameters<FocusTrapInstance['activate']>[0];
+export type FocusTrapDeactivateOptions = Parameters<FocusTrapInstance['deactivate']>[0];
+export type FocusTrapPauseOptions = Parameters<FocusTrapInstance['pause']>[0];
+export type FocusTrapUnpauseOptions = Parameters<FocusTrapInstance['unpause']>[0];
+export interface UseFocusTrapOptions extends FocusTrapOptions {
+    immediate?: boolean;
+}
+export interface FocusTrapProps extends StylesApiProps<FocusTrapPart> {
+    active?: boolean;
+    paused?: boolean;
+    as?: keyof HTMLElementTagNameMap;
+    options?: FocusTrapOptions;
+}
+export interface FocusTrapSlotProps {
+    active: boolean;
+    paused: boolean;
+    activate: (options?: FocusTrapActivateOptions) => void;
+    deactivate: (options?: FocusTrapDeactivateOptions) => void;
+    pause: (options?: FocusTrapPauseOptions) => void;
+    unpause: (options?: FocusTrapUnpauseOptions) => void;
+}
+export interface UseFocusTrapReturn {
+    focusTrap: ShallowRef<FocusTrapInstance | null>;
+    isActive: Readonly<Ref<boolean>>;
+    isPaused: Readonly<Ref<boolean>>;
+    activate: (options?: FocusTrapActivateOptions) => void;
+    deactivate: (options?: FocusTrapDeactivateOptions) => void;
+    pause: (options?: FocusTrapPauseOptions) => void;
+    unpause: (options?: FocusTrapUnpauseOptions) => void;
+    updateContainerElements: (containers: FocusTrapContainers) => void;
+}

package/dist/components/focus-trap/useFocusTrap.d.ts

@@ -0,0 +1,2 @@
+import { FocusTrapTarget, UseFocusTrapOptions, UseFocusTrapReturn } from './types.js';
+export declare function useFocusTrap(target: FocusTrapTarget, options?: Readonly<UseFocusTrapOptions>): UseFocusTrapReturn;

package/dist/components/icon-button/icon-button.d.ts

@@ -1,4 +1,4 @@
-import { IconButtonProps } from './types';
+import { IconButtonProps } 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<IconButtonProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/icon-button/index.d.ts

@@ -1,2 +1,3 @@
-export { default as IconButton } from './icon-button';
-export type { IconButtonColor, IconButtonProps, IconButtonRadius, IconButtonSize, IconButtonVariant, } from './types';
+export { default as IconButton } from './icon-button.js';
+export { iconButtonParts } from './types.js';
+export type { IconButtonColor, IconButtonPart, IconButtonProps, IconButtonRadius, IconButtonSize, IconButtonVariant, } from './types.js';

package/dist/components/icon-button/index.js

@@ -1,2 +1,3 @@
 import { t as icon_button_default } from "../../icon-button.js";
-export { icon_button_default as IconButton };
+import { t as iconButtonParts } from "../../icon-button2.js";
+export { icon_button_default as IconButton, iconButtonParts };

package/dist/components/icon-button/types.d.ts

@@ -1,9 +1,12 @@
-import { ButtonColor, ButtonRadius, ButtonSize, ButtonVariant } from '../button/types';
+import { ButtonColor, ButtonRadius, ButtonSize, ButtonVariant } from '../button/types.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const iconButtonParts: readonly ["root", "loader", "icon"];
+export type IconButtonPart = (typeof iconButtonParts)[number];
 export type IconButtonColor = ButtonColor;
 export type IconButtonSize = ButtonSize;
 export type IconButtonRadius = ButtonRadius;
 export type IconButtonVariant = ButtonVariant;
-export interface IconButtonProps {
+export interface IconButtonProps extends StylesApiProps<IconButtonPart> {
     ariaLabel: string;
     variant?: IconButtonVariant;
     color?: IconButtonColor;

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

@@ -1,2 +1,3 @@
-export { default as Input } from './input';
-export type { InputProps, InputRadius, InputSize } from './types';
+export { default as Input } from './input.js';
+export { inputParts } from './types.js';
+export type { InputPart, InputProps, InputRadius, InputSize } from './types.js';

package/dist/components/input/index.js

@@ -1,2 +1,3 @@
 import { t as input_default } from "../../input.js";
-export { input_default as Input };
+import { t as inputParts } from "../../input2.js";
+export { input_default as Input, inputParts };

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

@@ -1,4 +1,4 @@
-import { InputProps } from './types';
+import { InputProps } 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<InputProps & {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;

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

@@ -1,7 +1,10 @@
 import { InputHTMLAttributes } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const inputParts: readonly ["root", "input", "left", "right"];
+export type InputPart = (typeof inputParts)[number];
 export type InputRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface InputProps {
+export interface InputProps extends StylesApiProps<InputPart> {
     id?: string;
     name?: string;
     modelValue: string;

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

@@ -1,7 +1,7 @@
-import { InputProps } from './types';
+import { InputProps } from './types.js';
 export declare function useInput(props: Readonly<InputProps>, emitUpdate: (value: string) => void): {
     inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
-    control: import('../../composables/useControlState').ControlState;
+    control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
     onInput: (e: Event) => void;
     focusInput: (e: MouseEvent) => void;

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

@@ -1,2 +1,3 @@
-export { default as Modal } from './modal';
-export type { ModalInitialFocus, ModalPresetSize, ModalProps, ModalRole, ModalSize, ModalSlotProps, } from './types';
+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';

package/dist/components/modal/index.js

@@ -1,2 +1,2 @@
-import { t as modal_default } from "../../modal.js";
-export { modal_default as Modal };
+import { n as modal_default, t as modalParts } from "../../modal.js";
+export { modal_default as Modal, modalParts };

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

@@ -1,4 +1,4 @@
-import { ModalProps } from './types';
+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 & {
         "onUpdate:open"?: ((value: boolean) => any) | undefined;

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

@@ -1,17 +1,23 @@
 import { Ref } from 'vue';
-import { OverlayProps } from '../overlay/types';
+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';
+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';
 export type ModalSize = ModalPresetSize | (string & {});
 export type ModalRole = 'dialog' | 'alertdialog';
 export type ModalInitialFocus = string | HTMLElement | Ref<HTMLElement | null | undefined>;
 export type ModalOverlayProps = Pick<OverlayProps, 'color' | 'opacity' | 'gradient' | 'blur'>;
+export type ModalFocusTrapOptions = Omit<FocusTrapOptions, 'allowOutsideClick' | 'clickOutsideDeactivates' | 'escapeDeactivates' | 'fallbackFocus' | 'initialFocus' | 'preventScroll' | 'returnFocusOnDeactivate'>;
 export interface ModalSlotProps {
     isOpen: boolean;
     open: () => void;
     close: () => void;
     toggle: () => void;
 }
-export interface ModalProps {
+export interface ModalProps extends TeleportProps, StylesApiProps<ModalPart> {
     id?: string;
     open?: boolean;
     title?: string;
@@ -28,4 +34,5 @@ export interface ModalProps {
     preventScroll?: boolean;
     returnFocus?: boolean;
     keepMounted?: boolean;
+    focusTrapOptions?: ModalFocusTrapOptions;
 }

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'vue';
-import { ModalProps, ModalRole, ModalSlotProps } from './types';
+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>;
     modalId: import('vue').ComputedRef<string>;

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

@@ -1,2 +1,3 @@
-export { default as NumberInput } from './number-input';
-export type { NumberInputControlsPosition, NumberInputProps, NumberInputRadius, NumberInputSize, NumberInputTextAlign, NumberInputValue, } from './types';
+export { default as NumberInput } from './number-input.js';
+export { numberInputParts } from './types.js';
+export type { NumberInputControlsPosition, NumberInputPart, NumberInputProps, NumberInputRadius, NumberInputSize, NumberInputTextAlign, NumberInputValue, } from './types.js';

package/dist/components/number-input/index.js

@@ -1,2 +1,2 @@
-import { t as number_input_default } from "../../number-input.js";
-export { number_input_default as NumberInput };
+import { n as number_input_default, t as numberInputParts } from "../../number-input.js";
+export { number_input_default as NumberInput, numberInputParts };

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

@@ -1,4 +1,4 @@
-import { NumberInputProps, NumberInputValue } from './types';
+import { NumberInputProps, NumberInputValue } 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<NumberInputProps & {
         "onUpdate:modelValue"?: ((value: NumberInputValue) => any) | undefined;

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

@@ -1,11 +1,14 @@
 import { InputHTMLAttributes } from 'vue';
-import { InputRadius, InputSize } from '../input/types';
+import { InputRadius, InputSize } from '../input/types.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const numberInputParts: readonly ["root", "input", "control"];
+export type NumberInputPart = (typeof numberInputParts)[number];
 export type NumberInputValue = number | null;
 export type NumberInputRadius = InputRadius;
 export type NumberInputSize = InputSize;
 export type NumberInputControlsPosition = 'left' | 'right' | 'split';
 export type NumberInputTextAlign = 'left' | 'center' | 'right';
-export interface NumberInputProps {
+export interface NumberInputProps extends StylesApiProps<NumberInputPart> {
     id?: string;
     name?: string;
     modelValue: NumberInputValue;

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

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'vue';
-import { NumberInputControlsPosition, NumberInputProps, NumberInputTextAlign, NumberInputValue } from './types';
+import { NumberInputControlsPosition, NumberInputProps, NumberInputTextAlign, NumberInputValue } from './types.js';
 export interface NumberInputBounds {
     min: number | undefined;
     max: number | undefined;
@@ -14,7 +14,7 @@ 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): {
-    control: import('../../composables/useControlState').ControlState;
+    control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
     bounds: import('vue').ComputedRef<NumberInputBounds>;
     nativeStep: import('vue').ComputedRef<number>;

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

@@ -1,2 +1,3 @@
-export { default as Overlay } from './overlay';
-export type { OverlayBlur, OverlayProps, OverlayZIndex } from './types';
+export { default as Overlay } from './overlay.js';
+export { overlayParts } from './types.js';
+export type { OverlayBlur, OverlayPart, OverlayProps, OverlayZIndex } from './types.js';

package/dist/components/overlay/index.js

@@ -1,2 +1,3 @@
 import { t as overlay_default } from "../../overlay.js";
-export { overlay_default as Overlay };
+import { t as overlayParts } from "../../overlay2.js";
+export { overlay_default as Overlay, overlayParts };

package/dist/components/overlay/overlay.d.ts

@@ -1,4 +1,4 @@
-import { OverlayProps } from './types';
+import { OverlayProps } 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<OverlayProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,7 +1,10 @@
 import { CSSProperties } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const overlayParts: readonly ["root"];
+export type OverlayPart = (typeof overlayParts)[number];
 export type OverlayZIndex = CSSProperties['zIndex'];
 export type OverlayBlur = number | string;
-export interface OverlayProps {
+export interface OverlayProps extends StylesApiProps<OverlayPart> {
     color?: string;
     opacity?: number;
     gradient?: string;

package/dist/components/overlay/useOverlay.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'vue';
-import { OverlayProps } from './types';
+import { OverlayProps } from './types.js';
 export declare function useOverlay(props: Readonly<OverlayProps>): {
     isRendered: import('vue').ComputedRef<boolean>;
     rootClass: import('vue').ComputedRef<string[]>;

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

@@ -1,3 +1,3 @@
-export { default as Popover } from './popover';
-export { popoverPlacements } from './types';
-export type { PopoverContentSlotProps, PopoverOffset, PopoverOffsetOptions, PopoverPlacement, PopoverProps, PopoverRole, PopoverSlotProps, PopoverTarget, PopoverTriggerProps, } from './types';
+export { default as Popover } from './popover.js';
+export { popoverParts, popoverPlacements } from './types.js';
+export type { PopoverContentSlotProps, PopoverFocusTrapOptions, PopoverOffset, PopoverOffsetOptions, PopoverPart, PopoverPlacement, PopoverProps, PopoverRole, PopoverSlotProps, PopoverTarget, PopoverTriggerProps, } from './types.js';

package/dist/components/popover/index.js

@@ -1,3 +1,3 @@
 import { t as popover_default } from "../../popover.js";
-import { t as popoverPlacements } from "../../popover2.js";
-export { popover_default as Popover, popoverPlacements };
+import { n as popoverPlacements, t as popoverParts } from "../../popover2.js";
+export { popover_default as Popover, popoverParts, popoverPlacements };

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

@@ -1,4 +1,4 @@
-import { PopoverProps } from './types';
+import { PopoverProps, PopoverTriggerProps } 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<PopoverProps & {
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -9,7 +9,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     attrs: any;
     slots: {
         default?: (props: {
-            triggerProps: import('./types').PopoverTriggerProps;
+            triggerProps: PopoverTriggerProps;
             isOpen: boolean;
             open: () => void;
             close: () => void;

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

@@ -1,17 +1,24 @@
-import { Ref } from 'vue';
+import { HTMLAttributes } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+import { FocusTrapInitialFocus, FocusTrapOptions } from '../focus-trap/types.js';
+import { FloatingOffset, FloatingOffsetOptions, FloatingPositionProps, FloatingTarget } from '../floating/types.js';
 export declare const popoverPlacements: readonly ["top-start", "top", "top-end", "right-start", "right", "right-end", "bottom-start", "bottom", "bottom-end", "left-start", "left", "left-end"];
+export declare const popoverParts: readonly ["root", "trigger", "content"];
+export type PopoverPart = (typeof popoverParts)[number];
 export type PopoverPlacement = (typeof popoverPlacements)[number];
-export type PopoverTarget = string | HTMLElement | Ref<HTMLElement | null | undefined>;
-export interface PopoverOffsetOptions {
-    mainAxis?: number;
-    crossAxis?: number;
-}
-export type PopoverOffset = number | PopoverOffsetOptions;
+export type PopoverTarget = FloatingTarget;
+export type PopoverOffsetOptions = FloatingOffsetOptions;
+export type PopoverOffset = FloatingOffset;
 export type PopoverRole = 'dialog';
+export type PopoverFocusTrapOptions = Omit<FocusTrapOptions, 'allowOutsideClick' | 'clickOutsideDeactivates' | 'escapeDeactivates' | 'fallbackFocus' | 'initialFocus' | 'returnFocusOnDeactivate'>;
 export interface PopoverTriggerProps {
     'aria-controls'?: string;
     'aria-expanded'?: boolean;
     'aria-haspopup'?: PopoverRole;
+    class?: HTMLAttributes['class'];
+    style?: HTMLAttributes['style'];
+    'data-state'?: 'open' | 'closed';
+    'data-disabled'?: '';
     onClick: (event: MouseEvent) => void;
     onKeydown: (event: KeyboardEvent) => void;
 }
@@ -28,11 +35,9 @@ export interface PopoverContentSlotProps {
     close: () => void;
     toggle: () => void;
 }
-export interface PopoverProps {
+export interface PopoverProps extends FloatingPositionProps<PopoverPlacement>, StylesApiProps<PopoverPart> {
     id?: string;
-    target?: PopoverTarget | null;
-    placement?: PopoverPlacement;
-    offset?: PopoverOffset;
+    contentClass?: string;
     open?: boolean;
     disabled?: boolean;
     role?: PopoverRole;
@@ -41,4 +46,9 @@ export interface PopoverProps {
     ariaDescribedby?: string;
     closeOnOutsideClick?: boolean;
     closeOnEscape?: boolean;
+    keepMounted?: boolean;
+    trapFocus?: boolean;
+    initialFocus?: FocusTrapInitialFocus | null;
+    returnFocus?: boolean;
+    focusTrapOptions?: PopoverFocusTrapOptions;
 }

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

@@ -1,9 +1,12 @@
 import { CSSProperties } from 'vue';
-import { PopoverContentSlotProps, PopoverProps, PopoverSlotProps, PopoverTriggerProps } from './types';
+import { PopoverContentSlotProps, PopoverProps, PopoverSlotProps, PopoverTriggerProps } from './types.js';
 export declare function usePopover(props: Readonly<PopoverProps>, emitOpenChange?: (open: boolean) => void): {
     rootRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    contentRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    arrowRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     popoverId: import('vue').ComputedRef<string>;
     isOpen: import('vue').ComputedRef<boolean>;
+    isDisabled: import('vue').ComputedRef<boolean>;
     isVisible: import('vue').ComputedRef<boolean>;
     isTargetMode: import('vue').ComputedRef<boolean>;
     popoverRole: import('vue').ComputedRef<"dialog">;
@@ -11,13 +14,19 @@ export declare function usePopover(props: Readonly<PopoverProps>, emitOpenChange
     ariaLabelledby: import('vue').ComputedRef<string | undefined>;
     ariaDescribedby: import('vue').ComputedRef<string | undefined>;
     shouldRenderContent: import('vue').ComputedRef<boolean>;
+    shouldShowContent: import('vue').ComputedRef<boolean>;
     rootClass: import('vue').ComputedRef<string[]>;
-    contentStyle: import('vue').ComputedRef<CSSProperties | undefined>;
+    contentStyle: import('vue').ComputedRef<CSSProperties>;
     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">;
+    placementSide: import('vue').ComputedRef<string>;
+    arrowStyle: import('vue').Ref<CSSProperties | undefined, CSSProperties | undefined>;
+    teleportTo: import('vue').ComputedRef<import('../floating/index.js').TeleportTargetValue>;
     openPopover: () => void;
     closePopover: () => void;
     togglePopover: () => void;
     onTriggerKeydown: (event: KeyboardEvent) => void;
+    onCompositeFocusout: (event: FocusEvent) => void;
 };

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

@@ -1,3 +1,3 @@
-export { default as Progress } from './progress';
-export { progressColors, progressRadiuses, progressSizes } from './types';
-export type { ProgressColor, ProgressProps, ProgressRadius, ProgressSize, ProgressValueFormatter, } from './types';
+export { default as Progress } from './progress.js';
+export { progressColors, progressParts, progressRadiuses, progressSizes } from './types.js';
+export type { ProgressColor, ProgressPart, ProgressProps, ProgressRadius, ProgressSize, ProgressValueFormatter, } from './types.js';

package/dist/components/progress/index.js

@@ -1,2 +1,2 @@
-import { i as progress_default, n as progressRadiuses, r as progressSizes, t as progressColors } from "../../progress.js";
-export { progress_default as Progress, progressColors, progressRadiuses, progressSizes };
+import { a as progress_default, i as progressSizes, n as progressParts, r as progressRadiuses, t as progressColors } from "../../progress.js";
+export { progress_default as Progress, progressColors, progressParts, progressRadiuses, progressSizes };

package/dist/components/progress/progress.d.ts

@@ -1,4 +1,4 @@
-import { ProgressProps } from './types';
+import { ProgressProps } 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<ProgressProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,4 +1,7 @@
-import { ComponentColorValue } from '../../utils/componentColors';
+import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const progressParts: readonly ["root", "label", "value", "track", "indicator"];
+export type ProgressPart = (typeof progressParts)[number];
 export declare const progressColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
 export declare const progressSizes: readonly ["xs", "sm", "md", "lg", "xl"];
 export declare const progressRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
@@ -6,7 +9,7 @@ export type ProgressColor = ComponentColorValue;
 export type ProgressSize = (typeof progressSizes)[number];
 export type ProgressRadius = (typeof progressRadiuses)[number];
 export type ProgressValueFormatter = (value: number, percent: number) => string | number;
-export interface ProgressProps {
+export interface ProgressProps extends StylesApiProps<ProgressPart> {
     id?: string;
     value?: number | null;
     min?: number;

package/dist/components/progress/useProgress.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'vue';
-import { ProgressProps } from './types';
+import { ProgressProps } from './types.js';
 type ProgressStateProps = Readonly<ProgressProps & {
     min: number;
     max: number;
@@ -13,7 +13,7 @@ export declare function normalizeProgressBounds(min: number, max: number): {
 export declare function normalizeProgressValue(value: number | null | undefined, min: number, max: number): number;
 export declare function getProgressValuePercent(value: number, min: number, max: number): number;
 export declare function useProgress(props: ProgressStateProps): {
-    control: import('../../composables/useControlState').ControlState;
+    control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
     rootStyle: import('vue').ComputedRef<CSSProperties>;
     isIndeterminate: import('vue').ComputedRef<boolean>;

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

@@ -1,3 +1,4 @@
-export { default as Radio } from './radio';
-export { default as RadioGroup } from './radio-group';
-export type { RadioColor, RadioGroupProps, RadioProps, RadioSize, RadioVariant } from './types';
+export { default as Radio } from './radio.js';
+export { default as RadioGroup } from './radio-group.js';
+export { radioGroupParts, radioParts } from './types.js';
+export type { RadioColor, RadioGroupOrientation, RadioGroupPart, RadioGroupProps, RadioProps, RadioPart, RadioSize, RadioVariant, } from './types.js';

package/dist/components/radio/index.js

@@ -1,2 +1,2 @@
-import { n as radio_default, t as radio_group_default } from "../../radio.js";
-export { radio_default as Radio, radio_group_default as RadioGroup };
+import { i as radioParts, n as radio_default, r as radioGroupParts, t as radio_group_default } from "../../radio.js";
+export { radio_default as Radio, radio_group_default as RadioGroup, radioGroupParts, radioParts };

package/dist/components/radio/radio-group.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroupProps } from './types';
+import { RadioGroupProps } 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<RadioGroupProps & {
         "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;

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

@@ -1,14 +1,19 @@
-import { RadioProps } from './types';
+import { RadioProps } 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<RadioProps> & (typeof globalThis extends {
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<RadioProps & {
+        onChange?: ((event: Event) => any) | undefined;
+    }> & (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: (options?: FocusOptions) => void;
+    }>) => void;
     attrs: any;
     slots: {
         default?: (props: {}) => any;
     };
-    emit: {};
+    emit: (evt: "change", event: Event) => void;
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };