@optiaxiom/react 0.7.3 → 0.7.4

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-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 { S as Sprinkles, B as BoxProps, E as ExtendProps, M as MenuListbox } from './PopoverContent-CzAnD85G.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-CzAnD85G.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';
@@ -62,12 +62,12 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<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>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "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>>;
+} & Sprinkles>, never> & Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
 
 declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -88,14 +88,14 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
 }, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const AlertDialogContent: react.ForwardRefExoticComponent<{
     size?: "sm" | "md" | "lg" | undefined;
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
@@ -116,7 +116,7 @@ declare const AlertDialogTitle: react.ForwardRefExoticComponent<{
 }, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLHeadingElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
 declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -137,7 +137,7 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
 }, "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>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
@@ -184,7 +184,7 @@ declare const ToastProvider: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "children" | "color" | "className" | "label" | "asChild"> & react.RefAttributes<HTMLOListElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "asChild" | "children" | "label" | "color" | "className"> & react.RefAttributes<HTMLOListElement>>;
 
 interface ToastProviderProps extends ComponentPropsWithoutRef<typeof ToastProvider> {
 }
@@ -243,8 +243,8 @@ declare const BannerTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNul
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
-    restProps: Omit<S, "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">;
-    sprinkleProps: Pick<S, keyof S & ("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")>;
+    restProps: Omit<S, "p" | "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" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w">;
+    sprinkleProps: Pick<S, keyof S & ("p" | "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" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w")>;
 };
 
 declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
@@ -383,7 +383,7 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
 }, "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>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TransitionGlobalConfig: {
     skipAnimations: boolean;
@@ -394,7 +394,7 @@ declare const DialogDescription: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLParagraphElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
 
 declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
@@ -418,7 +418,7 @@ declare const DialogTitle: react.ForwardRefExoticComponent<Omit<{
 }, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLHeadingElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
 declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -439,17 +439,17 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
 }, "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>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Disclosure: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DisclosureContent: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DisclosureTrigger: react.ForwardRefExoticComponent<{
     addonAfter?: ReactNode;
@@ -458,7 +458,7 @@ declare const DisclosureTrigger: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 type DrawerProps = ComponentPropsWithoutRef<typeof RadixDialog.Root>;
 declare function Drawer({ children, defaultOpen, modal, onOpenChange, open: openProp, }: DrawerProps): react_jsx_runtime.JSX.Element;
@@ -497,14 +497,14 @@ declare const DrawerClose: react.ForwardRefExoticComponent<Omit<{
 }, "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>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const DrawerContent: react.ForwardRefExoticComponent<{
     position?: "left" | "right" | "bottom" | undefined;
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DrawerDescription: react.ForwardRefExoticComponent<Omit<{
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
@@ -512,7 +512,7 @@ declare const DrawerDescription: react.ForwardRefExoticComponent<Omit<{
 }, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLParagraphElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
 
 declare const DrawerFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
@@ -536,7 +536,7 @@ declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<{
 }, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -557,7 +557,7 @@ declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<{
 }, "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>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "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;
@@ -570,12 +570,12 @@ declare const DropdownMenuContent: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
     addonAfter?: react.ReactNode;
@@ -587,17 +587,17 @@ declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<NonNullable
 }>, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type MenuSubProps = ComponentPropsWithoutRef<typeof RadixMenu.Sub>;
 declare function DropdownMenuSub({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuSubProps): react_jsx_runtime.JSX.Element;
@@ -610,7 +610,7 @@ declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
     addonAfter?: react.ReactNode;
@@ -622,7 +622,7 @@ declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNu
 }>, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
