ropav 0.0.8 → 0.0.10

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

@@ -1,4 +1,4 @@
-import { ComponentColorValue } from '../../utils/componentColors';
+import { ComponentColorValue } from '../../utils/componentColors.js';
 export type SwitchColor = ComponentColorValue;
 export type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface SwitchProps {

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

@@ -1,9 +1,8 @@
-import { SwitchProps } from './types';
+import { CSSProperties } from 'vue';
+import { SwitchProps } from './types.js';
 export declare function useSwitch(props: Readonly<SwitchProps>, emitUpdate: (value: boolean) => void): {
-    control: import('../../composables/useControlState').ControlState;
+    control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
-    rootStyle: import('vue').ComputedRef<{
-        '--_rp-switch-custom-color': string & {};
-    } | undefined>;
+    rootStyle: import('vue').ComputedRef<CSSProperties | undefined>;
     onChange: (e: Event) => void;
 };

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

@@ -1,6 +1,6 @@
-export { default as Tabs } from './tabs';
-export { default as TabsContent } from './tabs-content';
-export { default as TabsList } from './tabs-list';
-export { default as TabsTrigger } from './tabs-trigger';
-export { useTabs, useTabsContent, useTabsList, useTabsTrigger } from './useTabs';
-export type { TabsActivationMode, TabsContentProps, TabsContentRootProps, TabsContentSlotProps, TabsListProps, TabsListRootProps, TabsListSlotProps, TabsOrientation, TabsPlacement, TabsProps, TabsRootProps, TabsSlotProps, TabsState, TabsSize, TabsTriggerAlign, TabsTriggerProps, TabsTriggerRootProps, TabsTriggerSlotProps, TabsValue, TabsVariant, UseTabsContentReturn, UseTabsListReturn, UseTabsReturn, UseTabsTriggerReturn, } from './types';
+export { default as Tabs } from './tabs.js';
+export { default as TabsContent } from './tabs-content.js';
+export { default as TabsList } from './tabs-list.js';
+export { default as TabsTrigger } from './tabs-trigger.js';
+export { useTabs, useTabsContent, useTabsList, useTabsTrigger } from './useTabs.js';
+export type { TabsActivationMode, TabsContentProps, TabsContentRootProps, TabsContentSlotProps, TabsListProps, TabsListRootProps, TabsListSlotProps, TabsOrientation, TabsPlacement, TabsProps, TabsRootProps, TabsSlotProps, TabsState, TabsSize, TabsTriggerAlign, TabsTriggerProps, TabsTriggerRootProps, TabsTriggerSlotProps, TabsValue, TabsVariant, UseTabsContentReturn, UseTabsListReturn, UseTabsReturn, UseTabsTriggerReturn, } from './types.js';

package/dist/components/tabs/tabs-content.d.ts

@@ -1,4 +1,4 @@
-import { TabsContentProps } from './types';
+import { TabsContentProps } 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<TabsContentProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -7,7 +7,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     attrs: any;
     slots: {
         default?: (props: {
-            value: import('./types').TabsValue;
+            value: import('./types.js').TabsValue;
             selected: boolean;
         }) => any;
     };

package/dist/components/tabs/tabs-list.d.ts

@@ -1,4 +1,4 @@
-import { TabsListProps } from './types';
+import { TabsListProps } 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<TabsListProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -8,9 +8,9 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     slots: {
         default?: (props: {
             disabled: boolean;
-            variant: import('./types').TabsVariant;
-            orientation: import('./types').TabsOrientation;
-            placement: import('./types').TabsPlacement;
+            variant: import('./types.js').TabsVariant;
+            orientation: import('./types.js').TabsOrientation;
+            placement: import('./types.js').TabsPlacement;
         }) => any;
     };
     emit: {};

package/dist/components/tabs/tabs-trigger.d.ts

@@ -1,4 +1,4 @@
-import { TabsTriggerProps } from './types';
+import { TabsTriggerProps } 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<TabsTriggerProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -7,12 +7,12 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     attrs: any;
     slots: {
         default?: (props: {
-            value: import('./types').TabsValue;
+            value: import('./types.js').TabsValue;
             selected: boolean;
-            size: import('./types').TabsSize;
-            variant: import('./types').TabsVariant;
+            size: import('./types.js').TabsSize;
+            variant: import('./types.js').TabsVariant;
             disabled: boolean;
-            align: import('./types').TabsTriggerAlign;
+            align: import('./types.js').TabsTriggerAlign;
             select: () => void;
         }) => any;
     };

package/dist/components/tabs/tabs.d.ts

@@ -1,4 +1,4 @@
-import { TabsProps, TabsValue } from './types';
+import { TabsProps, TabsValue } 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<TabsProps & {
         "onUpdate:modelValue"?: ((value: TabsValue) => any) | undefined;
@@ -10,11 +10,11 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     slots: {
         default?: (props: {
             value: TabsValue | null;
-            size: import('./types').TabsSize;
-            variant: import('./types').TabsVariant;
+            size: import('./types.js').TabsSize;
+            variant: import('./types.js').TabsVariant;
             disabled: boolean;
-            placement: import('./types').TabsPlacement;
-            align: import('./types').TabsTriggerAlign;
+            placement: import('./types.js').TabsPlacement;
+            align: import('./types.js').TabsTriggerAlign;
             select: (value: TabsValue) => void;
         }) => any;
     };

package/dist/components/tabs/useTabs.d.ts

@@ -1,4 +1,4 @@
-import { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TabsValue, UseTabsContentReturn, UseTabsListReturn, UseTabsReturn, UseTabsTriggerReturn } from './types';
+import { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TabsValue, UseTabsContentReturn, UseTabsListReturn, UseTabsReturn, UseTabsTriggerReturn } from './types.js';
 export declare function useTabs(props: Readonly<TabsProps>, emitUpdate: (value: TabsValue) => void): UseTabsReturn;
 export declare function useTabsList(props: Readonly<TabsListProps>): UseTabsListReturn;
 export declare function useTabsTrigger(props: Readonly<TabsTriggerProps>): UseTabsTriggerReturn;

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

@@ -1,2 +1,2 @@
-export { default as Textarea } from './textarea';
-export type { TextareaProps, TextareaRadius, TextareaResize, TextareaSize } from './types';
+export { default as Textarea } from './textarea.js';
+export type { TextareaProps, TextareaRadius, TextareaResize, TextareaSize } from './types.js';

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

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const DEFAULT_TOAST_MAX = 5;
+export declare const DEFAULT_TOAST_DURATION = 5000;
+export declare const DEFAULT_TOAST_ROLE = "status";
+export declare const DEFAULT_TOAST_PAUSE_ON_HOVER = true;
+export declare const DEFAULT_TOAST_PAUSE_ON_FOCUS = true;
+export declare const DEFAULT_TOAST_CLOSABLE = true;
+export declare const DEFAULT_TOAST_CLOSE_LABEL = "Close toast";

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

@@ -0,0 +1,7 @@
+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 { 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';

package/dist/components/toast/index.js

@@ -0,0 +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 };

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

@@ -0,0 +1,21 @@
+import { ToastProviderProps } 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<ToastProviderProps> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: {};
+}>) => 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/toast/toast-viewport.d.ts

