@typlog/ui 0.11.8 → 0.12.1

package/components.d.ts

@@ -1,24 +1,25 @@
 import { AcceptableInputValue } from 'reka-ui';
 import { AcceptableValue } from 'reka-ui';
 import { AccordionContentProps } from 'reka-ui';
-import { AccordionItemProps } from 'reka-ui';
+import { AccordionItemProps as AccordionItemProps_2 } from 'reka-ui';
 import { AccordionRootProps as AccordionRootProps_2 } from 'reka-ui';
 import { AlertDialogAction } from 'reka-ui';
 import { AlertDialogActionProps } from 'reka-ui';
 import { AlertDialogCancel } from 'reka-ui';
 import { AlertDialogCancelProps } from 'reka-ui';
-import { AlertDialogContentProps as AlertDialogContentProps_2 } from 'reka-ui';
+import { AlertDialogContentProps } from 'reka-ui';
 import { AlertDialogProps } from 'reka-ui';
 import { AlertDialogRoot } from 'reka-ui';
 import { AlertDialogTrigger } from 'reka-ui';
 import { AlertDialogTriggerProps } from 'reka-ui';
 import { AsTag } from 'reka-ui';
+import { CheckboxGroupRoot as CheckboxGroup } from 'reka-ui';
+import { CheckboxGroupRootProps as CheckboxGroupProps } from 'reka-ui';
 import { CheckboxRootProps } from 'reka-ui';
 import { CollapsibleContentProps } from 'reka-ui';
-import { CollapsibleRoot } from 'reka-ui';
-import { CollapsibleTrigger } from 'reka-ui';
+import { CollapsibleRootProps as CollapsibleRootProps_2 } from 'reka-ui';
+import { CollapsibleTriggerProps as CollapsibleTriggerProps_2 } from 'reka-ui';
 import { ComboboxContentProps as ComboboxContentProps_2 } from 'reka-ui';
-import { ComboboxEmpty } from 'reka-ui';
 import { ComboboxGroup } from 'reka-ui';
 import { ComboboxInputProps as ComboboxInputProps_2 } from 'reka-ui';
 import { ComboboxItemProps } from 'reka-ui';
@@ -27,10 +28,11 @@ import { ComboboxRootProps as ComboboxRootProps_2 } from 'reka-ui';
 import { Component } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { ComputedRef } from 'vue';
 import { DefineComponent } from 'vue';
 import { DialogClose } from 'reka-ui';
 import { DialogCloseProps } from 'reka-ui';
-import { DialogContentProps as DialogContentProps_2 } from 'reka-ui';
+import { DialogContentProps } from 'reka-ui';
 import { DialogRoot } from 'reka-ui';
 import { DialogRootProps } from 'reka-ui';
 import { DialogTrigger } from 'reka-ui';
@@ -41,17 +43,16 @@ import { DropdownMenuRoot } from 'reka-ui';
 import { DropdownMenuTrigger } from 'reka-ui';
 import { EditableRootProps } from 'reka-ui';
 import { FocusOutsideEvent } from 'reka-ui';
-import { Icon } from '@iconify/vue';
+import { MaybeRefOrGetter } from 'vue';
 import { PointerDownOutsideEvent } from 'reka-ui';
 import { PopoverClose } from 'reka-ui';
-import { PopoverContentProps as PopoverContentProps_2 } from 'reka-ui';
+import { PopoverContentProps } from 'reka-ui';
 import { PopoverRoot } from 'reka-ui';
 import { PopoverTrigger } from 'reka-ui';
 import { PrimitiveProps } from 'reka-ui';
 import { PublicProps } from 'vue';
-import { RadioGroupItemProps } from 'reka-ui';
+import { RadioGroupItemProps as RadioGroupItemProps_2 } from 'reka-ui';
 import { RadioGroupRootProps as RadioGroupRootProps_2 } from 'reka-ui';
-import { RadioGroupItem as RadioTabsItem } from 'reka-ui';
 import { Ref } from 'vue';
 import { ScrollAreaRootProps } from 'reka-ui';
 import { SelectContentProps as SelectContentProps_2 } from 'reka-ui';
@@ -64,18 +65,17 @@ import { SwitchRootProps } from 'reka-ui';
 import { TabsContent } from 'reka-ui';
 import { TabsRoot } from 'reka-ui';
 import { TabsTriggerProps } from 'reka-ui';
+import { ToastProviderProps as ToastProviderProps_2 } from 'reka-ui';
 import { ToggleGroupItemProps } from 'reka-ui';
 import { ToggleGroupRootProps as ToggleGroupRootProps_2 } from 'reka-ui';
 import { ToggleProps as ToggleProps_2 } from 'reka-ui';
 import { TooltipContentProps } from 'reka-ui';
 
-declare const __VLS_component: DefineComponent<CardHeadProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CardHeadProps> & Readonly<{}>, {
-as: AsTag | Component;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_2: DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_2: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_3: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_3: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_4: DefineComponent<TabsTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -379,6 +379,24 @@ declare type __VLS_WithTemplateSlots_45<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_46<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_47<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_48<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_5<T, S> = T & {
     new (): {
         $slots: S;
@@ -409,44 +427,91 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
-export declare const AccordionContent: __VLS_WithTemplateSlots_40<DefineComponent<AccordionContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const AccordionContent: __VLS_WithTemplateSlots_39<DefineComponent<AccordionContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export { AccordionContentProps }
 
-export declare const AccordionItem: __VLS_WithTemplateSlots_39<DefineComponent<AccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const AccordionIndicator: DefineComponent<AccordionIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionIndicatorProps> & Readonly<{}>, {
+variant: "chevron" | "plus";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare interface AccordionIndicatorProps {
+    /**
+     * The indicator icon for the accordion trigger.
+     * @default "chevron"
+     */
+    variant?: 'chevron' | 'plus';
+}
+
+export declare const AccordionItem: __VLS_WithTemplateSlots_38<DefineComponent<AccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export { AccordionItemProps }
+export declare interface AccordionItemProps extends Omit<AccordionItemProps_2, 'value'> {
+    /**
+     * A string identifier for the accordion item. If omitted, a unique value will be generated automatically.
+     */
+    value?: string;
+}
 
-export declare const AccordionRoot: __VLS_WithTemplateSlots_38<DefineComponent<AccordionRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const AccordionRoot: __VLS_WithTemplateSlots_37<DefineComponent<AccordionRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string | string[] | undefined) => any;
 }, string, PublicProps, Readonly<AccordionRootProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
 }>, {
 size: "1" | "2" | "3";
+indicatorSide: "left" | "right";
+indicatorIcon: "none" | "chevron" | "plus";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export declare interface AccordionRootProps extends AccordionRootProps_2 {
+    /**
+     * Control the size of the accordion.
+     *
+     * @default "1"
+     */
     size?: '1' | '2' | '3';
+    /**
+     * The indicator icon's poistion, left or right.
+     *
+     * @default "right"
+     */
+    indicatorSide?: 'left' | 'right';
+    /**
+     * An indicator icon on the left or right of the trigger.
+     *
+     * @default "chevron"
+     */
+    indicatorIcon?: 'none' | 'chevron' | 'plus';
+    /**
+     * The orientation of the accordion.
+     *
+     * @default "vertical"
+     */
+    orientation?: 'vertical' | 'horizontal';
 }
 
-export declare const AccordionTrigger: __VLS_WithTemplateSlots_41<DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {
-indicator: "plus-minus" | "chevron";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const AccordionTrigger: __VLS_WithTemplateSlots_40<DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export declare interface AccordionTriggerProps extends PrimitiveProps {
     /**
-     * The indicator icon for the accordion trigger.
+     * The indicator icon's poistion, left or right.
+     *
+     * @default "right"
+     */
+    indicatorSide?: 'left' | 'right';
+    /**
+     * An indicator icon on the left or right of the trigger.
+     *
      * @default "chevron"
      */
-    indicator?: 'plus-minus' | 'chevron';
+    indicatorIcon?: 'none' | 'chevron' | 'plus';
 }
 
 export { AlertDialogAction }
@@ -457,36 +522,25 @@ export { AlertDialogCancel }
 
 export { AlertDialogCancelProps }
 
-export declare const AlertDialogContent: __VLS_WithTemplateSlots_12<DefineComponent<AlertDialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const AlertDialogPopup: __VLS_WithTemplateSlots_10<DefineComponent<AlertDialogPopupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
 interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
 openAutoFocus: (event: Event) => any;
 closeAutoFocus: (event: Event) => any;
-}, string, PublicProps, Readonly<AlertDialogContentProps> & Readonly<{
+}, string, PublicProps, Readonly<AlertDialogPopupProps> & Readonly<{
 onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
 onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
 onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
 onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
 onOpenAutoFocus?: ((event: Event) => any) | undefined;
 onCloseAutoFocus?: ((event: Event) => any) | undefined;
-}>, {
-size: "1" | "2" | "3" | "4";
-maxWidth: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare interface AlertDialogContentProps extends AlertDialogContentProps_2 {
-    to?: string | HTMLElement;
-    size?: '1' | '2' | '3' | '4';
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
+export declare interface AlertDialogPopupProps extends AlertDialogContentProps {
 }
 
 export { AlertDialogProps }
@@ -500,12 +554,12 @@ export { AlertDialogTriggerProps }
 export declare const Avatar: DefineComponent<AvatarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
 radius: RadiusType;
 size: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
-variant: "solid" | "soft" | "ring";
+variant: "solid" | "soft" | "outline" | "surface" | "ring";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare interface AvatarProps {
-    /** Alt text of the avatar. */
-    alt: string;
+    /** Alt text of the avatar, usually the person's name. */
+    alt?: string;
     /** Avatar's image source URL. */
     src?: string;
     /** Using fallback characters for the avatar. */
@@ -519,7 +573,7 @@ export declare interface AvatarProps {
      * The visual variant to apply.
      * @default "solid"
      */
-    variant?: 'solid' | 'soft' | 'ring';
+    variant?: 'solid' | 'soft' | 'outline' | 'surface' | 'ring';
     /**
      * Control the size of the avatar.
      * @default "2"
@@ -542,7 +596,7 @@ highContrast: boolean;
 export declare interface BadgeProps {
     /**
      * The visual variant to apply.
-     * @default "solid"
+     * @default "soft"
      */
     variant?: 'solid' | 'soft' | 'surface' | 'outline';
     /** Overrides the accent color inherited from the theme. */
@@ -567,9 +621,9 @@ export declare interface BadgeProps {
     asChild?: boolean;
 }
 
-declare type BrandType = 'google' | 'facebook' | 'x' | 'github' | 'apple' | 'slack' | 'figma';
+export declare const buildPropsClass: (props: Record<string, any>, keys: string[]) => ComputedRef<string[]>;
 
-export declare const Button: __VLS_WithTemplateSlots_6<DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+export declare const Button: __VLS_WithTemplateSlots_4<DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
 as: AsTag | Component;
 size: "1" | "2" | "3" | "4";
 variant: "classic" | "solid" | "soft" | "surface" | "outline" | "ghost";
@@ -578,15 +632,15 @@ highContrast: boolean;
     default?(_: {}): any;
 }>;
 
-declare interface ButtonProps {
+export declare interface ButtonProps {
     /**
      * The visual variant to apply.
      * @default "solid"
      */
     variant?: 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
-    /** Overrides the accent color inherited from the Theme. */
+    /** Overrides the accent color inherited from the ThemeProvider. */
     color?: ColorType;
-    /** Overrides the radius inherited from the theme. */
+    /** Overrides the radius inherited from the ThemeProvider. */
     radius?: RadiusType;
     /**
      * Control the size of the button.
@@ -604,10 +658,8 @@ declare interface ButtonProps {
     as?: AsTag | Component;
     asChild?: boolean;
 }
-export { ButtonProps }
-export { ButtonProps as IconButtonProps }
 
-export declare const Card: __VLS_WithTemplateSlots_4<DefineComponent<CardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CardProps> & Readonly<{}>, {
+export declare const Card: __VLS_WithTemplateSlots_3<DefineComponent<CardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CardProps> & Readonly<{}>, {
 as: AsTag | Component;
 size: "1" | "2" | "3" | "4" | "5";
 variant: "surface" | "soft";
@@ -615,12 +667,6 @@ variant: "surface" | "soft";
     default?(_: {}): any;
 }>;
 
-export declare const CardHead: __VLS_WithTemplateSlots_5<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-
-export declare interface CardHeadProps extends PrimitiveProps {
-    color?: ColorType;
-}
-
 export declare interface CardProps extends PrimitiveProps {
     variant?: 'surface' | 'soft';
     radius?: RadiusType;
@@ -636,30 +682,9 @@ size: "1" | "2" | "3";
 variant: "surface" | "soft";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const CheckboxGroupControl: DefineComponent<CheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-export declare const CheckboxGroupItem: DefineComponent<CheckboxGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CheckboxGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare interface CheckboxGroupItemProps extends CheckboxProps {
-    value: string;
-}
-
-export declare const CheckboxGroupRoot: __VLS_WithTemplateSlots_17<DefineComponent<    {
-modelValue?: any[];
-} & CheckboxGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: any[]) => any;
-}, string, PublicProps, Readonly<{
-modelValue?: any[];
-} & CheckboxGroupRootProps> & Readonly<{
-"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
+export { CheckboxGroup }
 
-declare interface CheckboxGroupRootProps extends PrimitiveProps {
-    disabled?: boolean;
-    name?: string;
-}
+export { CheckboxGroupProps }
 
 export declare interface CheckboxProps extends CheckboxRootProps {
     color?: ColorType;
@@ -668,19 +693,39 @@ export declare interface CheckboxProps extends CheckboxRootProps {
     highContrast?: boolean;
 }
 
-export declare const ChevronIcon: DefineComponent<ChevronIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ChevronIconProps> & Readonly<{}>, {
-arrowTransform: "right-down" | "right-up" | "up-down" | "down-up";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export declare const CollapsibleContent: __VLS_WithTemplateSlots_43<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
-declare interface ChevronIconProps {
-    arrowTransform?: 'right-down' | 'right-up' | 'up-down' | 'down-up';
-}
+export { CollapsibleContentProps }
 
-export declare const CollapsibleContent: __VLS_WithTemplateSlots_42<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+export declare const CollapsibleIndicator: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export { CollapsibleRoot }
+export declare const CollapsibleRoot: __VLS_WithTemplateSlots_41<DefineComponent<CollapsibleRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:open": (value: boolean) => any;
+}, string, PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
+"onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+size: "1" | "2" | "3" | "4";
+variant: "ghost" | "soft" | "surface";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+
+export declare interface CollapsibleRootProps extends CollapsibleRootProps_2 {
+    color?: ColorType;
+    radius?: RadiusType;
+    variant?: 'ghost' | 'soft' | 'surface';
+    size?: '1' | '2' | '3' | '4';
+}
+
+export declare const CollapsibleTrigger: __VLS_WithTemplateSlots_42<DefineComponent<CollapsibleTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CollapsibleTriggerProps> & Readonly<{}>, {
+indicator: "none" | "left" | "right";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
 
-export { CollapsibleTrigger }
+export declare interface CollapsibleTriggerProps extends CollapsibleTriggerProps_2 {
+    indicator?: 'none' | 'left' | 'right';
+}
 
 export declare const ColorField: DefineComponent<    {
 modelValue?: string;
@@ -691,20 +736,22 @@ modelValue?: string;
 } & ColorFieldProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+as: AsTag | Component;
 size: "1" | "2" | "3";
 variant: "solid" | "ring";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare interface ColorFieldProps {
+export declare interface ColorFieldProps extends Omit<PrimitiveProps, 'asChild'> {
     id?: string;
     variant?: 'solid' | 'ring';
     size?: '1' | '2' | '3';
     radius?: RadiusType;
+    defaultValue?: string;
 }
 
 export declare type ColorType = 'gray' | 'gold' | 'bronze' | 'brown' | 'yellow' | 'amber' | 'orange' | 'tomato' | 'red' | 'ruby' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'lime' | 'mint' | 'sky';
 
-export declare const ComboboxContent: __VLS_WithTemplateSlots_29<DefineComponent<ComboboxContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ComboboxContent: __VLS_WithTemplateSlots_25<DefineComponent<ComboboxContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -716,21 +763,21 @@ onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
 onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
 }>, {
 variant: "solid" | "soft";
+sideOffset: number;
 position: "inline" | "popper";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 declare interface ComboboxContentProps extends ComboboxContentProps_2 {
-    to?: string | HTMLElement;
     variant?: 'solid' | 'soft';
 }
 
-export { ComboboxEmpty }
+export declare const ComboboxEmpty: __VLS_WithTemplateSlots_28<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
 export { ComboboxGroup }
 
-export declare const ComboboxInput: __VLS_WithTemplateSlots_28<DefineComponent<ComboboxInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ComboboxInput: __VLS_WithTemplateSlots_24<DefineComponent<ComboboxInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (args_0: string) => any;
 }, string, PublicProps, Readonly<ComboboxInputProps> & Readonly<{
 "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
@@ -748,13 +795,13 @@ declare interface ComboboxInputProps extends ComboboxInputProps_2 {
     placeholder?: string;
 }
 
-export declare const ComboboxItem: __VLS_WithTemplateSlots_30<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+export declare const ComboboxItem: __VLS_WithTemplateSlots_26<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
-export declare const ComboboxLabel: __VLS_WithTemplateSlots_31<DefineComponent<ComboboxLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComboboxLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const ComboboxLabel: __VLS_WithTemplateSlots_27<DefineComponent<ComboboxLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComboboxLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare const ComboboxRoot: __VLS_WithTemplateSlots_27<DefineComponent<ComboboxRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ComboboxRoot: __VLS_WithTemplateSlots_23<DefineComponent<ComboboxRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: AcceptableValue) => any;
 "update:open": (value: boolean) => any;
 highlight: (payload: {
@@ -781,7 +828,7 @@ export declare interface ComboboxRootProps extends ComboboxRootProps_2 {
     highContrast?: boolean;
 }
 
-declare const _default: __VLS_WithTemplateSlots_10<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots_7<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
 as: AsTag | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -789,7 +836,7 @@ as: AsTag | Component;
 export { _default as AlertDialogTitle }
 export { _default as DialogTitle }
 
-declare const _default_2: __VLS_WithTemplateSlots_11<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+declare const _default_2: __VLS_WithTemplateSlots_8<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
 as: AsTag | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -797,31 +844,18 @@ as: AsTag | Component;
 export { _default_2 as AlertDialogDescription }
 export { _default_2 as DialogDescription }
 
-declare const _default_3: __VLS_WithTemplateSlots_32<DefineComponent<RadioGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (payload: string) => any;
-}, string, PublicProps, Readonly<RadioGroupRootProps> & Readonly<{
-"onUpdate:modelValue"?: ((payload: string) => any) | undefined;
-}>, {
-size: "1" | "2" | "3";
-variant: "surface" | "soft";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
-export { _default_3 as RadioCardsRoot }
-export { _default_3 as RadioGroupRoot }
-
 export { DialogClose }
 
 export { DialogCloseProps }
 
-export declare const DialogContent: __VLS_WithTemplateSlots_13<DefineComponent<DialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const DialogPopup: __VLS_WithTemplateSlots_9<DefineComponent<DialogPopupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
 interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
 openAutoFocus: (event: Event) => any;
 closeAutoFocus: (event: Event) => any;
-}, string, PublicProps, Readonly<DialogContentProps> & Readonly<{
+}, string, PublicProps, Readonly<DialogPopupProps> & Readonly<{
 onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
 onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
 onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -829,22 +863,17 @@ onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any
 onOpenAutoFocus?: ((event: Event) => any) | undefined;
 onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-size: "1" | "2" | "3" | "4";
-maxWidth: string;
+size: "1" | "2" | "3" | "4" | "5";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare interface DialogContentProps extends DialogContentProps_2 {
-    to?: string | HTMLElement;
-    size?: '1' | '2' | '3' | '4';
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    closeIcon?: boolean;
+export declare interface DialogPopupProps extends DialogContentProps {
+    /**
+     * Control size of the dialog. It will affect the padding and border-radius.
+     * @default "1"
+     */
+    size?: '1' | '2' | '3' | '4' | '5';
 }
 
 export { DialogRoot }
@@ -855,7 +884,7 @@ export { DialogTrigger }
 
 export { DialogTriggerProps }
 
-export declare const DropdownMenuContent: __VLS_WithTemplateSlots_14<DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const DropdownMenuContent: __VLS_WithTemplateSlots_11<DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -874,20 +903,19 @@ size: "1" | "2";
 variant: "solid" | "soft";
 align: "start" | "center" | "end";
 sideOffset: number;
-collisionPadding: number | Partial<Record<"top" | "bottom" | "left" | "right", number>>;
+collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export declare interface DropdownMenuContentProps extends DropdownMenuContentProps_2 {
-    to?: string | HTMLElement;
     size?: '1' | '2';
     variant?: 'solid' | 'soft';
     color?: ColorType;
     highContrast?: boolean;
 }
 
-export declare const DropdownMenuItem: __VLS_WithTemplateSlots_15<DefineComponent<DropdownMenuItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const DropdownMenuItem: __VLS_WithTemplateSlots_12<DefineComponent<DropdownMenuItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 select: (event: Event) => any;
 }, string, PublicProps, Readonly<DropdownMenuItemProps> & Readonly<{
 onSelect?: ((event: Event) => any) | undefined;
@@ -902,6 +930,8 @@ export declare interface DropdownMenuItemProps extends DropdownMenuItemProps_2 {
 
 export { DropdownMenuRoot }
 
+export declare const DropdownMenuSeparator: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
 export { DropdownMenuTrigger }
 
 export declare const Editable: DefineComponent<EditableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -934,41 +964,41 @@ export declare interface EditableProps extends EditableRootProps {
 
 declare type GrayColorType = 'auto' | 'mauve' | 'olive' | 'sage' | 'sand' | 'slate';
 
-export { Icon }
-
-export declare const IconButton: __VLS_WithTemplateSlots_7<DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const IconButton: __VLS_WithTemplateSlots_5<DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+as: AsTag | Component;
+size: "1" | "2" | "3" | "4";
+variant: "classic" | "solid" | "soft" | "surface" | "outline" | "ghost";
+highContrast: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare const IconCircle: DefineComponent<IconCircleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconCircleProps> & Readonly<{}>, {
-size: number | string;
-variant: "solid" | "soft" | "outline" | "glow";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
-
-export declare interface IconCircleProps {
-    color?: ColorType;
-    size?: number | string;
-    variant?: 'solid' | 'soft' | 'outline' | 'glow';
-    icon: string;
+export declare interface IconButtonProps extends ButtonProps {
 }
 
 export declare const injectThemeContext: <T extends ThemeProviderContext | null | undefined = ThemeProviderContext>(fallback?: T | undefined) => T extends null ? ThemeProviderContext | null : ThemeProviderContext;
 
-export declare const Inset: __VLS_WithTemplateSlots_3<DefineComponent<InsetProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<InsetProps> & Readonly<{}>, {
-side: InsetSide;
-clip: "border-box" | "padding-box";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
-    default?(_: {}): any;
-}>;
+export declare type Message = string | {
+    title: string;
+    duration?: number;
+    type?: 'foreground' | 'background';
+    description?: string;
+    action?: MessageAction;
+};
 
-export declare interface InsetProps {
-    side?: InsetSide;
-    clip?: 'border-box' | 'padding-box';
+declare interface MessageAction {
+    label: string;
+    altText?: string;
+    variant?: 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
+    color?: ColorType;
+    radius?: RadiusType;
+    size?: '1' | '2' | '3' | '4';
+    onClick: () => void;
 }
 
-declare type InsetSide = 'all' | 'x' | 'y' | 'top' | 'bottom' | 'left' | 'right';
+declare type MessageCategory = 'success' | 'info' | 'warning' | 'error' | 'loading';
 
-export declare const Pagination: __VLS_WithTemplateSlots_43<DefineComponent<    {
+export declare const Pagination: __VLS_WithTemplateSlots_44<DefineComponent<    {
 page: number;
 } & PaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:page": (value: number) => any;
@@ -1011,26 +1041,16 @@ export declare interface PaginationProps extends ButtonProps {
     edge?: number;
 }
 
-export declare const PlusMinusIcon: DefineComponent<PlusMinusIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PlusMinusIconProps> & Readonly<{}>, {
-size: "1" | "2" | "3" | "4";
-color: ColorType;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-declare interface PlusMinusIconProps {
-    color?: ColorType;
-    size?: '1' | '2' | '3' | '4';
-}
-
 export { PopoverClose }
 
-export declare const PopoverContent: __VLS_WithTemplateSlots_16<DefineComponent<PopoverContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const PopoverPopup: __VLS_WithTemplateSlots_13<DefineComponent<PopoverPopupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
 interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
 openAutoFocus: (event: Event) => any;
 closeAutoFocus: (event: Event) => any;
-}, string, PublicProps, Readonly<PopoverContentProps> & Readonly<{
+}, string, PublicProps, Readonly<PopoverPopupProps> & Readonly<{
 onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
 onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
 onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -1038,20 +1058,28 @@ onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any
 onOpenAutoFocus?: ((event: Event) => any) | undefined;
 onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-size: "1" | "2" | "3" | "4";
+size: "1" | "2";
+align: "start" | "center" | "end";
+side: "top" | "right" | "bottom" | "left";
+sideOffset: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare interface PopoverContentProps extends PopoverContentProps_2 {
-    to?: string | HTMLElement;
-    size?: '1' | '2' | '3' | '4';
+export declare interface PopoverPopupProps extends PopoverContentProps {
+    size?: '1' | '2';
 }
 
 export { PopoverRoot }
 
 export { PopoverTrigger }
 
+declare interface PromiseMessageOption<T> {
+    loading: string;
+    success: (data: T) => Message;
+    error?: (err: Error) => Message;
+}
+
 export declare const provideThemeContext: (contextValue: ThemeProviderContext) => ThemeProviderContext;
 
 export declare const Quota: DefineComponent<QuotaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<QuotaProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -1074,54 +1102,145 @@ size: "1" | "2" | "3";
 variant: "surface" | "soft";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLInputElement>;
 
-export declare const RadioCardsItem: __VLS_WithTemplateSlots_34<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const RadioCardsItem: __VLS_WithTemplateSlots_32<DefineComponent<RadioGroupItemProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare const RadioGroupItem: __VLS_WithTemplateSlots_33<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>, {
+export declare const RadioCardsRoot: __VLS_WithTemplateSlots_31<DefineComponent<RadioCardsRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (payload: string) => any;
+}, string, PublicProps, Readonly<RadioCardsRootProps> & Readonly<{
+"onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+}>, {
+size: "1" | "2" | "3";
+variant: "surface" | "classic";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export { RadioGroupItemProps }
-export { RadioGroupItemProps as RadioTabsItemProps }
+export declare interface RadioCardsRootProps extends RadioGroupRootProps_2 {
+    /**
+     * The visual variant of the radio group.
+     * @default "surface"
+     */
+    variant?: 'surface' | 'classic';
+    /**
+     * Control the size of the radio group.
+     * @default "2"
+     */
+    size?: '1' | '2' | '3';
+    /** Overrides the accent color inherited from the ThemeProvider. */
+    color?: ColorType;
+    /** Uses a higher contrast color for the component. */
+    highContrast?: boolean;
+}
 
-export declare interface RadioGroupRootProps extends RadioGroupRootProps_2 {
+export declare const RadioGroupItem: __VLS_WithTemplateSlots_30<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>, {
+    default?(_: {}): any;
+}>;
+
+export declare interface RadioGroupItemProps extends RadioGroupItemProps_2 {
+    /** Overrides the accent color inherited from the RadioGroupRoot. */
     color?: ColorType;
+    /** Overrides the size inherited from the RadioGroupRoot. */
     size?: '1' | '2' | '3';
+    /** Overrides the variant inherited from the RadioGroupRoot. */
     variant?: 'surface' | 'soft';
+    /** Overrides the highContrast prop inherited from the RadioGroupRoot. */
+    highContrast?: boolean;
+}
+
+export declare const RadioGroupRoot: __VLS_WithTemplateSlots_29<DefineComponent<RadioGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (payload: string) => any;
+}, string, PublicProps, Readonly<RadioGroupRootProps> & Readonly<{
+"onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+}>, {
+size: "1" | "2" | "3";
+variant: "surface" | "soft";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+
+export declare interface RadioGroupRootProps extends RadioGroupRootProps_2 {
+    /**
+     * The visual variant of the radio group.
+     * @default "surface"
+     */
+    variant?: 'surface' | 'soft';
+    /**
+     * Control the size of the radio group.
+     * @default "2"
+     */
+    size?: '1' | '2' | '3';
+    /** Overrides the accent color inherited from the ThemeProvider. */
+    color?: ColorType;
+    /** Uses a higher contrast color for the component. */
     highContrast?: boolean;
 }
 
 export declare interface RadioProps {
+    /**
+     * The visual variant to apply.
+     * @default "surface"
+     */
+    variant?: 'surface' | 'soft';
+    /** Overrides the accent color inherited from the Theme. */
     color?: ColorType;
+    /**
+     * Control the size of the radio.
+     * @default "2"
+     */
     size?: '1' | '2' | '3';
-    variant?: 'surface' | 'soft';
+    /** Uses a higher contrast color for the component. */
     highContrast?: boolean;
 }
 
-export { RadioTabsItem }
+export declare const RadioTabsItem: __VLS_WithTemplateSlots_34<DefineComponent<RadioTabsItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioTabsItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+
+export declare interface RadioTabsItemProps extends RadioGroupItemProps_2 {
+}
 
-export declare const RadioTabsList: __VLS_WithTemplateSlots_35<DefineComponent<RadioTabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const RadioTabsRoot: __VLS_WithTemplateSlots_33<DefineComponent<RadioTabsRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: string) => any;
-}, string, PublicProps, Readonly<RadioTabsListProps> & Readonly<{
+}, string, PublicProps, Readonly<RadioTabsRootProps> & Readonly<{
 "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
 }>, {
 size: "1" | "2";
+variant: "classic" | "surface" | "soft";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare interface RadioTabsListProps extends RadioGroupRootProps_2 {
+export declare interface RadioTabsRootProps extends RadioGroupRootProps_2 {
+    /**
+     * The visual variant of the radio tabs.
+     * @default "classic"
+     */
+    variant?: 'classic' | 'surface' | 'soft';
+    /**
+     * Control the size of the radio tabs.
+     * @default "2"
+     */
     size?: '1' | '2';
+    /** Overrides the accent color inherited from the ThemeProvider. */
+    color?: ColorType;
+    /** Overrides the radius inherited from the ThemeProvider. */
+    radius?: RadiusType;
 }
 
 export declare type RadiusType = 'none' | 'small' | 'medium' | 'large' | 'full';
 
-export declare const SavingIndicator: DefineComponent<SavingIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SavingIndicatorProps> & Readonly<{}>, {
+export declare const SavingIndicator: __VLS_WithTemplateSlots_48<DefineComponent<SavingIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SavingIndicatorProps> & Readonly<{}>, {
+as: AsTag | Component;
 size: "1" | "2" | "3";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {
+        status: SavingStatus;
+    }): any;
+}>;
 
-export declare interface SavingIndicatorProps {
+export declare interface SavingIndicatorProps extends Omit<PrimitiveProps, 'asChild'> {
     status: SavingStatus;
     size?: '1' | '2' | '3';
 }
@@ -1130,7 +1249,8 @@ export declare type SavingStatus = 'idle' | 'saving' | 'saved';
 
 declare type ScalingType = '90%' | '95%' | '100%' | '105%' | '110%' | '115%' | '120%';
 
-export declare const ScrollArea: __VLS_WithTemplateSlots_9<DefineComponent<ScrollAreaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollAreaProps> & Readonly<{}>, {
+export declare const ScrollArea: __VLS_WithTemplateSlots_6<DefineComponent<ScrollAreaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollAreaProps> & Readonly<{}>, {
+type: "auto" | "scroll" | "always" | "hover";
 size: "1" | "2" | "3";
 scrollbars: "vertical" | "horizontal" | "both";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
@@ -1143,32 +1263,31 @@ export declare interface ScrollAreaProps extends ScrollAreaRootProps {
     scrollbars?: 'vertical' | 'horizontal' | 'both';
 }
 
-export declare const SelectContent: __VLS_WithTemplateSlots_23<DefineComponent<SelectContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectContentProps> & Readonly<{}>, {
+export declare const SelectContent: __VLS_WithTemplateSlots_19<DefineComponent<SelectContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectContentProps> & Readonly<{}>, {
 variant: "solid" | "soft";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export declare interface SelectContentProps extends SelectContentProps_2 {
-    to?: string | HTMLElement;
     variant?: 'solid' | 'soft';
 }
 
 export { SelectGroup }
 
-export declare const SelectItem: __VLS_WithTemplateSlots_25<DefineComponent<SelectItemProps<AcceptableValue>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectItemProps<AcceptableValue>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const SelectItem: __VLS_WithTemplateSlots_21<DefineComponent<SelectItemProps<AcceptableValue>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectItemProps<AcceptableValue>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export { SelectItemProps }
 
-export declare const SelectLabel: __VLS_WithTemplateSlots_26<DefineComponent<SelectLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const SelectLabel: __VLS_WithTemplateSlots_22<DefineComponent<SelectLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export { SelectLabelProps }
 
-export declare const SelectRoot: __VLS_WithTemplateSlots_22<DefineComponent<SelectRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const SelectRoot: __VLS_WithTemplateSlots_18<DefineComponent<SelectRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: AcceptableValue) => any;
 "update:open": (value: boolean) => any;
 }, string, PublicProps, Readonly<SelectRootProps> & Readonly<{
@@ -1188,7 +1307,7 @@ export declare interface SelectRootProps extends SelectRootProps_2 {
 
 export declare const SelectSeparator: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-export declare const SelectTrigger: __VLS_WithTemplateSlots_24<DefineComponent<SelectTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectTriggerProps> & Readonly<{}>, {
+export declare const SelectTrigger: __VLS_WithTemplateSlots_20<DefineComponent<SelectTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectTriggerProps> & Readonly<{}>, {
 variant: "surface" | "soft" | "ghost";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {
@@ -1204,47 +1323,36 @@ export declare interface SelectTriggerProps extends SelectTriggerProps_2 {
 }
 
 export declare const Separator: DefineComponent<SeparatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
-as: string;
+as: "span" | "div";
+size: "1" | "2" | "3" | "4";
 color: ColorType;
 orientation: "horizontal" | "vertical";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare interface SeparatorProps {
-    as?: string;
+    /**
+     * The element this separator should render as.
+     * @default "span"
+     */
+    as?: 'span' | 'div';
+    /**
+     * Control the orientation of the separator.
+     * @default "horizontal"
+     */
     orientation?: 'horizontal' | 'vertical';
-    size?: '1' | '2' | '3' | '4';
-    color?: ColorType;
-}
-
-export declare const SocialButton: __VLS_WithTemplateSlots_8<DefineComponent<SocialButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SocialButtonProps> & Readonly<{}>, {
-as: AsTag | Component;
-size: "1" | "2" | "3" | "4";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
-
-export declare interface SocialButtonProps extends PrimitiveProps {
-    brand: BrandType;
-    radius?: RadiusType;
     /**
-     * Control the size of the social button.
-     * @default "2"
+     * Control the size of the separator.
+     * @default "1"
      */
     size?: '1' | '2' | '3' | '4';
-    disabled?: boolean;
+    /**
+     * Overrides the color of the separator.
+     * @default "gray"
+     */
+    color?: ColorType;
 }
 
-export declare const Spinner: DefineComponent<SpinnerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
-size: "1" | "2" | "3";
-icon: SpinnerIcon;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare type SpinnerIcon = '12-dots-scale-rotate' | '180-ring' | '180-ring-with-bg' | '270-ring' | '270-ring-with-bg' | '3-dots-bounce' | '3-dots-fade' | '3-dots-move' | '3-dots-rotate' | '3-dots-scale' | '3-dots-scale-middle' | '6-dots-rotate' | '6-dots-scale' | '6-dots-scale-middle' | '8-dots-rotate' | '90-ring' | '90-ring-with-bg' | 'bars-fade' | 'bars-rotate-fade' | 'bars-scale' | 'bars-scale-fade' | 'bars-scale-middle' | 'blocks-scale' | 'blocks-shuffle-2' | 'blocks-shuffle-3' | 'blocks-wave' | 'bouncing-ball' | 'clock' | 'dot-revolve' | 'eclipse' | 'eclipse-half' | 'gooey-balls-1' | 'gooey-balls-2' | 'pulse' | 'pulse-2' | 'pulse-3' | 'pulse-multiple' | 'pulse-ring' | 'pulse-rings-2' | 'pulse-rings-3' | 'pulse-rings-multiple' | 'ring-resize' | 'tadpole' | 'wifi' | 'wifi-fade' | 'wind-toy';
-
-declare interface SpinnerProps {
-    icon?: SpinnerIcon;
-    size?: '1' | '2' | '3';
-}
+export declare const SpinnerIcon: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLSpanElement>;
 
 export declare const Switch: DefineComponent<SwitchProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: boolean) => any;
@@ -1263,7 +1371,7 @@ export declare interface SwitchProps extends SwitchRootProps {
     radius?: RadiusType;
 }
 
-export declare const Table: __VLS_WithTemplateSlots_44<DefineComponent<TableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TableProps> & Readonly<{}>, {
+export declare const Table: __VLS_WithTemplateSlots_46<DefineComponent<TableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TableProps> & Readonly<{}>, {
 size: "1" | "2" | "3";
 variant: "surface" | "ghost";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
@@ -1278,21 +1386,24 @@ export declare interface TableProps {
 
 export { TabsContent }
 
-export declare const TabsList: __VLS_WithTemplateSlots_36<DefineComponent<TabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsListProps> & Readonly<{}>, {
+export declare const TabsList: __VLS_WithTemplateSlots_35<DefineComponent<TabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsListProps> & Readonly<{}>, {
 size: "1" | "2";
+variant: "classic" | "outline" | "surface" | "soft";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export declare interface TabsListProps {
     size?: '1' | '2';
+    radius?: RadiusType;
     color?: ColorType;
+    variant?: 'classic' | 'outline' | 'surface' | 'soft';
     highContrast?: boolean;
 }
 
 export { TabsRoot }
 
-export declare const TabsTrigger: __VLS_WithTemplateSlots_37<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const TabsTrigger: __VLS_WithTemplateSlots_36<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 export declare const TextArea: DefineComponent<    {
 modelValue?: string;
@@ -1316,7 +1427,7 @@ export declare interface TextAreaProps {
     radius?: RadiusType;
 }
 
-export declare const TextField: __VLS_WithTemplateSlots_21<DefineComponent<    {
+export declare const TextField: __VLS_WithTemplateSlots_17<DefineComponent<    {
 modelValue?: any;
 } & TextFieldProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: any) => any;
@@ -1350,6 +1461,7 @@ accentColor: ColorType;
 radius: RadiusType;
 grayColor: GrayColorType;
 scaling: ScalingType;
+panelBackground: "solid" | "translucent";
 hasBackground: boolean;
 as: AsTag | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
@@ -1361,6 +1473,7 @@ declare interface ThemeProviderContext {
     radius: Ref<RadiusType>;
     grayColor: Ref<GrayColorType>;
     scaling: Ref<ScalingType>;
+    panelBackground: Ref<'solid' | 'translucent'>;
     hasBackground: Ref<boolean>;
 }
 
@@ -1369,10 +1482,67 @@ export declare interface ThemeProviderProps extends PrimitiveProps {
     radius?: RadiusType;
     grayColor?: GrayColorType;
     scaling?: ScalingType;
+    panelBackground?: 'solid' | 'translucent';
     hasBackground?: boolean;
 }
 
-export declare const Toggle: __VLS_WithTemplateSlots_18<DefineComponent<ToggleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const toast: ToastFunction;
+
+declare type ToastFunction = {
+    (message: Message): number;
+    info: (message: Message) => number;
+    success: (message: Message) => number;
+    warning: (message: Message) => number;
+    error: (message: Message) => number;
+    promise: <T>(fn: () => Promise<T>, options: PromiseMessageOption<T>) => number;
+};
+
+export declare interface ToastMessage {
+    id: number;
+    category?: MessageCategory;
+    title: string;
+    height?: number;
+    type?: 'foreground' | 'background';
+    duration?: number;
+    description?: string;
+    action?: MessageAction;
+}
+
+export declare const ToastProvider: __VLS_WithTemplateSlots_45<DefineComponent<ToastProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ToastProviderProps> & Readonly<{}>, {
+size: "1" | "2" | "3";
+position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+    item?(_: {
+        key: number;
+        message: {
+            id: number;
+            category?: MessageCategory | undefined;
+            title: string;
+            height?: number | undefined;
+            type?: "foreground" | "background" | undefined;
+            duration?: number | undefined;
+            description?: string | undefined;
+            action?: {
+                label: string;
+                altText?: string | undefined;
+                variant?: "solid" | "soft" | "surface" | "outline" | "ghost" | undefined;
+                color?: ColorType | undefined;
+                radius?: RadiusType | undefined;
+                size?: "1" | "2" | "3" | "4" | undefined;
+                onClick: () => void;
+            } | undefined;
+        };
+        index: number;
+    }): any;
+}>;
+
+export declare interface ToastProviderProps extends ToastProviderProps_2 {
+    size?: '1' | '2' | '3';
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+}
+
+export declare const Toggle: __VLS_WithTemplateSlots_14<DefineComponent<ToggleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: boolean) => any;
 }, string, PublicProps, Readonly<ToggleProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1383,48 +1553,89 @@ variant: "solid" | "soft" | "ghost";
     default?(_: {}): any;
 }>;
 
-export declare const ToggleGroupItem: __VLS_WithTemplateSlots_20<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+export declare const ToggleGroupItem: __VLS_WithTemplateSlots_16<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-export declare const ToggleGroupRoot: __VLS_WithTemplateSlots_19<DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ToggleGroupRoot: __VLS_WithTemplateSlots_15<DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: AcceptableValue | AcceptableValue[]) => any;
 }, string, PublicProps, Readonly<ToggleGroupRootProps> & Readonly<{
 "onUpdate:modelValue"?: ((payload: AcceptableValue | AcceptableValue[]) => any) | undefined;
 }>, {
 size: "1" | "2" | "3";
-variant: "solid" | "soft" | "ghost";
+variant: "solid" | "soft" | "surface" | "outline" | "ghost";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export declare interface ToggleGroupRootProps extends ToggleGroupRootProps_2 {
+    /**
+     * The visual variant to apply.
+     * @default "solid"
+     */
+    variant?: 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
+    /** Overrides the accent color inherited from the Theme. */
     color?: ColorType;
-    variant?: 'solid' | 'soft' | 'ghost';
+    /**
+     * Control the size of the toggle.
+     * @default "2"
+     */
     size?: '1' | '2' | '3';
+    /** Uses a higher contrast color for the component. */
     highContrast?: boolean;
+    /** Overrides the radius inherited from the theme. */
     radius?: RadiusType;
 }
 
 export declare interface ToggleProps extends ToggleProps_2 {
-    color?: ColorType;
+    /**
+     * The visual variant to apply.
+     * @default "soft"
+     */
     variant?: 'solid' | 'soft' | 'ghost';
+    /** Overrides the accent color inherited from the Theme. */
+    color?: ColorType;
+    /** Overrides the radius inherited from the theme. */
+    radius?: RadiusType;
+    /**
+     * Control the size of the toggle.
+     * @default "2"
+     */
     size?: '1' | '2' | '3';
+    /** Uses a higher contrast color for the component. */
     highContrast?: boolean;
-    radius?: RadiusType;
 }
 
-export declare const Tooltip: __VLS_WithTemplateSlots_45<DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
-side: "top" | "bottom" | "left" | "right";
+export declare const Tooltip: __VLS_WithTemplateSlots_47<DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
+color: ColorType;
+side: "top" | "right" | "bottom" | "left";
 sideOffset: number;
 avoidCollisions: boolean;
-collisionPadding: number | Partial<Record<"top" | "bottom" | "left" | "right", number>>;
+collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+maxWidth: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
     content?(_: {}): any;
 }>;
 
 export declare interface TooltipProps extends TooltipContentProps {
-    to?: string | HTMLElement;
+    /** The content associated with the tooltip. */
     content?: string;
+    /**
+     * The max width of the tooltip popup.
+     * @default "360px"
+     */
+    maxWidth?: string;
+    /** Background color of the tooltip popup.
+     * @default "gray"
+     */
+    color?: ColorType;
 }
 
+export declare function useForwardPropsEmitsWithout<T extends Record<string, any>, Name extends string>(props: MaybeRefOrGetter<T>, emit: (name: Name, ...args: any[]) => void, exclude: string[]): ComputedRef<    {
+[x: string]: any;
+}>;
+
+export declare function useForwardPropsWithout<T extends Record<string, any>>(props: MaybeRefOrGetter<T>, exclude: string[]): ComputedRef<    {
+[x: string]: any;
+}>;
+
 export { }