@typlog/ui 0.11.6 → 0.11.8

package/components/alert.css

@@ -0,0 +1,15 @@
+
+.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);
+}

package/{dist/components → components}/button.css

@@ -130,10 +130,6 @@
 .ui-Button:where(.r-variant-soft, .r-variant-ghost):where(.r-high-contrast) {
   color: var(--accent-12);
 }
-.ui-Button:where(.r-variant-soft):where([data-disabled]) {
-  color: var(--gray-a8);
-  background-color: var(--gray-a3);
-}
 .ui-Button:where(.r-variant-soft) {
   background-color: var(--accent-a3);
 }

package/{dist/components → 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;
@@ -130,10 +145,6 @@
 .ui-Button:where(.r-variant-soft, .r-variant-ghost):where(.r-high-contrast) {
   color: var(--accent-12);
 }
-.ui-Button:where(.r-variant-soft):where([data-disabled]) {
-  color: var(--gray-a8);
-  background-color: var(--gray-a3);
-}
 .ui-Button:where(.r-variant-soft) {
   background-color: var(--accent-a3);
 }
@@ -329,17 +340,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 → components}/pagination.css

@@ -130,10 +130,6 @@
 .ui-Button:where(.r-variant-soft, .r-variant-ghost):where(.r-high-contrast) {
   color: var(--accent-12);
 }
-.ui-Button:where(.r-variant-soft):where([data-disabled]) {
-  color: var(--gray-a8);
-  background-color: var(--gray-a3);
-}
 .ui-Button:where(.r-variant-soft) {
   background-color: var(--accent-a3);
 }

package/{dist/components.css → components.css}

@@ -521,10 +521,6 @@
 .ui-Button:where(.r-variant-soft, .r-variant-ghost):where(.r-high-contrast) {
   color: var(--accent-12);
 }
-.ui-Button:where(.r-variant-soft):where([data-disabled]) {
-  color: var(--gray-a8);
-  background-color: var(--gray-a3);
-}
 .ui-Button:where(.r-variant-soft) {
   background-color: var(--accent-a3);
 }
@@ -799,6 +795,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 +876,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 → components.d.ts}

@@ -4,12 +4,14 @@ import { AccordionContentProps } from 'reka-ui';
 import { AccordionItemProps } 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 { AlertDialogDescription } from 'reka-ui';
+import { AlertDialogProps } from 'reka-ui';
 import { AlertDialogRoot } from 'reka-ui';
-import { AlertDialogTitle } from 'reka-ui';
 import { AlertDialogTrigger } from 'reka-ui';
+import { AlertDialogTriggerProps } from 'reka-ui';
 import { AsTag } from 'reka-ui';
 import { CheckboxRootProps } from 'reka-ui';
 import { CollapsibleContentProps } from 'reka-ui';
@@ -27,11 +29,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 +52,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 +367,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 +409,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 +435,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;
@@ -435,9 +451,13 @@ export declare interface AccordionTriggerProps extends PrimitiveProps {
 
 export { AlertDialogAction }
 
+export { AlertDialogActionProps }
+
 export { AlertDialogCancel }
 
-export declare const AlertDialogContent: __VLS_WithTemplateSlots_10<DefineComponent<AlertDialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export { AlertDialogCancelProps }
+
+export declare const AlertDialogContent: __VLS_WithTemplateSlots_12<DefineComponent<AlertDialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -469,14 +489,14 @@ export declare interface AlertDialogContentProps extends AlertDialogContentProps
     maxHeight?: string;
 }
 
-export { AlertDialogDescription }
+export { AlertDialogProps }
 
 export { AlertDialogRoot }
 
-export { AlertDialogTitle }
-
 export { AlertDialogTrigger }
 
+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";
@@ -624,7 +644,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 +676,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 +704,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 +730,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 +748,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 +781,23 @@ export declare interface ComboboxRootProps extends ComboboxRootProps_2 {
     highContrast?: boolean;
 }
 