@@ -729,12 +729,12 @@ declare const HoverCardContent: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixHoverCard.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixHoverCard.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLAnchorElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
 
 declare const Indicator: react.ForwardRefExoticComponent<{
     content?: ReactNode;
@@ -754,7 +754,7 @@ declare const Indicator: react.ForwardRefExoticComponent<{
 }, 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>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>, "ref">, "asChild" | "p" | "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" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const Input: react.ForwardRefExoticComponent<{
     addonAfter?: ReactNode;
@@ -959,7 +959,7 @@ declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & 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>>;
+} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "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" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
@@ -1016,7 +1016,7 @@ declare namespace Popover {
 declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1037,12 +1037,12 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
 }, "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>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & {
+} & Sprinkles>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & {
     intent?: "danger" | "primary" | "success" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
@@ -1080,7 +1080,7 @@ declare const SegmentedControl: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & 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>>;
+} & Sprinkles>, never> & Omit<NonNullable<Omit<RadixSegmentedControl.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixSegmentedControl.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">>, "asChild" | "color" | "className" | "type"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1101,7 +1101,7 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
 }, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Separator: react.ForwardRefExoticComponent<{
     orientation?: ("vertical" | "horizontal" | {
@@ -1113,7 +1113,7 @@ declare const Separator: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const Sidenav: react.ForwardRefExoticComponent<{
     defaultExpanded?: boolean;
@@ -1198,7 +1198,7 @@ declare const SidenavItem: react.ForwardRefExoticComponent<{
 }, "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>>;
+} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "p" | "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" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "aria-label" | "iconOnly" | "appearance" | "disabled" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 type SidenavToggleProps = {
     "aria-label"?: string;
@@ -1245,17 +1245,17 @@ declare const Tabs: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const TabsContent: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const TabsList: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1276,7 +1276,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<{
 }, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TextareaAutosize: react.ForwardRefExoticComponent<{
     maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
@@ -1318,7 +1318,7 @@ declare const Textarea: react.ForwardRefExoticComponent<{
 } & 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>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "asChild" | "children" | "p" | "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" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "disabled" | "resize" | "maxRows"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;
@@ -1334,7 +1334,7 @@ declare const Toast: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastProps & react.RefAttributes<HTMLLIElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLLIElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastProps & react.RefAttributes<HTMLLIElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
 
 declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1355,7 +1355,7 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
 }, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
@@ -1363,7 +1363,7 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
 }, never> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ToggleButton: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1384,7 +1384,7 @@ declare const ToggleButton: react.ForwardRefExoticComponent<Omit<{
 }, "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>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
 
 type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
     auto?: boolean;
@@ -1414,12 +1414,12 @@ declare const Tooltip: react.ForwardRefExoticComponent<{
 } & 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>>;
+} & Sprinkles>, never> & Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "children" | "p" | "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" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "content"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TooltipContent: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 

package/dist/packages/react/package.json.js

@@ -1,3 +1,3 @@
-var version = "0.7.3";
+var version = "0.7.4";
 
 export { version };

package/dist/packages/react/src/alert/Alert-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',justifyContent:'space-between',p:'sm',pr:'md',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});

package/dist/packages/react/src/alert-dialog-body/AlertDialogBody-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',px:'24',py:'16'}]});

package/dist/packages/react/src/alert-dialog-content/AlertDialogContent-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-nEX1Do5Z.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CmGxNSTJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'swpc64']});
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'wsuwwo'],variants:{size:{sm:'_1wfgndh',md:'mwr2vv',lg:'_1xl2ij1'}}});
+var container = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'fwgfns']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'_59y3n4'],variants:{size:{sm:'aldb2n',md:'_1jyt592',lg:'_1td78ur'}}});
 
 export { container, content };

package/dist/packages/react/src/alert-dialog-footer/AlertDialogFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CVLfnZGx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BuG2MyR5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_12wzrh1']});
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'_7js0qh']});
 
 export { footer };

package/dist/packages/react/src/alert-dialog-title/AlertDialogTitle.js

@@ -9,6 +9,7 @@ import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import '../utils/conditions.js';
+import '@radix-ui/react-slot';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 
 const AlertDialogTitle = forwardRef(({ addonBefore, children, ...props }, ref) => {

package/dist/packages/react/src/autocomplete-content/AutocompleteContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CNr_JNGq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DGrtDSIz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{p:'4'},'_12yujos']});
+var content = recipeRuntime({base:[{p:'4'},'rg9g2s']});
 
 export { content };

package/dist/packages/react/src/avatar/Avatar-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CmMxQOJ_.css';
-import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-3t0JfwGa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
+import './../../../../assets/src/avatar/Avatar.css.ts.vanilla-CKsdYta1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'_18x4634'],variants:{colorScheme:{neutral:{bg:'avatar.bg.neutral',color:'avatar.fg.neutral'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'smrnj8'],sm:[{fontSize:'xs',size:'sm'},'e418ie'],md:[{fontSize:'md',size:'md'},'vwzdkw'],lg:[{fontSize:'lg',size:'lg'},'ciqell'],xl:[{fontSize:'2xl',size:'xl'},'_1kk1qhw'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1j6oj9u']}}});
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden'},'ttckcu'],variants:{colorScheme:{neutral:{bg:'avatar.bg.neutral',color:'avatar.fg.neutral'},purple:{bg:'avatar.bg.purple',color:'avatar.fg.purple'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1q1jbex'],sm:[{fontSize:'xs',size:'sm'},'_1b4gnvb'],md:[{fontSize:'md',size:'md'},'ffc1cc'],lg:[{fontSize:'lg',size:'lg'},'_15cbrvt'],xl:[{fontSize:'2xl',size:'xl'},'_1utp5qy'],'5xl':[{fontSize:'4xl',size:'5xl'},'r5sgiw']}}});
 var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
 var icon = recipeRuntime({base:[{h:'auto'}],variants:{size:{xs:{w:'12'},sm:{w:'12'},md:{w:'16'},lg:{w:'20'},xl:{w:'20'},'5xl':{w:'32'}}}});
 

package/dist/packages/react/src/avatar-group/AvatarGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CmMxQOJ_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var avatarGroup = recipeRuntime({base:['gom66e',{display:'flex'}]});
+var avatarGroup = recipeRuntime({base:['wsgyh1',{display:'flex'}]});
 
 export { avatarGroup };

package/dist/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BaqaRxCC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-DnNuuS0I.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1gkwjtr']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_11ff85k']});
 
 export { backdrop };

package/dist/packages/react/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-CrRS_geK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-JeWad4NR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_1qc6k4y'],variants:{intent:{danger:'_1bdy4x9',information:'eupsl5',neutral:'_1i7h2v3',primary:'wgbs6m',success:'_1h0q4ov',warning:'_1xg88x4'},variant:{light:'op81zl',solid:'_52mahb'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_1q90tcy'],variants:{intent:{danger:'opv8an',information:'_1d0djbj',neutral:'_1bm5l56',primary:'j67wcx',success:'cgdzjc',warning:'_1wknd9j'},variant:{light:'_30hzup',solid:'s4ybv5'}}});
 
 export { badge };