ropav 0.0.10 → 0.0.12

package/dist/components/textarea/textarea.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<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+        focus: (options?: FocusOptions) => void;
+    }>) => void;
     attrs: any;
     slots: {};
     emit: (evt: "update:modelValue", value: string) => void;

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

@@ -1,10 +1,16 @@
+import { TextareaHTMLAttributes } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const textareaParts: readonly ["root", "input"];
+export type TextareaPart = (typeof textareaParts)[number];
 export type TextareaRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type TextareaSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type TextareaResize = 'none' | 'vertical' | 'both';
-export interface TextareaProps {
+export interface TextareaProps extends StylesApiProps<TextareaPart> {
     id?: string;
     name?: string;
-    modelValue: string;
+    form?: string;
+    modelValue?: string;
+    defaultValue?: string;
     size?: TextareaSize;
     radius?: TextareaRadius;
     resize?: TextareaResize;
@@ -21,4 +27,6 @@ export interface TextareaProps {
     ariaLabel?: string;
     describedby?: string;
     labelledby?: string;
+    inputAttrs?: TextareaHTMLAttributes;
+    validationMessage?: string;
 }

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

@@ -1,9 +1,10 @@
 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[]>;
     nativeRows: import('vue').ComputedRef<number | undefined>;
     onInput: (e: Event) => void;
     focusTextarea: (e: MouseEvent) => void;
+    focus: (options?: FocusOptions) => void;
 };

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

@@ -1,7 +1,8 @@
 export { default as Toast } from './toast.js';
 export { default as ToastProvider } from './toast-provider.js';
 export { default as ToastViewport } from './toast-viewport.js';
-export { toastColors, toastPositions, toastRadiuses, toastTypes, toastVariants } from './types.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, ToastPosition, ToastProps, ToastProviderContext, ToastProviderProps, ToastRadius, ToastRole, ToastStateBindingProps, ToastStateOption, ToastType, ToastUpdateOptions, ToastVariant, ToastViewportProps, 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 toastTypes, i as useToast, l as toastVariants, n as toast_viewport_default, o as toastPositions, r as toast_provider_default, s as toastRadiuses, t as useToastState, u as toast_default } from "../../toast.js";
-export { toast_default as Toast, toast_provider_default as ToastProvider, toast_viewport_default as ToastViewport, toastColors, toastPositions, toastRadiuses, toastTypes, toastVariants, 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/toast.d.ts

@@ -1,8 +1,8 @@
 import { ToastCloseReason, ToastProps } 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<ToastProps & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
         onClose?: ((reason: ToastCloseReason) => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
         "onAfter-leave"?: (() => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -18,7 +18,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     } & {
         action?: (props: {}) => any;
     };
-    emit: ((evt: "update:open", value: boolean) => void) & ((evt: "close", reason: ToastCloseReason) => void) & ((evt: "after-leave") => void);
+    emit: ((evt: "close", reason: ToastCloseReason) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "after-leave") => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

@@ -1,5 +1,11 @@
-import { ComputedRef, InjectionKey, MaybeRefOrGetter } from 'vue';
+import { ComputedRef, InjectionKey, MaybeRefOrGetter, Raw } from 'vue';
+import { TeleportProps } from '../floating/types.js';
 import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const toastParts: readonly ["root", "icon", "title", "description", "body", "action", "close"];
+export declare const toastViewportParts: readonly ["root", "item", "toast", "toastIcon", "toastTitle", "toastDescription", "toastBody", "toastAction", "toastClose"];
+export type ToastPart = (typeof toastParts)[number];
+export type ToastViewportPart = (typeof toastViewportParts)[number];
 export declare const toastColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
 export declare const toastVariants: readonly ["subtle", "surface", "outline", "solid"];
 export declare const toastRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl"];
@@ -11,10 +17,10 @@ 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 {
+export interface ToastProps extends StylesApiProps<ToastPart> {
     open?: boolean;
     title?: string;
     description?: string;
@@ -49,7 +55,7 @@ export interface UseToastStateReturn {
     close: (reason?: ToastCloseReason) => void;
     toggle: () => void;
 }
-export interface ToastProviderProps {
+export interface ToastStoreOptions {
     max?: number;
     duration?: number;
     variant?: ToastVariant;
@@ -62,11 +68,13 @@ export interface ToastProviderProps {
     closable?: boolean;
     closeLabel?: string;
 }
-export interface ToastViewportProps {
+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;
-    teleport?: boolean;
-    teleportTo?: string | HTMLElement;
 }
 export interface ToastOptions extends Omit<ToastProps, 'open'> {
     /** Replaces an active toast with the same id and starts a fresh lifecycle. */
@@ -81,7 +89,7 @@ export interface ToastItem {
     /** A unique key for this rendered instance, including replacements that reuse an id. */
     readonly instanceId: string;
     readonly type: ToastType;
-    readonly props: Readonly<Omit<ToastProps, 'open'>>;
+    readonly props: Readonly<Raw<Omit<ToastProps, 'open'>>>;
     readonly onClose?: (reason: ToastCloseReason) => void;
 }
 export interface ToastViewportSlotProps {
@@ -89,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;
@@ -100,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/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Tooltip } from './tooltip.js';
-export type { TooltipColor, TooltipOffset, TooltipOffsetOptions, TooltipPlacement, TooltipProps, TooltipSlotProps, TooltipTarget, TooltipTriggerProps, } from './types.js';
+export { tooltipParts } from './types.js';
+export type { TooltipColor, TooltipOffset, TooltipOffsetOptions, TooltipPart, TooltipPlacement, TooltipProps, TooltipSlotProps, TooltipTarget, TooltipTriggerProps, } from './types.js';

package/dist/components/tooltip/index.js

@@ -1,2 +1,3 @@
 import { t as tooltip_default } from "../../tooltip.js";
-export { tooltip_default as Tooltip };
+import { t as tooltipParts } from "../../tooltip2.js";
+export { tooltip_default as Tooltip, tooltipParts };

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

@@ -1,4 +1,4 @@
-import { TooltipProps } from './types.js';
+import { TooltipProps, TooltipTriggerProps } 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<TooltipProps & {
         "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.js').TooltipTriggerProps;
+            triggerProps: TooltipTriggerProps;
         }) => any;
     } & {
         content?: (props: {}) => any;

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

@@ -1,30 +1,31 @@
-import { Ref } from 'vue';
+import { HTMLAttributes } from 'vue';
 import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+import { FloatingOffset, FloatingOffsetOptions, FloatingPositionProps, FloatingTarget } from '../floating/types.js';
+export declare const tooltipParts: readonly ["root", "trigger", "content"];
+export type TooltipPart = (typeof tooltipParts)[number];
 export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
 export type TooltipColor = ComponentColorValue;
-export type TooltipTarget = string | HTMLElement | Ref<HTMLElement | null | undefined>;
-export interface TooltipOffsetOptions {
-    mainAxis?: number;
-    crossAxis?: number;
-}
-export type TooltipOffset = number | TooltipOffsetOptions;
+export type TooltipTarget = FloatingTarget;
+export type TooltipOffsetOptions = FloatingOffsetOptions;
+export type TooltipOffset = FloatingOffset;
 export interface TooltipTriggerProps {
     'aria-describedby'?: string;
+    class?: HTMLAttributes['class'];
+    style?: HTMLAttributes['style'];
+    'data-state'?: 'open' | 'closed';
+    'data-disabled'?: '';
 }
 export interface TooltipSlotProps {
     triggerProps: TooltipTriggerProps;
 }
-export interface TooltipProps {
+export interface TooltipProps extends FloatingPositionProps<TooltipPlacement>, StylesApiProps<TooltipPart> {
     id?: string;
     content?: string;
-    target?: TooltipTarget | null;
-    placement?: TooltipPlacement;
     color?: TooltipColor;
     autoContrast?: boolean;
-    offset?: TooltipOffset;
     open?: boolean;
     openDelay?: number;
-    arrow?: boolean;
     disabled?: boolean;
     decorative?: boolean;
 }

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

@@ -1,10 +1,15 @@
 import { CSSProperties } from 'vue';
 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;
-export declare function useTooltip(props: Readonly<TooltipProps>, emitOpenChange?: (open: boolean) => void): {
+export declare function useTooltip(props: Readonly<TooltipBehaviorProps>, 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>;
     tooltipId: import('vue').ComputedRef<string>;
     isOpen: import('vue').ComputedRef<boolean>;
+    isDisabled: import('vue').ComputedRef<boolean>;
     isVisible: import('vue').ComputedRef<boolean>;
     isTargetMode: import('vue').ComputedRef<boolean>;
     shouldRenderContent: import('vue').ComputedRef<boolean>;
@@ -12,8 +17,13 @@ export declare function useTooltip(props: Readonly<TooltipProps>, emitOpenChange
     triggerProps: import('vue').ComputedRef<TooltipTriggerProps>;
     contentRole: import('vue').ComputedRef<"tooltip" | undefined>;
     contentAriaHidden: import('vue').ComputedRef<"true" | undefined>;
-    contentStyle: import('vue').ComputedRef<CSSProperties | undefined>;
+    contentStyle: import('vue').ComputedRef<CSSProperties>;
+    actualPlacement: Readonly<import('vue').Ref<import('../floating/index.js').FloatingPlacement, import('../floating/index.js').FloatingPlacement>>;
+    placementSide: import('vue').ComputedRef<string>;
+    arrowStyle: Readonly<import('vue').Ref<CSSProperties | undefined, CSSProperties | undefined>>;
+    teleportTo: import('vue').ComputedRef<import('../floating/index.js').TeleportTargetValue>;
     openTooltip: () => void;
     closeTooltip: () => void;
     onKeydown: (event: KeyboardEvent) => void;
 };
+export {};

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;