@typlog/ui 0.11.5 → 0.11.7

package/dist/components/dialog.css

@@ -1,4 +1,19 @@
 
+.ui-DialogTitle {
+  font-size: var(--font-size-4);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--line-height-4);
+}
+
+.ui-DialogDescription {
+  font-size: var(--font-size-3);
+  line-height: var(--line-height-2);
+  color: var(--gray-11);
+}
+.ui-DialogTitle + .ui-DialogDescription {
+  margin-top: var(--space-2);
+}
+
 .ui-Button {
   display: inline-flex;
   align-items: center;
@@ -329,17 +344,6 @@
   top: calc(var(--dialog-content-padding) / 1.5);
   right: var(--dialog-content-padding);
 }
-.ui-DialogContent > h2[id^="reka-dialog-title"] {
-  font-size: var(--font-size-5);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-4);
-  margin-bottom: var(--space-3);
-}
-.ui-DialogContent > p[id^="reka-dialog-description"] {
-  font-size: var(--font-size-3);
-  line-height: var(--line-height-2);
-  letter-spacing: var(--letter-spacing-2);
-}
 @media (min-width: 520px) {
 .ui-DialogContainer {
     justify-content: center;

package/dist/components.css

@@ -799,6 +799,21 @@
   background-color: var(--gray-a9);
 }
 
+.ui-DialogTitle {
+  font-size: var(--font-size-4);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--line-height-4);
+}
+
+.ui-DialogDescription {
+  font-size: var(--font-size-3);
+  line-height: var(--line-height-2);
+  color: var(--gray-11);
+}
+.ui-DialogTitle + .ui-DialogDescription {
+  margin-top: var(--space-2);
+}
+
 .ui-DialogOverlay {
   position: fixed;
   inset: 0;
@@ -865,17 +880,6 @@
   top: calc(var(--dialog-content-padding) / 1.5);
   right: var(--dialog-content-padding);
 }