-declare const _default: __VLS_WithTemplateSlots_30<DefineComponent<RadioGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots_10<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export { _default as AlertDialogTitle }
+export { _default as DialogTitle }
+
+declare const _default_2: __VLS_WithTemplateSlots_11<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
+as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+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;
@@ -771,12 +807,14 @@ variant: "surface" | "soft";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
-export { _default as RadioCardsRoot }
-export { _default as RadioGroupRoot }
+export { _default_3 as RadioCardsRoot }
+export { _default_3 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 +847,15 @@ export declare interface DialogContentProps extends DialogContentProps_2 {
     closeIcon?: boolean;
 }
 
-export { DialogDescription }
-
 export { DialogRoot }
 
-export { DialogTitle }
+export { DialogRootProps }
 
 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 +887,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;
@@ -914,6 +952,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 +968,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 +1023,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 +1052,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 +1074,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 +1101,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 +1143,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 +1156,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 +1188,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?(_: {
@@ -1221,7 +1263,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 +1278,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 +1292,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 +1316,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 +1356,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 +1372,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 +1383,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 +1412,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 → 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, injectDialogRootContext, useForwardExpose, DialogPortal, DialogOverlay, DialogContent, DialogClose, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, 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, AlertDialogRoot, 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" },
@@ -301,7 +301,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "IconButton",
   props: {
     variant: {},
@@ -317,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")
         ]),
@@ -335,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: {},
@@ -373,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" },
@@ -437,6 +437,52 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$Q = /* @__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$P = /* @__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 _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "ThemeWrapper",
   props: {
@@ -469,16 +515,17 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
-  __name: "AlertDialogContent",
+  __name: "DialogContent",
   props: {
     to: {},
     size: { default: "3" },
     width: {},
     minWidth: {},
-    maxWidth: { default: "450px" },
+    maxWidth: { default: "600px" },
     height: {},
     minHeight: {},
     maxHeight: {},
+    closeIcon: { type: Boolean },
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
@@ -498,20 +545,21 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       "maxWidth",
       "height",
       "minHeight",
-      "maxHeight"
+      "maxHeight",
+      "closeIcon"
     ]);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AlertDialogPortal), {
+      return openBlock(), createBlock(unref(DialogPortal), {
         to: props.to
       }, {
         default: withCtx(() => [
           createVNode(_sfc_main$O, null, {
             default: withCtx(() => [
-              createVNode(unref(AlertDialogOverlay), { class: "ui-DialogOverlay" }, {
+              createVNode(unref(DialogOverlay), { class: "ui-DialogOverlay" }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1$j, [
                     createElementVNode("div", _hoisted_2$7, [
-                      createVNode(unref(AlertDialogContent), mergeProps({
+                      createVNode(unref(DialogContent), mergeProps({
                         class: ["ui-DialogContent", `r-size-${props.size}`]
                       }, {
                         ..._ctx.$attrs,
@@ -527,6 +575,20 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                         }
                       }), {
                         default: withCtx(() => [
+                          props.closeIcon ? (openBlock(), createBlock(_sfc_main$T, {
+                            key: 0,
+                            class: "ui-DialogContentClose",
+                            as: unref(DialogClose),
+                            type: "button",
+                            variant: "ghost",
+                            color: "gray",
+                            "aria-label": "Close"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Icon), { icon: "lucide:x" })
+                            ]),
+                            _: 1
+                          }, 8, ["as"])) : createCommentVNode("", true),
                           renderSlot(_ctx.$slots, "default")
                         ]),
                         _: 3
@@ -551,17 +613,16 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
-  __name: "DialogContent",
+  __name: "AlertDialogContent",
   props: {
     to: {},
     size: { default: "3" },
     width: {},
     minWidth: {},
-    maxWidth: { default: "600px" },
+    maxWidth: { default: "450px" },
     height: {},
     minHeight: {},
     maxHeight: {},
-    closeIcon: { type: Boolean },
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
@@ -581,21 +642,20 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       "maxWidth",
       "height",
       "minHeight",
-      "maxHeight",
-      "closeIcon"
+      "maxHeight"
     ]);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogPortal), {
+      return openBlock(), createBlock(unref(AlertDialogPortal), {
         to: props.to
       }, {
         default: withCtx(() => [
           createVNode(_sfc_main$O, null, {
             default: withCtx(() => [
-              createVNode(unref(DialogOverlay), { class: "ui-DialogOverlay" }, {
+              createVNode(unref(AlertDialogOverlay), { class: "ui-DialogOverlay" }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1$i, [
                     createElementVNode("div", _hoisted_2$6, [
-                      createVNode(unref(DialogContent), mergeProps({
+                      createVNode(unref(AlertDialogContent), mergeProps({
                         class: ["ui-DialogContent", `r-size-${props.size}`]
                       }, {
                         ..._ctx.$attrs,
@@ -611,20 +671,6 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                         }
                       }), {
                         default: withCtx(() => [
-                          props.closeIcon ? (openBlock(), createBlock(_sfc_main$R, {
-                            key: 0,
-                            class: "ui-DialogContentClose",
-                            as: unref(DialogClose),
-                            type: "button",
-                            variant: "ghost",
-                            color: "gray",
-                            "aria-label": "Close"
-                          }, {
-                            default: withCtx(() => [
-                              createVNode(unref(Icon), { icon: "lucide:x" })
-                            ]),
-                            _: 1
-                          }, 8, ["as"])) : createCommentVNode("", true),
                           renderSlot(_ctx.$slots, "default")
                         ]),
                         _: 3
@@ -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")
@@ -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",
@@ -2899,16 +2945,16 @@ export {
   _sfc_main$9 as AccordionTrigger,
   AlertDialogAction,
   AlertDialogCancel,
-  _sfc_main$N as AlertDialogContent,
-  AlertDialogDescription,
+  _sfc_main$M as AlertDialogContent,
+  _sfc_main$P as AlertDialogDescription,
   AlertDialogRoot,
-  AlertDialogTitle,
+  _sfc_main$Q as 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,
@@ -2926,10 +2972,10 @@ export {
   _sfc_main$n as ComboboxLabel,
   _sfc_main$r as ComboboxRoot,
   DialogClose2 as DialogClose,
-  _sfc_main$M as DialogContent,
-  DialogDescription,
+  _sfc_main$N as DialogContent,
+  _sfc_main$P as DialogDescription,
   DialogRoot,
-  DialogTitle,
+  _sfc_main$Q 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,66 +1,38 @@
 {
   "name": "@typlog/ui",
-  "version": "0.11.6",
+  "version": "0.11.8",
   "license": "MIT",
   "type": "module",
-  "description": "Themed components for Reka UI.",
+  "description": "Themed components for Reka UI with Radix colors.",
   "author": "Hsiaoming Yang <me@lepture.com>",
   "repository": {
     "url": "https://github.com/typlog/ui"
   },
   "sideEffects": false,
-  "module": "./dist/components.js",
-  "types": "./dist/components.d.ts",
+  "module": "./components.js",
+  "types": "./components.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
+      "types": "./components.d.ts",
+      "import": "./components.js"
     },
     "./components": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
+      "types": "./components.d.ts",
+      "import": "./components.js"
     },
     "./addons": {
-      "types": "./dist/addons.d.ts",
-      "import": "./dist/addons.js"
+      "types": "./addons.d.ts",
+      "import": "./addons.js"
     },
-    "./base.css": "./dist/base.css",
-    "./components.css": "./dist/components.css",
-    "./addons.css": "./dist/addons.css",
+    "./base.css": "./base.css",
+    "./components.css": "./components.css",
+    "./addons.css": "./addons.css",
     "./tailwind.css": "./tailwind/index.css",
-    "./components/": "./dist/components/"
+    "./components/": "./components/"
   },
-  "scripts": {
-    "start": "vite",
-    "build": "npm run build:vue && npm run build:css",
-    "build:vue": "vite build && node scripts/post-build.mjs",
-    "build:css": "node scripts/build-css.mjs",
-    "lint": "eslint src"
-  },
-  "files": [
-    "./LICENSE",
-    "./dist",
-    "./tailwind"
-  ],
   "dependencies": {
     "@iconify/vue": "^5.0.0",
     "reka-ui": "^2.0.0",
     "vue": "^3.5.0"
-  },
-  "devDependencies": {
-    "@radix-ui/colors": "^3.0.0",
-    "@tailwindcss/vite": "^4.0.6",
-    "@types/node": "^24.0.0",
-    "@vitejs/plugin-vue": "^6.0.0",
-    "@vue/eslint-config-typescript": "^14.1.0",
-    "autoprefixer": "^10.4.15",
-    "eslint": "^9.14.0",
-    "eslint-plugin-vue": "^10.0.0",
-    "postcss": "^8.4.30",
-    "tailwindcss": "^4.0.0",
-    "typescript": "^5.7.0",
-    "vite": "^7.0.0",
-    "vite-plugin-dts": "^4.2.1",
-    "vue-tsc": "^3.0.0"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 Hsiaoming Yang
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1,9 +0,0 @@
-# @typlog/ui
-
-An open-source Vue component library optimized for fast development,
-built on top of Reka UI and Radix Colors.
-
-## Credits
-
-- [Radix UI](https://radix-ui.com/)
-- [Reka UI](https://reka-ui.com/)