@optiaxiom/react 0.6.0 → 0.7.1

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
-import { S as Sprinkles, B as BoxProps, E as ExtendProps, M as MenuListbox } from './PopoverContent-_0gUSeax.js';
-export { a as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-_0gUSeax.js';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps, M as MenuListbox } from './PopoverContent-C7PCZoTR.js';
+export { a as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-C7PCZoTR.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -13,27 +13,27 @@ import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import * as RadixHoverCard from '@radix-ui/react-hover-card';
-import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
+import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import * as RadixPopover from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import * as RadixToggle from '@radix-ui/react-toggle';
 
-declare const Alert: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const Alert: react.ForwardRefExoticComponent<{
     onClose?: () => void;
 } & {
     intent?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const AlertDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const AlertDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
@@ -43,10 +43,13 @@ declare namespace AlertDialog {
     var displayName: string;
 }
 
-declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
+declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -56,18 +59,23 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<Radix
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const AlertDialogBody: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLParagraphElement>>;
+
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -77,51 +85,46 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const AlertDialogContent: react.ForwardRefExoticComponent<{
+    size?: "sm" | "md" | "lg" | undefined;
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLParagraphElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
+declare const AlertDialogTitle: react.ForwardRefExoticComponent<{
+    addonBefore?: ReactNode;
+} & Omit<{
+    level?: "1" | "2" | "4" | "3" | "5" | "6";
+}, never> & Omit<{
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<{
-    level?: "1" | "2" | "4" | "3" | "5" | "6";
-}, never> & {
-    addonBefore?: ReactNode;
-} & react.RefAttributes<HTMLHeadingElement>>;
-
-declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+}, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLHeadingElement>>;
+
+declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -131,18 +134,15 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<Radi
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
@@ -153,29 +153,26 @@ declare namespace AnimatePresence {
     var displayName: string;
 }
 
-declare const Avatar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & {
+declare const Avatar: react.ForwardRefExoticComponent<{
     icon?: React.ReactNode;
     name?: string;
     src?: string;
 } & {
-    colorScheme?: "neutral" | "blue" | "cyan" | "green" | "magenta" | "purple" | "red" | "yellow" | undefined;
+    colorScheme?: "neutral" | "purple" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | "xl" | "5xl" | undefined;
-} & react.RefAttributes<HTMLSpanElement>>;
-
-declare const AvatarGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & {
-    size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
-} & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
-declare const ToastProvider: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "children" | "color" | "className" | "label" | "asChild"> & Omit<{
+declare const AvatarGroup: react.ForwardRefExoticComponent<{
+    size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ToastProvider: react.ForwardRefExoticComponent<{
     children?: never;
     container?: ComponentPropsWithoutRef<typeof Portal>["container"];
     /**
@@ -184,7 +181,10 @@ declare const ToastProvider: react.ForwardRefExoticComponent<Omit<Omit<RadixToas
     toaster?: ReturnType<typeof createToaster>;
 } & RadixToast.ToastProviderProps & {
     position?: "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
-} & react.RefAttributes<HTMLOListElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "children" | "color" | "className" | "label" | "asChild"> & react.RefAttributes<HTMLOListElement>>;
 
 interface ToastProviderProps extends ComponentPropsWithoutRef<typeof ToastProvider> {
 }
@@ -208,37 +208,37 @@ declare namespace AxiomProvider {
     var displayName: string;
 }
 
-declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
-    truncate?: boolean | undefined;
-}, never> & {
+declare const Badge: react.ForwardRefExoticComponent<{
     intent?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
     variant?: "solid" | "light" | undefined;
-} & react.RefAttributes<HTMLSpanElement>>;
-
-declare const Banner: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+} & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+
+declare const Banner: react.ForwardRefExoticComponent<{
     onClose?: () => void;
 } & {
     intent?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const BannerDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const BannerDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const BannerTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const BannerTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
@@ -259,7 +259,7 @@ declare const buttonBase: (props?: {
 } | undefined, className?: string) => {
     className: string;
 };
-type ButtonVariants = NonNullable<RecipeVariants<typeof buttonBase>>;
+type ButtonVariants = RecipeVariants<typeof buttonBase>;
 
 declare const appearances: {
     danger: {
@@ -292,7 +292,7 @@ type ButtonBaseProps<T extends ElementType = "button", P = unknown> = BoxProps<T
     children?: ReactNode;
     disabled?: boolean;
     loading?: boolean;
-} & Omit<ButtonVariants, "intent" | "variant">, P>>;
+} & Omit<NonNullable<ButtonVariants>, "intent" | "variant">, P>>;
 
 type ButtonProps<T extends ElementType = "button", P = unknown> = ButtonBaseProps<T, ExtendProps<{
     addonAfter?: ReactNode;
@@ -301,10 +301,13 @@ type ButtonProps<T extends ElementType = "button", P = unknown> = ButtonBaseProp
     icon?: ReactNode;
     iconPosition?: "end" | "start";
 }, P>>;
-declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
+declare const Button: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    children?: ReactNode;
+    icon?: ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: ReactNode;
     disabled?: boolean;
@@ -314,37 +317,34 @@ declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
-    children?: ReactNode;
-    icon?: ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const ButtonGroup: react.ForwardRefExoticComponent<{
     children: ReactNode;
     orientation?: "horizontal" | "vertical";
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
-    onCheckedChange?: (checked: boolean) => void;
-    value?: string;
-} & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Checkbox: react.ForwardRefExoticComponent<{
     description?: ReactNode;
     indeterminate?: boolean;
-} & react.RefAttributes<HTMLInputElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+    value?: string;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const Code: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
+declare const Code: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
 type DialogProps = Omit<ComponentPropsWithoutRef<typeof RadixDialog.Root>, "modal">;
 declare function Dialog({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
@@ -352,22 +352,25 @@ declare namespace Dialog {
     var displayName: string;
 }
 
-declare const DialogActions: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const DialogActions: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
-declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
+declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -377,53 +380,53 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TransitionGlobalConfig: {
     skipAnimations: boolean;
 };
 
-declare const DialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const DialogDescription: react.ForwardRefExoticComponent<{
+    description?: string;
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    description?: string;
-} & react.RefAttributes<HTMLParagraphElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLParagraphElement>>;
 
-declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DialogHeader: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const DialogHeader: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
-declare const DialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
+declare const DialogTitle: react.ForwardRefExoticComponent<Omit<{
+    level?: "1" | "2" | "4" | "3" | "5" | "6";
+}, never> & Omit<{
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<{
-    level?: "1" | "2" | "4" | "3" | "5" | "6";
-}, never> & react.RefAttributes<HTMLHeadingElement>>;
-
-declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+}, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLHeadingElement>>;
+
+declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -433,32 +436,29 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDial
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const Disclosure: react.ForwardRefExoticComponent<Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const DisclosureContent: react.ForwardRefExoticComponent<Omit<Omit<RadixCollapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const Disclosure: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DisclosureTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const DisclosureContent: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DisclosureTrigger: react.ForwardRefExoticComponent<{
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
     chevronPosition?: "end" | "start";
-} & react.RefAttributes<HTMLButtonElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLButtonElement>>;
 
 type DrawerProps = ComponentPropsWithoutRef<typeof RadixDialog.Root>;
 declare function Drawer({ children, defaultOpen, modal, onOpenChange, open: openProp, }: DrawerProps): react_jsx_runtime.JSX.Element;
@@ -466,22 +466,25 @@ declare namespace Drawer {
     var displayName: string;
 }
 
-declare const DrawerActions: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const DrawerActions: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
-declare const DrawerBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const DrawerBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DrawerClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
+declare const DrawerClose: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -491,57 +494,57 @@ declare const DrawerClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const DrawerContent: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    position?: "left" | "right" | "bottom" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const DrawerDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const DrawerContent: react.ForwardRefExoticComponent<{
+    position?: "left" | "right" | "bottom" | undefined;
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DrawerDescription: react.ForwardRefExoticComponent<Omit<{
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
-}, never> & react.RefAttributes<HTMLParagraphElement>>;
+}, never> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLParagraphElement>>;
 
-declare const DrawerFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const DrawerFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DrawerHeader: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const DrawerHeader: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
+declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<{
+    level?: "1" | "2" | "4" | "3" | "5" | "6";
+}, never> & Omit<{
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<{
-    level?: "1" | "2" | "4" | "3" | "5" | "6";
-}, never> & react.RefAttributes<HTMLDivElement>>;
-
-declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+}, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -551,13 +554,10 @@ declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDial
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 type MenuProps = ComponentPropsWithoutRef<typeof RadixMenu.Root>;
 declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
@@ -565,39 +565,39 @@ declare namespace DropdownMenu {
     var displayName: string;
 }
 
-declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<{
     minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
     intent?: "danger" | "neutral" | undefined;
-}, never> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
 type MenuSubProps = ComponentPropsWithoutRef<typeof RadixMenu.Sub>;
 declare function DropdownMenuSub({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuSubProps): react_jsx_runtime.JSX.Element;
@@ -605,29 +605,32 @@ declare namespace DropdownMenuSub {
     var displayName: string;
 }
 
-declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<{
     minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
     intent?: "danger" | "neutral" | undefined;
-}, never> & react.RefAttributes<HTMLDivElement>>;
-
-declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+}>, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -637,18 +640,12 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omi
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const Field: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const Field: react.ForwardRefExoticComponent<{
     children: ReactNode;
     description?: ReactNode;
     error?: ReactNode;
@@ -656,19 +653,22 @@ declare const Field: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
     inputId?: string;
     label?: ReactNode;
     required?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
@@ -680,14 +680,14 @@ declare const text: (props?: {
 };
 type TextVariants = RecipeVariants<typeof text>;
 
-type TextProps<T extends ElementType = "p", P = unknown> = BoxProps<T, ExtendProps<NonNullable<TextVariants>, P>>;
-declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
+type TextProps<T extends ElementType = "p", P = unknown> = BoxProps<T, ExtendProps<TextVariants, P>>;
+declare const Text: react.ForwardRefExoticComponent<Omit<{
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
-}, never> & react.RefAttributes<HTMLParagraphElement>>;
+}, never> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
 
 type HeadingProps<T extends ElementType = "h1", P = unknown> = TextProps<T, ExtendProps<{
     /**
@@ -703,18 +703,18 @@ declare const mapLevelToTag: {
     readonly "5": "h5";
     readonly "6": "h6";
 };
-declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
-    truncate?: boolean | undefined;
-}, never> & Omit<{
+declare const Heading: react.ForwardRefExoticComponent<Omit<{
     /**
      * Presets for each level of heading h1-h6.
      */
     level?: keyof typeof mapLevelToTag;
-}, never> & react.RefAttributes<HTMLHeadingElement>>;
+}, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
 type HoverCardProps = BoxProps<typeof RadixHoverCard.Root, {
     keepOpenOnActivation?: boolean;
@@ -724,67 +724,67 @@ declare namespace HoverCard {
     var displayName: string;
 }
 
-declare const HoverCardContent: react.ForwardRefExoticComponent<Omit<Omit<RadixHoverCard.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const HoverCardContent: react.ForwardRefExoticComponent<{
     withArrow?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLAnchorElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixHoverCard.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
+declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
-    truncate?: boolean | undefined;
-}, never> & {
-    intent?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
-    variant?: "solid" | "light" | undefined;
-} & react.RefAttributes<HTMLSpanElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "content"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, never> & Omit<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLAnchorElement>>;
+
+declare const Indicator: react.ForwardRefExoticComponent<{
     content?: ReactNode;
     disabled?: boolean;
     offset?: boolean;
     ping?: boolean;
     position?: "bottom-right" | "top-right";
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
-    disabled?: boolean;
-    error?: boolean;
-} & {
-    size?: "md" | "lg" | "2xl" | undefined;
-}, "size"> & {
+} & Sprinkles>, never> & Omit<Omit<{
+    intent?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
+    variant?: "solid" | "light" | undefined;
+} & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "content"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Input: react.ForwardRefExoticComponent<{
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
     htmlSize?: number;
-} & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Pick<{
+} & Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
 } & {
     children: React.ReactNode;
-}, "addonPointerEvents"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
+}, "addonPointerEvents"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
     appearance?: "number" | "default" | undefined;
     size?: "md" | "lg" | "2xl" | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+} & Omit<NonNullable<{
+    disabled?: boolean;
+    error?: boolean;
+} & {
+    size?: "md" | "lg" | "2xl" | undefined;
+}>, "size"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const InputAddon: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const InputAddon: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const control: (props?: {
     size?: "md" | "lg" | "2xl" | undefined;
@@ -797,25 +797,25 @@ type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown
     disabled?: boolean;
     error?: boolean;
 } & ControlVariants, P>>;
-declare const InputControl: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
+declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
     disabled?: boolean;
     error?: boolean;
 } & {
     size?: "md" | "lg" | "2xl" | undefined;
-}, never> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
-
-declare const InputRoot: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+}>, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Pick<{
+} & Sprinkles>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "color" | "className" | "disabled"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+
+declare const InputRoot: react.ForwardRefExoticComponent<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
 } & {
     children: React.ReactNode;
-}, "addonPointerEvents"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+}, "addonPointerEvents"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
 declare const mapKeyToCode: {
     command: string;
@@ -832,16 +832,17 @@ declare const mapKeyToCode: {
     tab: string;
     up: string;
 };
-declare const Kbd: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const Kbd: react.ForwardRefExoticComponent<{
     keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
 } & {
     variant?: "outline" | "subtle" | undefined;
-} & react.RefAttributes<HTMLElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
 declare const axiom = "optiaxiom";
+declare const theme = "optiaxiom.theme";
 declare const base = "optiaxiom.base";
 declare const reset: string;
 declare const components: string;
@@ -850,45 +851,46 @@ declare const layers_css_axiom: typeof axiom;
 declare const layers_css_base: typeof base;
 declare const layers_css_components: typeof components;
 declare const layers_css_reset: typeof reset;
+declare const layers_css_theme: typeof theme;
 declare namespace layers_css {
-  export { layers_css_axiom as axiom, layers_css_base as base, layers_css_components as components, layers_css_reset as reset };
+  export { layers_css_axiom as axiom, layers_css_base as base, layers_css_components as components, layers_css_reset as reset, layers_css_theme as theme };
 }
 
-declare const Listbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const Listbox: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
+declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
     intent?: "danger" | "neutral" | undefined;
-}, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ListboxEmpty: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const ListboxEmpty: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ListboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const ListboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ListboxGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const ListboxGroup: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const item: (props?: {
     intent?: "danger" | "neutral" | undefined;
@@ -903,66 +905,69 @@ type ListboxItemProps<T extends ElementType = "div", P = unknown> = BoxProps<T,
     description?: ReactNode;
     icon?: ReactNode;
 } & ItemVariants, P>>;
-declare const ListboxItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Omit<{
+declare const ListboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
     description?: ReactNode;
     icon?: ReactNode;
 } & {
     intent?: "danger" | "neutral" | undefined;
-}, never> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ListboxItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & Omit<{
+}>, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    active?: boolean;
-} & react.RefAttributes<SVGSVGElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ListboxLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const ListboxItemIndicator: react.ForwardRefExoticComponent<{
+    active?: boolean;
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & react.RefAttributes<SVGSVGElement>>;
 
-declare const ListboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const ListboxLabel: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ListboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
     intent?: "danger" | "neutral" | undefined;
-}, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ListboxScrollArea: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const ListboxScrollArea: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
+declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, never> & Omit<Omit<{
     orientation?: ("vertical" | "horizontal" | {
         readonly base?: "vertical" | "horizontal" | undefined;
         readonly sm?: "vertical" | "horizontal" | undefined;
         readonly md?: "vertical" | "horizontal" | undefined;
         readonly lg?: "vertical" | "horizontal" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
+declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -972,13 +977,10 @@ declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.D
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 type PaginationProps = BoxProps<"nav", {
     defaultPage?: number;
@@ -987,23 +989,23 @@ type PaginationProps = BoxProps<"nav", {
     page?: number;
     total: number;
 }>;
-declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const Pagination: react.ForwardRefExoticComponent<{
     defaultPage?: number;
     disabled?: boolean;
     onPageChange?: (offset: number) => void;
     page?: number;
     total: number;
-} & react.RefAttributes<HTMLElement>>;
-
-declare const Paper: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
+
+declare const Paper: react.ForwardRefExoticComponent<{
     elevation?: "dialog" | "menu" | "drawer" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type PopoverProps = ComponentPropsWithoutRef<typeof RadixPopover.Root>;
 declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
@@ -1011,15 +1013,18 @@ declare namespace Popover {
     var displayName: string;
 }
 
-declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
+declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -1029,36 +1034,30 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixPop
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & {
     intent?: "danger" | "primary" | "success" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
-    onCheckedChange?: (checked: boolean) => void;
-    value?: string;
-} & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & Omit<{
+declare const Radio: react.ForwardRefExoticComponent<{
+    description?: ReactNode;
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    description?: ReactNode;
-} & react.RefAttributes<HTMLInputElement>>;
+} & Sprinkles>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+    value?: string;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type InputProps = ComponentPropsWithoutRef<"input">;
-declare const RadioGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue" | "onBlur" | "onChange"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const RadioGroup: react.ForwardRefExoticComponent<{
     defaultValue?: string;
     disabled?: InputProps["disabled"];
     name?: InputProps["name"];
@@ -1066,24 +1065,30 @@ declare const RadioGroup: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
     onChange?: InputProps["onChange"];
     onValueChange?: (value: string) => void;
     value?: string;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue" | "onBlur" | "onChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type SearchProps = {
     onValueClear?: () => void;
 } & ComponentPropsWithRef<typeof Input>;
 declare const SearchInput: react.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const SegmentedControl: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixSegmentedControl.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "type"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const SegmentedControl: react.ForwardRefExoticComponent<{
     type?: "multiple" | "single";
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
+} & Sprinkles>, never> & Omit<NonNullable<Omit<RadixSegmentedControl.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixSegmentedControl.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">>, "color" | "className" | "asChild" | "type"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -1093,72 +1098,75 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<Omit<Ra
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, "size"> & Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const Separator: react.ForwardRefExoticComponent<{
     orientation?: ("vertical" | "horizontal" | {
         readonly base?: "vertical" | "horizontal" | undefined;
         readonly sm?: "vertical" | "horizontal" | undefined;
         readonly md?: "vertical" | "horizontal" | undefined;
         readonly lg?: "vertical" | "horizontal" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const Sidenav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
+} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Sidenav: react.ForwardRefExoticComponent<{
     defaultExpanded?: boolean;
     expanded?: boolean;
     onExpandedChange?: (expanded: boolean) => void;
-} & react.RefAttributes<HTMLElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
 type SidenavAccountItemProps = BoxProps<"div", {
     avatar: ReactNode;
     name?: string;
     organization?: string;
 }>;
-declare const SidenavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const SidenavAccountItem: react.ForwardRefExoticComponent<{
     avatar: ReactNode;
     name?: string;
     organization?: string;
-} & react.RefAttributes<HTMLButtonElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const SidenavContent: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
+declare const SidenavBody: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
 
-declare const SidenavFooter: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
+declare const SidenavFooter: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
 
-declare const SidenavHeader: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
+declare const SidenavHeader: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
 
 type SidenavItemProps = ButtonProps<typeof Button, {
     active?: boolean;
     "aria-label": string;
 }>;
-declare const SidenavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
+declare const SidenavItem: react.ForwardRefExoticComponent<{
+    active?: boolean;
+    "aria-label": string;
+} & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -1168,16 +1176,16 @@ declare const SidenavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "aria-label" | "iconOnly" | "appearance" | "disabled" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & Omit<{
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -1187,26 +1195,17 @@ declare const SidenavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & {
-    active?: boolean;
-    "aria-label": string;
-} & react.RefAttributes<HTMLButtonElement>>;
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "aria-label" | "iconOnly" | "appearance" | "disabled" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 type SidenavToggleProps = {
     "aria-label"?: string;
 } & Omit<ComponentPropsWithRef<typeof SidenavItem>, "aria-label">;
 declare const SidenavToggle: react.ForwardRefExoticComponent<Omit<SidenavToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "h"> & {
+declare const Skeleton: react.ForwardRefExoticComponent<{
     children?: ReactElement;
     /**
      * Render skeleton as a circle if `true`. Will set the width to be the same as the height.
@@ -1216,49 +1215,55 @@ declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
      * Control the height of the skeleton - or both width and height if `circle` is also set to true.
      */
     h?: Sprinkles["h"];
-} & react.RefAttributes<HTMLSpanElement>>;
-
-declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & {
+} & Sprinkles>, "h"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+
+declare const Spinner: react.ForwardRefExoticComponent<{
     appearance?: "default" | "inverse";
     size?: "2xs" | "5xl" | "lg" | "md" | "sm" | "xl" | "xs";
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
-    onCheckedChange?: (checked: boolean) => void;
-    value?: string;
-} & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & {
+} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Switch: react.ForwardRefExoticComponent<{
     description?: ReactNode;
 } & {
     size?: "md" | "lg" | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
-
-declare const Tabs: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    appearance?: "primary" | "secondary";
-} & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+    value?: string;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const TabsContent: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const Tabs: react.ForwardRefExoticComponent<{
+    appearance?: "primary" | "secondary";
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const TabsList: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const TabsContent: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+declare const TabsList: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -1268,37 +1273,20 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.T
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const TextareaAutosize: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & Omit<{
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
-    resize?: "none" | "auto" | "vertical" | undefined;
-} & react.RefAttributes<HTMLTextAreaElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Textarea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const TextareaAutosize: react.ForwardRefExoticComponent<{
     maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
     resize?: "none" | "auto" | "vertical" | undefined;
-} & react.RefAttributes<HTMLTextAreaElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "disabled" | "resize" | "maxRows"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
-    disabled?: boolean;
-    error?: boolean;
-} & {
-    size?: "md" | "lg" | "2xl" | undefined;
-}, "size"> & {
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>>;
+
+declare const Textarea: react.ForwardRefExoticComponent<{
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
     children?: never;
@@ -1308,15 +1296,29 @@ declare const Textarea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<reac
     maxRows?: ComponentPropsWithRef<typeof TextareaAutosize>["maxRows"];
     resize?: ComponentPropsWithRef<typeof TextareaAutosize>["resize"];
     size?: never;
-} & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & Pick<{
+} & Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
 } & {
     children: React.ReactNode;
-}, "addonPointerEvents"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & react.RefAttributes<HTMLTextAreaElement>>;
+}, "addonPointerEvents"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & Omit<NonNullable<{
+    disabled?: boolean;
+    error?: boolean;
+} & {
+    size?: "md" | "lg" | "2xl" | undefined;
+}>, "size"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<{
+    maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
+    resize?: "none" | "auto" | "vertical" | undefined;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "disabled" | "resize" | "maxRows"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;
@@ -1327,17 +1329,20 @@ declare namespace ThemeProvider {
     var displayName: string;
 }
 
-declare const Toast: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastProps & react.RefAttributes<HTMLLIElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const Toast: react.ForwardRefExoticComponent<{
     intent?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
-} & react.RefAttributes<HTMLLIElement>>;
-
-declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+} & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastProps & react.RefAttributes<HTMLLIElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLLIElement>>;
+
+declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -1347,26 +1352,26 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Omit<{
+} & Sprinkles>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
-}, never> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ToggleButton: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+}, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & Omit<{
+} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ToggleButton: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<{
     appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
     children?: react.ReactNode;
     disabled?: boolean;
@@ -1376,13 +1381,10 @@ declare const ToggleButton: react.ForwardRefExoticComponent<Omit<Omit<RadixToggl
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">, "children"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    children?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>>;
+}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
     auto?: boolean;
@@ -1393,13 +1395,7 @@ declare namespace TooltipRoot {
     var displayName: string;
 }
 
-declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "content"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
+declare const Tooltip: react.ForwardRefExoticComponent<{
     /**
      * Enable this option to only show the tooltip when children is partially hidden due to text overflow.
      */
@@ -1412,13 +1408,19 @@ declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Radix
     keepOpenOnActivation?: boolean;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
-} & react.RefAttributes<HTMLButtonElement>>;
+} & Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "content"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const TooltipContent: react.ForwardRefExoticComponent<Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const TooltipContent: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogActions, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, type HeadingProps, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavContent, SidenavFooter, SidenavHeader, SidenavItem, type SidenavItemProps, SidenavToggle, type SidenavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogActions, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, type HeadingProps, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavBody, SidenavFooter, SidenavHeader, SidenavItem, type SidenavItemProps, SidenavToggle, type SidenavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };