@optiaxiom/react 0.7.7 → 0.8.0

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, R as ResponsiveArray } from './PopoverContent-DuKPd7E1.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-DuKPd7E1.js';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps, M as MenuListbox, R as ResponsiveArray } from './PopoverContent-DWNFnl2l.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-DWNFnl2l.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';
@@ -14,6 +14,7 @@ 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 _radix_ui_react_separator from '@radix-ui/react-separator';
+import * as _radix_ui_react_dismissable_layer from '@radix-ui/react-dismissable-layer';
 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';
@@ -21,18 +22,18 @@ import * as RadixTabs from '@radix-ui/react-tabs';
 import * as RadixToggle from '@radix-ui/react-toggle';
 
 declare const Alert: react.ForwardRefExoticComponent<{
-    onClose?: () => void;
+    intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
 } & {
-    intent?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
-} & Omit<NonNullable<{
+    onClose?: () => void;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const AlertDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const AlertDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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>>;
 
@@ -48,25 +49,25 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const AlertDialogBody: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const AlertDialogBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
+}>, never> & Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
 
 declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -74,32 +75,32 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const AlertDialogContent: react.ForwardRefExoticComponent<{
     size?: "sm" | "md" | "lg" | undefined;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, "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<{
+declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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;
@@ -108,14 +109,14 @@ declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<
 declare const AlertDialogTitle: react.ForwardRefExoticComponent<{
     addonBefore?: ReactNode;
 } & Omit<{
-    level?: "1" | "2" | "4" | "3" | "5" | "6";
+    level?: "1" | "2" | "3" | "4" | "6" | "5";
 }, never> & Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<{
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
+}>, never> & Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
 declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -123,25 +124,25 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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>>;
 
@@ -152,41 +153,44 @@ declare namespace AnimatePresence {
     var displayName: string;
 }
 
+declare const mapFallbackToIcon: {
+    team: react_jsx_runtime.JSX.Element;
+    user: react_jsx_runtime.JSX.Element;
+};
 declare const Avatar: react.ForwardRefExoticComponent<{
+    colorScheme?: "neutral" | "purple" | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "xl" | "3xl" | undefined;
+} & {
+    fallback?: keyof typeof mapFallbackToIcon;
     icon?: React.ReactNode;
     name?: string;
     src?: string;
-} & {
-    colorScheme?: "neutral" | "purple" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | "5xl" | undefined;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
 declare const AvatarGroup: react.ForwardRefExoticComponent<{
     size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ToastProvider: react.ForwardRefExoticComponent<{
+declare const ToastProvider: react.ForwardRefExoticComponent<RadixToast.ToastProviderProps & {
+    position?: "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
+} & {
     children?: never;
     container?: ComponentPropsWithoutRef<typeof Portal>["container"];
     /**
      * An instance of toaster returned from the `createToaster` method.
      */
     toaster?: ReturnType<typeof createToaster>;
-} & RadixToast.ToastProviderProps & {
-    position?: "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "asChild" | "children" | "label" | "color" | "className"> & react.RefAttributes<HTMLOListElement>>;
+}>, never> & Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "asChild" | "children" | "label" | "color" | "className"> & react.RefAttributes<HTMLOListElement>>;
 
-interface ToastProviderProps extends ComponentPropsWithoutRef<typeof ToastProvider> {
-}
 type AxiomProviderProps = {
     children?: ReactNode;
     /**
@@ -202,48 +206,50 @@ type AxiomProviderProps = {
      */
     tooltip?: Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, "children">;
 };
+interface ToastProviderProps extends ComponentPropsWithoutRef<typeof ToastProvider> {
+}
 declare function AxiomProvider({ children, toast, tooltip, }: AxiomProviderProps): react_jsx_runtime.JSX.Element;
 declare namespace AxiomProvider {
     var displayName: string;
 }
 
 declare const Badge: react.ForwardRefExoticComponent<{
-    intent?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
+    intent?: "information" | "success" | "warning" | "danger" | "neutral" | "primary" | undefined;
     variant?: "solid" | "light" | undefined;
 } & Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<{
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
 declare const Banner: react.ForwardRefExoticComponent<{
-    onClose?: () => void;
+    intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
 } & {
-    intent?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
-} & Omit<NonNullable<{
+    onClose?: () => void;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const BannerDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const BannerDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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<NonNullable<{
+declare const BannerTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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 function extractSprinkles<S extends Record<string, unknown>>(props: S): {
-    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")>;
+    restProps: Omit<S, "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
+    sprinkleProps: Pick<S, keyof S & ("p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w")>;
 };
 
 declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
@@ -286,12 +292,12 @@ declare const appearances: {
         variant: "subtle";
     };
 };
-type ButtonBaseProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<{
+type ButtonBaseProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<Omit<NonNullable<ButtonVariants>, "intent" | "variant"> & {
     appearance?: keyof typeof appearances;
     children?: ReactNode;
     disabled?: boolean;
     loading?: boolean;
-} & Omit<NonNullable<ButtonVariants>, "intent" | "variant">, P>>;
+}, P>>;
 
 type ButtonProps<T extends ElementType = "button", P = unknown> = ButtonBaseProps<T, ExtendProps<{
     addonAfter?: ReactNode;
@@ -306,44 +312,43 @@ declare const Button: react.ForwardRefExoticComponent<Omit<{
     children?: ReactNode;
     icon?: ReactNode;
     iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<{
-    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
-    children?: ReactNode;
-    disabled?: boolean;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ButtonGroup: react.ForwardRefExoticComponent<{
     children: ReactNode;
     orientation?: "horizontal" | "vertical";
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<{
+}>, 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>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const Code: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const Code: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
+}>, 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;
@@ -351,15 +356,15 @@ declare namespace Dialog {
     var displayName: string;
 }
 
-declare const DialogActions: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const DialogActions: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
-declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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>>;
 
@@ -369,20 +374,20 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TransitionGlobalConfig: {
     skipAnimations: boolean;
@@ -390,34 +395,34 @@ declare const TransitionGlobalConfig: {
 
 declare const DialogDescription: react.ForwardRefExoticComponent<{
     description?: string;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
+}>, 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<{
+declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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<NonNullable<{
+declare const DialogHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
 declare const DialogTitle: react.ForwardRefExoticComponent<Omit<{
-    level?: "1" | "2" | "4" | "3" | "5" | "6";
+    level?: "1" | "2" | "3" | "4" | "6" | "5";
 }, never> & Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<{
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
+}>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
 declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -425,39 +430,39 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Disclosure: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const Disclosure: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DisclosureContent: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const DisclosureContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixCollapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DisclosureTrigger: react.ForwardRefExoticComponent<{
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
     chevronPosition?: "end" | "start";
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, 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;
@@ -465,15 +470,15 @@ declare namespace Drawer {
     var displayName: string;
 }
 
-declare const DrawerActions: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const DrawerActions: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
-declare const DrawerBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const DrawerBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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>>;
 
@@ -483,59 +488,59 @@ declare const DrawerClose: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const DrawerContent: react.ForwardRefExoticComponent<{
     position?: "left" | "right" | "bottom" | undefined;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<{
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
+}>, 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<{
+declare const DrawerFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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<NonNullable<{
+declare const DrawerHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<{
-    level?: "1" | "2" | "4" | "3" | "5" | "6";
+    level?: "1" | "2" | "3" | "4" | "6" | "5";
 }, never> & Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<{
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -543,20 +548,20 @@ declare const DrawerTrigger: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 type MenuProps = ComponentPropsWithoutRef<typeof RadixMenu.Root>;
 declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
@@ -566,37 +571,37 @@ declare namespace DropdownMenu {
 
 declare const DropdownMenuContent: react.ForwardRefExoticComponent<{
     minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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;
@@ -606,22 +611,22 @@ declare namespace DropdownMenuSub {
 
 declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<{
     minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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;
@@ -629,20 +634,20 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     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>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Field: react.ForwardRefExoticComponent<{
     children: ReactNode;
@@ -652,27 +657,37 @@ declare const Field: react.ForwardRefExoticComponent<{
     inputId?: string;
     label?: ReactNode;
     required?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
+declare const FieldLabel: react.ForwardRefExoticComponent<{
+    info?: ReactNode;
+    inputId?: string;
+    labelId?: string;
+    required?: boolean;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, 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<NonNullable<{
+declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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 text: (props?: {
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
 } | undefined, className?: string) => {
     className: string;
@@ -681,12 +696,12 @@ type TextVariants = RecipeVariants<typeof text>;
 
 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;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<{
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
+}>, 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<{
     /**
@@ -708,12 +723,12 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<{
      */
     level?: keyof typeof mapLevelToTag;
 }, never> & Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<{
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
 type HoverCardProps = BoxProps<typeof RadixHoverCard.Root, {
     keepOpenOnActivation?: boolean;
@@ -725,15 +740,15 @@ declare namespace HoverCard {
 
 declare const HoverCardContent: react.ForwardRefExoticComponent<{
     withArrow?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixHoverCard.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixHoverCard.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
 
 declare const Indicator: react.ForwardRefExoticComponent<{
     content?: ReactNode;
@@ -741,80 +756,80 @@ declare const Indicator: react.ForwardRefExoticComponent<{
     offset?: boolean;
     ping?: boolean;
     position?: "bottom-right" | "top-right";
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<{
-    intent?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
+}>, never> & Omit<Omit<{
+    intent?: "information" | "success" | "warning" | "danger" | "neutral" | "primary" | undefined;
     variant?: "solid" | "light" | undefined;
 } & Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<{
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & 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>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Input: react.ForwardRefExoticComponent<{
-    addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
-    htmlSize?: number;
-} & Pick<Omit<Pick<{
+declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
 } & {
     children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<{
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
+}>, 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;
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    htmlSize?: number;
 } & Omit<NonNullable<{
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
     disabled?: boolean;
     error?: boolean;
-} & {
-    size?: "md" | "lg" | "2xl" | undefined;
-}>, "size"> & Omit<NonNullable<{
+}>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const InputAddon: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const InputAddon: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const control: (props?: {
-    size?: "md" | "lg" | "2xl" | undefined;
+    size?: "md" | "lg" | "xl" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
 type ControlVariants = RecipeVariants<typeof control>;
 
-type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<{
+type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<ControlVariants & {
     disabled?: boolean;
     error?: boolean;
-} & ControlVariants, P>>;
+}, P>>;
 declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
     disabled?: boolean;
     error?: boolean;
-} & {
-    size?: "md" | "lg" | "2xl" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & 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>>;
+}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
 declare const InputRoot: react.ForwardRefExoticComponent<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
 } & {
     children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<{
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
 declare const mapKeyToCode: {
     command: string;
@@ -832,13 +847,13 @@ declare const mapKeyToCode: {
     up: string;
 };
 declare const Kbd: react.ForwardRefExoticComponent<{
-    keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
-} & {
     variant?: "outline" | "subtle" | undefined;
-} & Omit<NonNullable<{
+} & {
+    keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
 declare const axiom = "optiaxiom";
 declare const theme = "optiaxiom.theme";
@@ -855,41 +870,41 @@ 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, layers_css_theme as theme };
 }
 
-declare const Listbox: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const Listbox: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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<NonNullable<{
+declare const ListboxEmpty: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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<NonNullable<{
+declare const ListboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, 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<NonNullable<{
+declare const ListboxGroup: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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;
@@ -898,67 +913,66 @@ declare const item: (props?: {
 };
 type ItemVariants = RecipeVariants<typeof item>;
 
-type ListboxItemProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<{
+type ListboxItemProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<ItemVariants & {
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
     description?: ReactNode;
     icon?: ReactNode;
-} & ItemVariants, P>>;
+}, P>>;
 declare const ListboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
     description?: ReactNode;
     icon?: ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ListboxItemIndicator: react.ForwardRefExoticComponent<{
     active?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & 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>>;
+}>, never> & Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & react.RefAttributes<SVGSVGElement>>;
 
-declare const ListboxLabel: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
+declare const ListboxLabel: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     description?: react.ReactNode;
     icon?: react.ReactNode;
-} & {
-    intent?: "danger" | "neutral" | undefined;
-}>, never> & Omit<NonNullable<{
+}>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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<NonNullable<{
+declare const ListboxScrollArea: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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<NonNullable<{
+declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<{
+}>, 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) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & 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>>;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
@@ -966,20 +980,22 @@ declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     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>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const ModalLayer: react.ForwardRefExoticComponent<Omit<_radix_ui_react_dismissable_layer.DismissableLayerProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type PaginationProps = BoxProps<"nav", {
     defaultPage?: number;
@@ -994,17 +1010,17 @@ declare const Pagination: react.ForwardRefExoticComponent<{
     onPageChange?: (offset: number) => void;
     page?: number;
     total: number;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
+}>, 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;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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;
@@ -1012,10 +1028,10 @@ declare namespace Popover {
     var displayName: string;
 }
 
-declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1023,37 +1039,36 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & {
-    intent?: "danger" | "primary" | "success" | undefined;
+}>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & {
+    intent?: "success" | "danger" | "primary" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
 declare const Radio: react.ForwardRefExoticComponent<{
     description?: ReactNode;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<{
+}>, 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>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type InputProps = ComponentPropsWithoutRef<"input">;
 declare const RadioGroup: react.ForwardRefExoticComponent<{
@@ -1064,22 +1079,22 @@ declare const RadioGroup: react.ForwardRefExoticComponent<{
     onChange?: InputProps["onChange"];
     onValueChange?: (value: string) => void;
     value?: string;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue" | "onBlur" | "onChange"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue" | "onBlur" | "onChange"> & react.RefAttributes<HTMLDivElement>>;
 
-type SearchProps = {
+type SearchProps = ComponentPropsWithRef<typeof Input> & {
     onValueClear?: () => void;
-} & ComponentPropsWithRef<typeof Input>;
+};
 declare const SearchInput: react.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const SegmentedControl: react.ForwardRefExoticComponent<{
     type?: "multiple" | "single";
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & 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>>;
+}>, 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;
@@ -1087,41 +1102,40 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & 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) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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;
     expanded?: boolean;
     onExpandedChange?: (expanded: boolean) => void;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
 type SidenavAccountItemProps = BoxProps<"div", {
     avatar: ReactNode;
@@ -1132,25 +1146,25 @@ declare const SidenavAccountItem: react.ForwardRefExoticComponent<{
     avatar: ReactNode;
     name?: string;
     organization?: string;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const SidenavBody: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const SidenavBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
 
-declare const SidenavFooter: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const SidenavFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
 
-declare const SidenavHeader: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const SidenavHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
 
 type SidenavItemProps = ButtonProps<typeof Button, {
     active?: boolean;
@@ -1165,43 +1179,43 @@ declare const SidenavItem: react.ForwardRefExoticComponent<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<Omit<{
+}>, "size"> & Omit<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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & 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>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "aria-label" | "iconOnly" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
-type SidenavToggleProps = {
+type SidenavToggleProps = Omit<ComponentPropsWithRef<typeof SidenavItem>, "aria-label"> & {
     "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<{
@@ -1214,47 +1228,45 @@ declare const Skeleton: react.ForwardRefExoticComponent<{
      * Control the height of the skeleton - or both width and height if `circle` is also set to true.
      */
     h?: Sprinkles["h"];
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "h"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+}>, "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";
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & 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;
-} & Omit<NonNullable<{
+} & {
+    description?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<{
+}>, "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>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const Tabs: react.ForwardRefExoticComponent<{
     appearance?: "primary" | "secondary";
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixTabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const TabsContent: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const TabsContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixTabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const TabsList: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const TabsList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixTabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixTabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1262,30 +1274,38 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TextareaAutosize: react.ForwardRefExoticComponent<{
     maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
     resize?: "none" | "auto" | "vertical" | undefined;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>>;
 
-declare const Textarea: react.ForwardRefExoticComponent<{
+declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
     children?: never;
@@ -1295,29 +1315,21 @@ declare const Textarea: react.ForwardRefExoticComponent<{
     maxRows?: ComponentPropsWithRef<typeof TextareaAutosize>["maxRows"];
     resize?: ComponentPropsWithRef<typeof TextareaAutosize>["resize"];
     size?: never;
-} & Pick<Omit<Pick<{
-    addonPointerEvents?: "auto" | "none";
-    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & Omit<NonNullable<{
+    size?: "md" | "lg" | "xl" | undefined;
 } & {
-    children: React.ReactNode;
-}, "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<{
+}>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<{
+}>, "size"> & Omit<Omit<{
     maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
     resize?: "none" | "auto" | "vertical" | undefined;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & 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>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "asChild" | "children" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "resize" | "maxRows"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;
@@ -1329,11 +1341,11 @@ declare namespace ThemeProvider {
 }
 
 declare const Toast: react.ForwardRefExoticComponent<{
-    intent?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
-} & Omit<NonNullable<{
+    intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastProps & react.RefAttributes<HTMLLIElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
+}>, never> & Omit<Omit<RadixToast.ToastProps & react.RefAttributes<HTMLLIElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
 
 declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1341,28 +1353,28 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<{
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ToggleButton: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1370,20 +1382,20 @@ declare const ToggleButton: react.ForwardRefExoticComponent<Omit<{
     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;
-    loading?: boolean;
-} & Omit<{
+}, never> & Omit<NonNullable<Omit<{
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "intent" | "variant">>, "children"> & Omit<NonNullable<{
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "inverse" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+}>, "children"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "className" | "disabled"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "children" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
     auto?: boolean;
@@ -1407,19 +1419,19 @@ declare const Tooltip: react.ForwardRefExoticComponent<{
     keepOpenOnActivation?: boolean;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
-} & Omit<NonNullable<{
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<Omit<NonNullable<{
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & 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>>;
+}>, never> & Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "children" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "content"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const TooltipContent: react.ForwardRefExoticComponent<Omit<NonNullable<{
+declare const TooltipContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, 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>>;
 
-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 };
+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, FieldLabel, 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, ModalLayer, 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 };