-.ui-DialogContent > h2[id^="reka-dialog-title"] {
-  font-size: var(--font-size-5);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-4);
-  margin-bottom: var(--space-3);
-}
-.ui-DialogContent > p[id^="reka-dialog-description"] {
-  font-size: var(--font-size-3);
-  line-height: var(--line-height-2);
-  letter-spacing: var(--letter-spacing-2);
-}
 @media (min-width: 520px) {
 .ui-DialogContainer {
     justify-content: center;

package/dist/components.d.ts

@@ -27,11 +27,12 @@ import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } 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 { DialogDescription } from 'reka-ui';
 import { DialogRoot } from 'reka-ui';
-import { DialogTitle } from 'reka-ui';
+import { DialogRootProps } from 'reka-ui';
 import { DialogTrigger } from 'reka-ui';
+import { DialogTriggerProps } from 'reka-ui';
 import { DropdownMenuContentProps as DropdownMenuContentProps_2 } from 'reka-ui';
 import { DropdownMenuItemProps as DropdownMenuItemProps_2 } from 'reka-ui';
 import { DropdownMenuRoot } from 'reka-ui';
@@ -49,6 +50,7 @@ import { PublicProps } from 'vue';
 import { RadioGroupItemProps } 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';
 import { SelectGroup } from 'reka-ui';
@@ -363,6 +365,18 @@ declare type __VLS_WithTemplateSlots_43<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_44<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_45<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_5<T, S> = T & {
     new (): {
         $slots: S;
@@ -393,19 +407,19 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
-export declare const AccordionContent: __VLS_WithTemplateSlots_38<DefineComponent<AccordionContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const AccordionContent: __VLS_WithTemplateSlots_40<DefineComponent<AccordionContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export { AccordionContentProps }
 
-export declare const AccordionItem: __VLS_WithTemplateSlots_37<DefineComponent<AccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const AccordionItem: __VLS_WithTemplateSlots_39<DefineComponent<AccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export { AccordionItemProps }
 
-export declare const AccordionRoot: __VLS_WithTemplateSlots_36<DefineComponent<AccordionRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const AccordionRoot: __VLS_WithTemplateSlots_38<DefineComponent<AccordionRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string | string[] | undefined) => any;
 }, string, PublicProps, Readonly<AccordionRootProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
@@ -419,7 +433,7 @@ export declare interface AccordionRootProps extends AccordionRootProps_2 {
     size?: '1' | '2' | '3';
 }
 
-export declare const AccordionTrigger: __VLS_WithTemplateSlots_39<DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {
+export declare const AccordionTrigger: __VLS_WithTemplateSlots_41<DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {
 indicator: "plus-minus" | "chevron";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -428,7 +442,7 @@ indicator: "plus-minus" | "chevron";
 export declare interface AccordionTriggerProps extends PrimitiveProps {
     /**
      * The indicator icon for the accordion trigger.
-     * @defaultValue "chevron"
+     * @default "chevron"
      */
     indicator?: 'plus-minus' | 'chevron';
 }
@@ -492,17 +506,17 @@ export declare interface AvatarProps {
     fallback?: string;
     /**
      * Overrides the radius inherited from the theme.
-     * @defaultValue "small"
+     * @default "small"
      */
     radius?: RadiusType;
     /**
      * The visual variant to apply.
-     * @defaultValue "solid"
+     * @default "solid"
      */
     variant?: 'solid' | 'soft' | 'ring';
     /**
      * Control the size of the avatar.
-     * @defaultValue "2"
+     * @default "2"
      */
     size?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
     /** Overrides the accent color inherited from the Theme. */
@@ -522,26 +536,26 @@ highContrast: boolean;
 export declare interface BadgeProps {
     /**
      * The visual variant to apply.
-     * @defaultValue "solid"
+     * @default "solid"
      */
     variant?: 'solid' | 'soft' | 'surface' | 'outline';
     /** Overrides the accent color inherited from the theme. */
     color?: ColorType;
     /**
      * Overrides the radius inherited from the theme.
-     * @defaultValue "small"
+     * @default "small"
      */
     radius?: RadiusType;
     /**
      * Control the size of the badge.
-     * @defaultValue "1"
+     * @default "1"
      */
     size?: '1' | '2' | '3';
     /** Uses a higher contrast color for the component. */
     highContrast?: boolean;
     /**
      * The element or component this component should render as.
-     * @defaultValue "span"
+     * @default "span"
      */
     as?: AsTag;
     asChild?: boolean;
@@ -561,7 +575,7 @@ highContrast: boolean;
 declare interface ButtonProps {
     /**
      * The visual variant to apply.
-     * @defaultValue "solid"
+     * @default "solid"
      */
     variant?: 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
     /** Overrides the accent color inherited from the Theme. */
@@ -570,7 +584,7 @@ declare interface ButtonProps {
     radius?: RadiusType;
     /**
      * Control the size of the button.
-     * @defaultValue "2"
+     * @default "2"
      */
     size?: '1' | '2' | '3' | '4';
     /** Uses a higher contrast color for the component. */
@@ -579,7 +593,7 @@ declare interface ButtonProps {
     disabled?: boolean;
     /**
      * The element or component this component should render as.
-     * @defaultValue "button"
+     * @default "button"
      */
     as?: AsTag | Component;
     asChild?: boolean;
@@ -624,7 +638,7 @@ declare interface CheckboxGroupItemProps extends CheckboxProps {
     value: string;
 }
 
-export declare const CheckboxGroupRoot: __VLS_WithTemplateSlots_15<DefineComponent<    {
+export declare const CheckboxGroupRoot: __VLS_WithTemplateSlots_17<DefineComponent<    {
 modelValue?: any[];
 } & CheckboxGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: any[]) => any;
@@ -656,7 +670,7 @@ declare interface ChevronIconProps {
     arrowTransform?: 'right-down' | 'right-up' | 'up-down' | 'down-up';
 }
 
-export declare const CollapsibleContent: __VLS_WithTemplateSlots_40<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+export declare const CollapsibleContent: __VLS_WithTemplateSlots_42<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
 export { CollapsibleRoot }
 
@@ -684,7 +698,7 @@ export declare interface ColorFieldProps {
 
 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_27<DefineComponent<ComboboxContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ComboboxContent: __VLS_WithTemplateSlots_29<DefineComponent<ComboboxContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -710,7 +724,7 @@ export { ComboboxEmpty }
 
 export { ComboboxGroup }
 
-export declare const ComboboxInput: __VLS_WithTemplateSlots_26<DefineComponent<ComboboxInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ComboboxInput: __VLS_WithTemplateSlots_28<DefineComponent<ComboboxInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (args_0: string) => any;
 }, string, PublicProps, Readonly<ComboboxInputProps> & Readonly<{
 "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
@@ -728,13 +742,13 @@ declare interface ComboboxInputProps extends ComboboxInputProps_2 {
     placeholder?: string;
 }
 
-export declare const ComboboxItem: __VLS_WithTemplateSlots_28<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+export declare const ComboboxItem: __VLS_WithTemplateSlots_30<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
-export declare const ComboboxLabel: __VLS_WithTemplateSlots_29<DefineComponent<ComboboxLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComboboxLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const ComboboxLabel: __VLS_WithTemplateSlots_31<DefineComponent<ComboboxLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComboboxLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare const ComboboxRoot: __VLS_WithTemplateSlots_25<DefineComponent<ComboboxRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ComboboxRoot: __VLS_WithTemplateSlots_27<DefineComponent<ComboboxRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: AcceptableValue) => any;
 "update:open": (value: boolean) => any;
 highlight: (payload: {
@@ -761,7 +775,7 @@ export declare interface ComboboxRootProps extends ComboboxRootProps_2 {
     highContrast?: boolean;
 }
 
-declare const _default: __VLS_WithTemplateSlots_30<DefineComponent<RadioGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots_32<DefineComponent<RadioGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: string) => any;
 }, string, PublicProps, Readonly<RadioGroupRootProps> & Readonly<{
 "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
@@ -776,7 +790,9 @@ export { _default as RadioGroupRoot }
 
 export { DialogClose }
 
-export declare const DialogContent: __VLS_WithTemplateSlots_11<DefineComponent<DialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export { DialogCloseProps }
+
+export declare const DialogContent: __VLS_WithTemplateSlots_13<DefineComponent<DialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -809,15 +825,27 @@ export declare interface DialogContentProps extends DialogContentProps_2 {
     closeIcon?: boolean;
 }
 
-export { DialogDescription }
+export declare const DialogDescription: __VLS_WithTemplateSlots_12<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
 
 export { DialogRoot }
 
-export { DialogTitle }
+export { DialogRootProps }
+
+export declare const DialogTitle: __VLS_WithTemplateSlots_11<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
 
 export { DialogTrigger }
 
-export declare const DropdownMenuContent: __VLS_WithTemplateSlots_12<DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export { DialogTriggerProps }
+
+export declare const DropdownMenuContent: __VLS_WithTemplateSlots_14<DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -849,7 +877,7 @@ export declare interface DropdownMenuContentProps extends DropdownMenuContentPro
     highContrast?: boolean;
 }
 
-export declare const DropdownMenuItem: __VLS_WithTemplateSlots_13<DefineComponent<DropdownMenuItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const DropdownMenuItem: __VLS_WithTemplateSlots_15<DefineComponent<DropdownMenuItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 select: (event: Event) => any;
 }, string, PublicProps, Readonly<DropdownMenuItemProps> & Readonly<{
 onSelect?: ((event: Event) => any) | undefined;
@@ -882,14 +910,14 @@ size: "1" | "2" | "3";
 export declare interface EditableProps extends EditableRootProps {
     /**
      * Overrides the radius inherited from the theme.
-     * @defaultValue "small"
+     * @default "small"
      */
     radius?: RadiusType;
     /** Overrides the accent color inherited from the theme. */
     color?: ColorType;
     /**
      * Control the size of the padding and radius.
-     * @defaultValue "1"
+     * @default "1"
      */
     size?: '1' | '2' | '3';
 }
@@ -914,6 +942,8 @@ export declare interface IconCircleProps {
     icon: string;
 }
 
+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";
@@ -928,7 +958,7 @@ export declare interface InsetProps {
 
 declare type InsetSide = 'all' | 'x' | 'y' | 'top' | 'bottom' | 'left' | 'right';
 
-export declare const Pagination: __VLS_WithTemplateSlots_41<DefineComponent<    {
+export declare const Pagination: __VLS_WithTemplateSlots_43<DefineComponent<    {
 page: number;
 } & PaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:page": (value: number) => any;
@@ -983,7 +1013,7 @@ declare interface PlusMinusIconProps {
 
 export { PopoverClose }
 
-export declare const PopoverContent: __VLS_WithTemplateSlots_14<DefineComponent<PopoverContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const PopoverContent: __VLS_WithTemplateSlots_16<DefineComponent<PopoverContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -1012,6 +1042,8 @@ export { PopoverRoot }
 
 export { PopoverTrigger }
 
+export declare const provideThemeContext: (contextValue: ThemeProviderContext) => ThemeProviderContext;
+
 export declare const Quota: DefineComponent<QuotaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<QuotaProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare interface QuotaProps {
@@ -1032,11 +1064,11 @@ size: "1" | "2" | "3";
 variant: "surface" | "soft";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLInputElement>;
 
-export declare const RadioCardsItem: __VLS_WithTemplateSlots_32<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const RadioCardsItem: __VLS_WithTemplateSlots_34<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare const RadioGroupItem: __VLS_WithTemplateSlots_31<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>, {
+export declare const RadioGroupItem: __VLS_WithTemplateSlots_33<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>, {
     default?(_: {}): any;
 }>;
 
@@ -1059,7 +1091,7 @@ export declare interface RadioProps {
 
 export { RadioTabsItem }
 
-export declare const RadioTabsList: __VLS_WithTemplateSlots_33<DefineComponent<RadioTabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const RadioTabsList: __VLS_WithTemplateSlots_35<DefineComponent<RadioTabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: string) => any;
 }, string, PublicProps, Readonly<RadioTabsListProps> & Readonly<{
 "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
@@ -1101,7 +1133,7 @@ export declare interface ScrollAreaProps extends ScrollAreaRootProps {
     scrollbars?: 'vertical' | 'horizontal' | 'both';
 }
 
-export declare const SelectContent: __VLS_WithTemplateSlots_21<DefineComponent<SelectContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectContentProps> & Readonly<{}>, {
+export declare const SelectContent: __VLS_WithTemplateSlots_23<DefineComponent<SelectContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectContentProps> & Readonly<{}>, {
 variant: "solid" | "soft";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -1114,19 +1146,19 @@ export declare interface SelectContentProps extends SelectContentProps_2 {
 
 export { SelectGroup }
 
-export declare const SelectItem: __VLS_WithTemplateSlots_23<DefineComponent<SelectItemProps<AcceptableValue>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectItemProps<AcceptableValue>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const SelectItem: __VLS_WithTemplateSlots_25<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_24<DefineComponent<SelectLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const SelectLabel: __VLS_WithTemplateSlots_26<DefineComponent<SelectLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export { SelectLabelProps }
 
-export declare const SelectRoot: __VLS_WithTemplateSlots_20<DefineComponent<SelectRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const SelectRoot: __VLS_WithTemplateSlots_22<DefineComponent<SelectRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: AcceptableValue) => any;
 "update:open": (value: boolean) => any;
 }, string, PublicProps, Readonly<SelectRootProps> & Readonly<{
@@ -1146,7 +1178,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_22<DefineComponent<SelectTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectTriggerProps> & Readonly<{}>, {
+export declare const SelectTrigger: __VLS_WithTemplateSlots_24<DefineComponent<SelectTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectTriggerProps> & Readonly<{}>, {
 variant: "surface" | "soft" | "ghost";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {
@@ -1186,7 +1218,7 @@ export declare interface SocialButtonProps extends PrimitiveProps {
     radius?: RadiusType;
     /**
      * Control the size of the social button.
-     * @defaultValue "2"
+     * @default "2"
      */
     size?: '1' | '2' | '3' | '4';
     disabled?: boolean;
@@ -1221,7 +1253,7 @@ export declare interface SwitchProps extends SwitchRootProps {
     radius?: RadiusType;
 }
 
-export declare const Table: __VLS_WithTemplateSlots_42<DefineComponent<TableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TableProps> & Readonly<{}>, {
+export declare const Table: __VLS_WithTemplateSlots_44<DefineComponent<TableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TableProps> & Readonly<{}>, {
 size: "1" | "2" | "3";
 variant: "surface" | "ghost";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
@@ -1236,7 +1268,7 @@ export declare interface TableProps {
 
 export { TabsContent }
 
-export declare const TabsList: __VLS_WithTemplateSlots_34<DefineComponent<TabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsListProps> & Readonly<{}>, {
+export declare const TabsList: __VLS_WithTemplateSlots_36<DefineComponent<TabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsListProps> & Readonly<{}>, {
 size: "1" | "2";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -1250,7 +1282,7 @@ export declare interface TabsListProps {
 
 export { TabsRoot }
 
-export declare const TabsTrigger: __VLS_WithTemplateSlots_35<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const TabsTrigger: __VLS_WithTemplateSlots_37<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 export declare const TextArea: DefineComponent<    {
 modelValue?: string;
@@ -1274,7 +1306,7 @@ export declare interface TextAreaProps {
     radius?: RadiusType;
 }
 
-export declare const TextField: __VLS_WithTemplateSlots_19<DefineComponent<    {
+export declare const TextField: __VLS_WithTemplateSlots_21<DefineComponent<    {
 modelValue?: any;
 } & TextFieldProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: any) => any;
@@ -1314,6 +1346,14 @@ as: AsTag | Component;
     default?(_: {}): any;
 }>;
 
+declare interface ThemeProviderContext {
+    accentColor: Ref<ColorType>;
+    radius: Ref<RadiusType>;
+    grayColor: Ref<GrayColorType>;
+    scaling: Ref<ScalingType>;
+    hasBackground: Ref<boolean>;
+}
+
 export declare interface ThemeProviderProps extends PrimitiveProps {
     accentColor?: ColorType;
     radius?: RadiusType;
@@ -1322,7 +1362,7 @@ export declare interface ThemeProviderProps extends PrimitiveProps {
     hasBackground?: boolean;
 }
 
-export declare const Toggle: __VLS_WithTemplateSlots_16<DefineComponent<ToggleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const Toggle: __VLS_WithTemplateSlots_18<DefineComponent<ToggleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: boolean) => any;
 }, string, PublicProps, Readonly<ToggleProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1333,9 +1373,9 @@ variant: "solid" | "soft" | "ghost";
     default?(_: {}): any;
 }>;
 
-export declare const ToggleGroupItem: __VLS_WithTemplateSlots_18<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+export declare const ToggleGroupItem: __VLS_WithTemplateSlots_20<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
-export declare const ToggleGroupRoot: __VLS_WithTemplateSlots_17<DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ToggleGroupRoot: __VLS_WithTemplateSlots_19<DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: AcceptableValue | AcceptableValue[]) => any;
 }, string, PublicProps, Readonly<ToggleGroupRootProps> & Readonly<{
 "onUpdate:modelValue"?: ((payload: AcceptableValue | AcceptableValue[]) => any) | undefined;
@@ -1362,7 +1402,7 @@ export declare interface ToggleProps extends ToggleProps_2 {
     radius?: RadiusType;
 }
 
-export declare const Tooltip: __VLS_WithTemplateSlots_43<DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
+export declare const Tooltip: __VLS_WithTemplateSlots_45<DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
 side: "top" | "bottom" | "left" | "right";
 sideOffset: number;
 avoidCollisions: boolean;

package/dist/components.js

@@ -1,10 +1,10 @@
 import { defineComponent, toRefs, createBlock, openBlock, unref, withCtx, createVNode, renderSlot, computed, normalizeClass, createTextVNode, toDisplayString, createElementBlock, mergeProps, createCommentVNode, createElementVNode, mergeModels, ref, useModel, onMounted, onBeforeUnmount, useTemplateRef, withDirectives, isRef, vModelDynamic, vModelText, normalizeStyle, normalizeProps, guardReactiveProps, Fragment, watch, renderList, withModifiers, vModelRadio } from "vue";
-import { createContext, TooltipProvider, Primitive, useForwardProps, useEmitAsProps, AvatarRoot, AvatarImage, AvatarFallback, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, DialogPortal, DialogOverlay, DialogContent, DialogClose, useForwardExpose, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, PopoverPortal, PopoverContent, SwitchRoot, SwitchThumb, CheckboxRoot, CheckboxIndicator, Toggle, ToggleGroupRoot, ToggleGroupItem, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectTrigger, SelectValue, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, ComboboxRoot, injectComboboxRootContext as injectComboboxRootContext$1, useForwardPropsEmits as useForwardPropsEmits$1, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, RadioGroupRoot, RadioGroupItem, TabsList, TabsIndicator, TabsTrigger, EditableRoot, EditableArea, EditablePreview, EditableInput, AccordionRoot, AccordionItem, AccordionContent, AccordionTrigger, CollapsibleContent, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, ProgressRoot, ProgressIndicator } from "reka-ui";
-import { AlertDialogAction, AlertDialogCancel, AlertDialogDescription, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, CollapsibleRoot, CollapsibleTrigger, ComboboxEmpty, ComboboxGroup, DialogClose as DialogClose2, DialogDescription, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuRoot, DropdownMenuTrigger, PopoverClose, PopoverRoot, PopoverTrigger, RadioGroupItem as RadioGroupItem2, SelectGroup, TabsContent, TabsRoot } from "reka-ui";
+import { createContext, TooltipProvider, Primitive, useForwardProps, useEmitAsProps, AvatarRoot, AvatarImage, AvatarFallback, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, injectDialogRootContext, useForwardExpose, DialogPortal, DialogOverlay, DialogContent, DialogClose, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, PopoverPortal, PopoverContent, SwitchRoot, SwitchThumb, CheckboxRoot, CheckboxIndicator, Toggle, ToggleGroupRoot, ToggleGroupItem, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectTrigger, SelectValue, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, ComboboxRoot, injectComboboxRootContext as injectComboboxRootContext$1, useForwardPropsEmits as useForwardPropsEmits$1, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, RadioGroupRoot, RadioGroupItem, TabsList, TabsIndicator, TabsTrigger, EditableRoot, EditableArea, EditablePreview, EditableInput, AccordionRoot, AccordionItem, AccordionContent, AccordionTrigger, CollapsibleContent, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, ProgressRoot, ProgressIndicator } from "reka-ui";
+import { AlertDialogAction, AlertDialogCancel, AlertDialogDescription, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, CollapsibleRoot, CollapsibleTrigger, ComboboxEmpty, ComboboxGroup, DialogClose as DialogClose2, DialogRoot, DialogTrigger, DropdownMenuRoot, DropdownMenuTrigger, PopoverClose, PopoverRoot, PopoverTrigger, RadioGroupItem as RadioGroupItem2, SelectGroup, TabsContent, TabsRoot } from "reka-ui";
 import { Icon } from "@iconify/vue";
 import { Icon as Icon2 } from "@iconify/vue";
 const [injectThemeContext, provideThemeContext] = createContext("ThemeProvider");
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "ThemeProvider",
   props: {
     accentColor: { default: "indigo" },
@@ -106,7 +106,7 @@ function kebabize(str) {
 function _kebabReplace(str, ofs) {
   return (ofs ? "-" : "") + str.toLowerCase();
 }
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     alt: {},
@@ -158,7 +158,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     variant: { default: "soft" },
@@ -190,7 +190,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "Inset",
   props: {
     side: { default: "all" },
@@ -214,7 +214,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     variant: { default: "surface" },
@@ -243,7 +243,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "CardHead",
   props: {
     color: {},
@@ -266,7 +266,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: { default: "solid" },
@@ -290,17 +290,18 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         as: props.as,
         "data-accent-color": props.color,
         "data-radius": props.radius,
-        "data-disabled": props.disabled ? true : void 0
+        "data-disabled": props.disabled ? true : void 0,
+        disabled: props.disabled && props.as === "button" ? true : void 0
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled"]);
+      }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled", "disabled"]);
     };
   }
 });
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "IconButton",
   props: {
     variant: {},
@@ -316,7 +317,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     const props = __props;
     const forwarded = useForwardProps(props);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$S, mergeProps({ class: "ui-IconButton" }, unref(forwarded)), {
+      return openBlock(), createBlock(_sfc_main$U, mergeProps({ class: "ui-IconButton" }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -334,7 +335,7 @@ const BRAND_ICONS = {
   slack: "logos:slack-icon",
   figma: "logos:figma"
 };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "SocialButton",
   props: {
     brand: {},
@@ -372,7 +373,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "ScrollArea",
   props: {
     size: { default: "1" },
@@ -436,7 +437,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "ThemeWrapper",
   props: {
     accentColor: {},
@@ -452,20 +453,19 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         "data-gray-color": unref(theme).grayColor.value,
         "data-radius": props.radius || unref(theme).radius.value,
         "data-scaling": unref(theme).scaling.value,
-        "data-has-background": unref(theme).hasBackground.value,
         "as-child": ""
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 8, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling", "data-has-background"]);
+      }, 8, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling"]);
     };
   }
 });
 const _hoisted_1$j = { class: "ui-DialogWrapper" };
 const _hoisted_2$7 = { class: "ui-DialogContainer" };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -505,7 +505,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         to: props.to
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$O, null, {
+          createVNode(_sfc_main$Q, null, {
             default: withCtx(() => [
               createVNode(unref(AlertDialogOverlay), { class: "ui-DialogOverlay" }, {
                 default: withCtx(() => [
@@ -545,6 +545,52 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  __name: "DialogTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "h2" }
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = injectDialogRootContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+        id: unref(rootContext).titleId,
+        class: "ui-DialogTitle"
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["id"]);
+    };
+  }
+});
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  __name: "DialogDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "p" }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    const rootContext = injectDialogRootContext();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+        id: unref(rootContext).descriptionId,
+        class: "ui-DialogDescription"
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["id"]);
+    };
+  }
+});
 const _hoisted_1$i = { class: "ui-DialogWrapper" };
 const _hoisted_2$6 = { class: "ui-DialogContainer" };
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
@@ -589,7 +635,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         to: props.to
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$O, null, {
+          createVNode(_sfc_main$Q, null, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), { class: "ui-DialogOverlay" }, {
                 default: withCtx(() => [
@@ -611,7 +657,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                         }
                       }), {
                         default: withCtx(() => [
-                          props.closeIcon ? (openBlock(), createBlock(_sfc_main$R, {
+                          props.closeIcon ? (openBlock(), createBlock(_sfc_main$T, {
                             key: 0,
                             class: "ui-DialogContentClose",
                             as: unref(DialogClose),
@@ -695,7 +741,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
         to: props.to
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$O, {
+          createVNode(_sfc_main$Q, {
             "accent-color": props.color
           }, {
             default: withCtx(() => [
@@ -707,7 +753,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                 class: ["ui-PopperContent ui-MenuContent", `r-size-${props.size}`]
               }), {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$P, { type: "auto" }, {
+                  createVNode(_sfc_main$R, { type: "auto" }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_1$h, [
                         renderSlot(_ctx.$slots, "default")
@@ -804,7 +850,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
         to: props.to
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$O, null, {
+          createVNode(_sfc_main$Q, null, {
             default: withCtx(() => [
               createVNode(unref(PopoverContent), mergeProps({ ..._ctx.$attrs, ...unref(forwarded) }, {
                 class: ["ui-PopoverContent", `r-size-${props.size}`]
@@ -1491,7 +1537,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         to: props.to
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$O, {
+          createVNode(_sfc_main$Q, {
             "accent-color": unref(context).color.value
           }, {
             default: withCtx(() => [
@@ -1894,7 +1940,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         to: props.to
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$O, {
+          createVNode(_sfc_main$Q, {
             "accent-color": unref(context).color.value
           }, {
             default: withCtx(() => [
@@ -2144,7 +2190,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         "data-high-contrast": unref(rootContext).highContrast?.value
       }, { ...unref(forwarded), asChild: false }), {
         default: withCtx(() => [
-          createVNode(_sfc_main$U, {
+          createVNode(_sfc_main$W, {
             "as-child": unref(forwarded).asChild
           }, {
             default: withCtx(() => [
@@ -2543,7 +2589,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["ui-Pagination", resetClass.value])
       }, [
-        pagination.value.prev ? (openBlock(), createBlock(_sfc_main$R, mergeProps({ key: 0 }, buttonProps.value, {
+        pagination.value.prev ? (openBlock(), createBlock(_sfc_main$T, mergeProps({ key: 0 }, buttonProps.value, {
           "aria-label": "Previous",
           onClick: _cache[0] || (_cache[0] = withModifiers(($event) => selectPage(pagination.value.prev), ["prevent"]))
         }), {
@@ -2556,7 +2602,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16)) : createCommentVNode("", true),
-        createVNode(_sfc_main$S, mergeProps(buttonProps.value, {
+        createVNode(_sfc_main$U, mergeProps(buttonProps.value, {
           disabled: page.value === 1,
           "aria-current": "page",
           onClick: _cache[1] || (_cache[1] = withModifiers(($event) => selectPage(1), ["prevent"]))
@@ -2568,7 +2614,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["disabled"]),
-        pagination.value.hasLeftEdge ? (openBlock(), createBlock(_sfc_main$R, mergeProps({ key: 1 }, buttonProps.value, {
+        pagination.value.hasLeftEdge ? (openBlock(), createBlock(_sfc_main$T, mergeProps({ key: 1 }, buttonProps.value, {
           onClick: withModifiers(selectLeft, ["prevent"])
         }), {
           default: withCtx(() => [
@@ -2581,7 +2627,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           _: 3
         }, 16)) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(pagination.value.pageList, (p) => {
-          return openBlock(), createBlock(_sfc_main$S, mergeProps({ key: p }, { ref_for: true }, buttonProps.value, {
+          return openBlock(), createBlock(_sfc_main$U, mergeProps({ key: p }, { ref_for: true }, buttonProps.value, {
             disabled: p === page.value,
             "aria-current": "page",
             onClick: withModifiers(($event) => selectPage(p), ["prevent"])
@@ -2594,7 +2640,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             _: 2
           }, 1040, ["disabled", "onClick"]);
         }), 128)),
-        pagination.value.hasRightEdge ? (openBlock(), createBlock(_sfc_main$R, mergeProps({ key: 2 }, buttonProps.value, {
+        pagination.value.hasRightEdge ? (openBlock(), createBlock(_sfc_main$T, mergeProps({ key: 2 }, buttonProps.value, {
           onClick: withModifiers(selectRight, ["prevent"])
         }), {
           default: withCtx(() => [
@@ -2606,7 +2652,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16)) : createCommentVNode("", true),
-        pagination.value.totalPages > 1 ? (openBlock(), createBlock(_sfc_main$S, mergeProps({ key: 3 }, buttonProps.value, {
+        pagination.value.totalPages > 1 ? (openBlock(), createBlock(_sfc_main$U, mergeProps({ key: 3 }, buttonProps.value, {
           disabled: pagination.value.totalPages === page.value,
           "aria-current": "page",
           onClick: _cache[2] || (_cache[2] = withModifiers(($event) => selectPage(pagination.value.totalPages), ["prevent"]))
@@ -2620,7 +2666,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 16, ["disabled"])) : createCommentVNode("", true),
-        pagination.value.next ? (openBlock(), createBlock(_sfc_main$R, mergeProps({ key: 4 }, buttonProps.value, {
+        pagination.value.next ? (openBlock(), createBlock(_sfc_main$T, mergeProps({ key: 4 }, buttonProps.value, {
           "aria-label": "Next",
           onClick: _cache[3] || (_cache[3] = withModifiers(($event) => selectPage(pagination.value.next), ["prevent"]))
         }), {
@@ -2654,7 +2700,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         "data-size": props.size,
         "data-variant": props.variant
       }, [
-        createVNode(_sfc_main$P, null, {
+        createVNode(_sfc_main$R, null, {
           default: withCtx(() => [
             createElementVNode("table", {
               class: "ui-TableContent",
@@ -2734,7 +2780,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             to: props.to
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$O, null, {
+              createVNode(_sfc_main$Q, null, {
                 default: withCtx(() => [
                   createVNode(unref(TooltipContent), {
                     class: "ui-Tooltip",
@@ -2899,16 +2945,16 @@ export {
   _sfc_main$9 as AccordionTrigger,
   AlertDialogAction,
   AlertDialogCancel,
-  _sfc_main$N as AlertDialogContent,
+  _sfc_main$P as AlertDialogContent,
   AlertDialogDescription,
   AlertDialogRoot,
   AlertDialogTitle,
   AlertDialogTrigger,
-  _sfc_main$X as Avatar,
-  _sfc_main$W as Badge,
-  _sfc_main$S as Button,
-  _sfc_main$U as Card,
-  _sfc_main$T as CardHead,
+  _sfc_main$Z as Avatar,
+  _sfc_main$Y as Badge,
+  _sfc_main$U as Button,
+  _sfc_main$W as Card,
+  _sfc_main$V as CardHead,
   _sfc_main$H as Checkbox,
   _sfc_main$E as CheckboxGroupControl,
   _sfc_main$F as CheckboxGroupItem,
@@ -2927,9 +2973,9 @@ export {
   _sfc_main$r as ComboboxRoot,
   DialogClose2 as DialogClose,
   _sfc_main$M as DialogContent,
-  DialogDescription,
+  _sfc_main$N as DialogDescription,
   DialogRoot,
-  DialogTitle,
+  _sfc_main$O as DialogTitle,
   DialogTrigger,
   _sfc_main$L as DropdownMenuContent,
   _sfc_main$K as DropdownMenuItem,
@@ -2937,9 +2983,9 @@ export {
   DropdownMenuTrigger,
   _sfc_main$f as Editable,
   Icon2 as Icon,
-  _sfc_main$R as IconButton,
+  _sfc_main$T as IconButton,
   _sfc_main as IconCircle,
-  _sfc_main$V as Inset,
+  _sfc_main$X as Inset,
   _sfc_main$7 as Pagination,
   _sfc_main$b as PlusMinusIcon,
   PopoverClose,
@@ -2955,7 +3001,7 @@ export {
   RadioGroupItem2 as RadioTabsItem,
   _sfc_main$i as RadioTabsList,
   _sfc_main$1 as SavingIndicator,
-  _sfc_main$P as ScrollArea,
+  _sfc_main$R as ScrollArea,
   _sfc_main$w as SelectContent,
   SelectGroup,
   _sfc_main$u as SelectItem,
@@ -2964,7 +3010,7 @@ export {
   SelectSeparator,
   _sfc_main$v as SelectTrigger,
   _sfc_main$5 as Separator,
-  _sfc_main$Q as SocialButton,
+  _sfc_main$S as SocialButton,
   _sfc_main$2 as Spinner,
   _sfc_main$I as Switch,
   _sfc_main$6 as Table,
@@ -2974,9 +3020,11 @@ export {
   _sfc_main$g as TabsTrigger,
   _sfc_main$z as TextArea,
   _sfc_main$A as TextField,
-  _sfc_main$Y as ThemeProvider,
+  _sfc_main$_ as ThemeProvider,
   _sfc_main$D as Toggle,
   _sfc_main$B as ToggleGroupItem,
   _sfc_main$C as ToggleGroupRoot,
-  _sfc_main$4 as Tooltip
+  _sfc_main$4 as Tooltip,
+  injectThemeContext,
+  provideThemeContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typlog/ui",
-  "version": "0.11.5",
+  "version": "0.11.7",
   "license": "MIT",
   "type": "module",
   "description": "Themed components for Reka UI.",