@@ -0,0 +1,34 @@
+import { ToastItem, ToastViewportProps } 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<ToastViewportProps> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        icon?: (props: {
+            toast: ToastItem;
+            dismiss: () => void;
+        }) => any;
+    } & {
+        default?: (props: {
+            toast: ToastItem;
+            dismiss: () => void;
+        }) => any;
+    } & {
+        action?: (props: {
+            toast: ToastItem;
+            dismiss: () => void;
+        }) => any;
+    };
+    emit: {};
+}>) => 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/toast/toast.d.ts

@@ -0,0 +1,31 @@
+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;
+        "onAfter-leave"?: (() => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        icon?: (props: {}) => any;
+    } & {
+        title?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        action?: (props: {}) => any;
+    };
+    emit: ((evt: "update:open", value: boolean) => void) & ((evt: "close", reason: ToastCloseReason) => void) & ((evt: "after-leave") => 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/toast/types.d.ts

@@ -0,0 +1,106 @@
+import { ComputedRef, InjectionKey, MaybeRefOrGetter } from 'vue';
+import { ComponentColorValue } from '../../utils/componentColors.js';
+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"];
+export declare const toastPositions: readonly ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"];
+export declare const toastTypes: readonly ["default", "success", "error", "warning", "info"];
+export type ToastColor = ComponentColorValue;
+export type ToastVariant = (typeof toastVariants)[number];
+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 ToastStateOption<T> = MaybeRefOrGetter<T>;
+export type ToastId = string;
+export interface ToastProps {
+    open?: boolean;
+    title?: string;
+    description?: string;
+    variant?: ToastVariant;
+    color?: ToastColor;
+    autoContrast?: boolean;
+    radius?: ToastRadius;
+    role?: ToastRole;
+    duration?: number;
+    pauseOnHover?: boolean;
+    pauseOnFocus?: boolean;
+    closable?: boolean;
+    closeLabel?: string;
+}
+export interface ToastStateBindingProps {
+    open: boolean;
+    'onUpdate:open': (open: boolean) => void;
+    onClose: (reason: ToastCloseReason) => void;
+}
+export interface UseToastStateOptions {
+    open?: ToastStateOption<boolean | undefined>;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: (reason: ToastCloseReason) => void;
+}
+export interface UseToastStateReturn {
+    isOpen: ComputedRef<boolean>;
+    lastCloseReason: ComputedRef<ToastCloseReason | null>;
+    toastProps: ComputedRef<ToastStateBindingProps>;
+    setOpen: (open: boolean) => void;
+    open: () => void;
+    close: (reason?: ToastCloseReason) => void;
+    toggle: () => void;
+}
+export interface ToastProviderProps {
+    max?: number;
+    duration?: number;
+    variant?: ToastVariant;
+    color?: ToastColor;
+    autoContrast?: boolean;
+    radius?: ToastRadius;
+    role?: ToastRole;
+    pauseOnHover?: boolean;
+    pauseOnFocus?: boolean;
+    closable?: boolean;
+    closeLabel?: string;
+}
+export interface ToastViewportProps {
+    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. */
+    id?: ToastId;
+    type?: ToastType;
+    onClose?: (reason: ToastCloseReason) => void;
+}
+export type ToastUpdateOptions = Partial<Omit<ToastOptions, 'id'>>;
+export type ToastInput = string | ToastOptions;
+export interface ToastItem {
+    readonly id: ToastId;
+    /** 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 onClose?: (reason: ToastCloseReason) => void;
+}
+export interface ToastViewportSlotProps {
+    toast: ToastItem;
+    dismiss: () => void;
+}
+export type ToastCreate = (input: ToastInput, options?: ToastOptions) => ToastId;
+export interface UseToastReturn {
+    toasts: ComputedRef<readonly ToastItem[]>;
+    show: ToastCreate;
+    success: ToastCreate;
+    error: ToastCreate;
+    warning: ToastCreate;
+    info: ToastCreate;
+    update: (id: ToastId, options: ToastUpdateOptions) => void;
+    dismiss: (id: ToastId, reason?: ToastCloseReason) => void;
+    dismissAll: (reason?: ToastCloseReason) => void;
+}
+export interface ToastProviderContext extends UseToastReturn {
+    dismissInstance: (instanceId: string, reason?: ToastCloseReason) => void;
+}
+export declare const toastProviderKey: InjectionKey<ToastProviderContext>;

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

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

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

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'vue';
+import { ToastColor, ToastVariant } from './types.js';
+export declare function getToastColorStyle(color: ToastColor | undefined, variant: ToastVariant | undefined, autoContrast: boolean | undefined): CSSProperties | undefined;

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { ComponentColorValue } from '../../utils/componentColors';
+import { ComponentColorValue } from '../../utils/componentColors.js';
 export type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
 export type TooltipColor = ComponentColorValue;
 export type TooltipTarget = string | HTMLElement | Ref<HTMLElement | null | undefined>;
@@ -20,6 +20,7 @@ export interface TooltipProps {
     target?: TooltipTarget | null;
     placement?: TooltipPlacement;
     color?: TooltipColor;
+    autoContrast?: boolean;
     offset?: TooltipOffset;
     open?: boolean;
     openDelay?: number;

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

@@ -1,5 +1,7 @@
 import { CSSProperties } from 'vue';
-import { TooltipProps, TooltipTriggerProps } from './types';
+import { TooltipOffset, TooltipProps, TooltipTriggerProps } from './types.js';
+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): {
     tooltipId: import('vue').ComputedRef<string>;
     isOpen: import('vue').ComputedRef<boolean>;

package/dist/dropdown-menu.css

@@ -1,13 +1,13 @@
 .rp-dropdown-menu {
   --_rp-dropdown-menu-radius: var(--rp-radius-sm);
-  --_rp-dropdown-menu-focused-bg: var(--rp-color-surface-hover);
+  --_rp-dropdown-menu-focused-bg: var(--rp-color-default-hover);
   position: relative;
   display: inline-flex;
   font-family: var(--rp-font-family);
   vertical-align: middle;
 }
-html.dark .rp-dropdown-menu {
-  --_rp-dropdown-menu-focused-bg: var(--rp-color-button-default-bg-active);
+html.dark .rp-dropdown-menu, [data-rp-color-scheme=dark] .rp-dropdown-menu {
+  --_rp-dropdown-menu-focused-bg: var(--rp-color-disabled);
 }
 .rp-dropdown-menu--disabled {
   opacity: var(--rp-opacity-disabled);
@@ -15,8 +15,8 @@ html.dark .rp-dropdown-menu {
 }
 .rp-dropdown-menu__content {
   z-index: 100;
-  background-color: var(--rp-color-surface-raised);
-  border: var(--rp-border-width-thin) solid var(--rp-color-border);
+  background-color: var(--rp-color-default);
+  border: var(--rp-border-width-thin) solid var(--rp-color-default-border);
   border-radius: var(--_rp-dropdown-menu-radius);
   box-shadow: var(--rp-shadow-md);
   padding: var(--rp-spacing-1) 0;
@@ -27,8 +27,8 @@ html.dark .rp-dropdown-menu {
   overflow-y: auto;
   padding: var(--rp-spacing-1);
   color: var(--rp-color-text);
-  font-size: var(--rp-font-size-base);
-  line-height: var(--rp-line-height-normal);
+  font-size: var(--rp-font-size-md);
+  line-height: var(--rp-line-height-md);
   outline: none;
 }
 .rp-dropdown-menu__content--has-submenu {
@@ -77,10 +77,10 @@ html.dark .rp-dropdown-menu {
   background-color: var(--_rp-dropdown-menu-focused-bg);
 }
 .rp-dropdown-menu__item--destructive {
-  color: var(--rp-color-danger-fg);
+  color: var(--rp-color-red-light-color);
 }
 .rp-dropdown-menu__item--disabled {
-  color: var(--rp-color-text-disabled);
+  color: var(--rp-color-disabled-color);
   cursor: not-allowed;
 }
 .rp-dropdown-menu__item--submenu {
@@ -93,7 +93,7 @@ html.dark .rp-dropdown-menu {
   text-overflow: ellipsis;
 }
 .rp-dropdown-menu__shortcut {
-  color: var(--rp-color-text-secondary);
+  color: var(--rp-color-dimmed);
   font: inherit;
   font-size: var(--rp-font-size-sm);
 }
@@ -110,12 +110,12 @@ html.dark .rp-dropdown-menu {
 }
 .rp-dropdown-menu__submenu-icon {
   margin-left: auto;
-  color: var(--rp-color-text-secondary);
+  color: var(--rp-color-dimmed);
 }
 .rp-dropdown-menu__submenu {
   z-index: 100;
-  background-color: var(--rp-color-surface-raised);
-  border: var(--rp-border-width-thin) solid var(--rp-color-border);
+  background-color: var(--rp-color-default);
+  border: var(--rp-border-width-thin) solid var(--rp-color-default-border);
   border-radius: var(--_rp-dropdown-menu-radius);
   box-shadow: var(--rp-shadow-md);
   padding: var(--rp-spacing-1) 0;
@@ -128,8 +128,8 @@ html.dark .rp-dropdown-menu {
   overflow-y: auto;
   padding: var(--rp-spacing-1);
   color: var(--rp-color-text);
-  font-size: var(--rp-font-size-base);
-  line-height: var(--rp-line-height-normal);
+  font-size: var(--rp-font-size-md);
+  line-height: var(--rp-line-height-md);
   outline: none;
 }
 .rp-dropdown-menu__submenu--has-submenu {
@@ -145,8 +145,8 @@ html.dark .rp-dropdown-menu {
   justify-content: center;
   min-height: var(--rp-size-control-sm);
   padding: var(--rp-spacing-2) var(--rp-spacing-4);
-  color: var(--rp-color-text-secondary);
-  font-size: var(--rp-font-size-base);
+  color: var(--rp-color-dimmed);
+  font-size: var(--rp-font-size-md);
 }
 .rp-dropdown-menu-content-enter-active,
 .rp-dropdown-menu-content-leave-active {