@optiaxiom/react 0.1.0-next.9 → 0.2.0

package/dist/index.d.ts

@@ -1,398 +1,257 @@
 import * as react from 'react';
-import { ReactNode, ReactElement, ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
-import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
-import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
+import { ComponentPropsWithoutRef, ReactNode, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps } from './Link-Cb4M-bVP.js';
+export { a as Box, L as Link, m as mapResponsiveValue, s as sprinkles } from './Link-Cb4M-bVP.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as RadixCheckbox from '@radix-ui/react-checkbox';
-import * as RadixToggle from '@radix-ui/react-toggle';
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { createToaster } from '@optiaxiom/globals';
+export { createToaster, toaster } from '@optiaxiom/globals';
+import { Portal } from '@radix-ui/react-portal';
+import * as RadixToast from '@radix-ui/react-toast';
 import * as RadixDialog from '@radix-ui/react-dialog';
+import * as RadixCollapsible from '@radix-ui/react-collapsible';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import * as RadixHoverCard from '@radix-ui/react-hover-card';
+import * as RadixPopover from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import * as RadixRadio from '@radix-ui/react-radio-group';
+import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
+import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import * as RadixSeparator from '@radix-ui/react-separator';
-import * as RadixSwitch from '@radix-ui/react-switch';
-import TextareaAutosize from 'react-textarea-autosize';
-import * as RadixTooltip from '@radix-ui/react-tooltip';
+import * as RadixTabs from '@radix-ui/react-tabs';
+import * as RadixToggle from '@radix-ui/react-toggle';
 
-declare const AlertDialog: react.ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogProps, "children"> & Omit<{
+declare const Alert: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & {
-    action: string;
-    appearance?: "danger" | "primary";
-    cancel?: string;
-    children: ReactNode;
-    onAction: () => void;
-    onCancel: () => void;
-    title: ReactNode;
+} & Sprinkles, never> & {
+    onClose?: () => void;
 } & {
-    size?: "sm" | "md" | "lg" | undefined;
+    colorScheme?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const AnimatePresence: ({ children, }: {
-    children?: ReactElement | false;
-}) => react_jsx_runtime.JSX.Element;
+declare const AlertDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & 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>>;
+
+type AlertDialogProps = ComponentPropsWithoutRef<typeof RadixAlertDialog.Root>;
+declare function AlertDialog({ children, defaultOpen, onOpenChange, open: openProp, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+
+declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
+    restProps: Omit<S, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
+    sprinkleProps: Pick<S, keyof S & ("borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w")>;
+};
+
+declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
+
+type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
+
+declare const content$3: (props?: {
+    size?: "sm" | "md" | "lg" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type DialogVariants$1 = RecipeVariants<typeof content$3>;
+
+type AlertDialogContentProps = BoxProps<typeof RadixAlertDialog.Content, NonNullable<DialogVariants$1>>;
+declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLParagraphElement>>;
+
+declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    addonBefore?: ReactNode;
+} & react.RefAttributes<HTMLHeadingElement>>;
 
-declare const usePresence: () => readonly [false, () => void] | readonly [true];
+declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Avatar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
+declare const AlertTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size" | "className"> & {
-    children?: React.ReactNode;
+} & Sprinkles, never> & 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 AnimatePresence({ children, }: {
+    children?: false | ReactElement;
+}): false | react_jsx_runtime.JSX.Element | undefined;
+declare namespace AnimatePresence {
+    var displayName: string;
+}
+
+declare const Avatar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
     className?: string;
+} & Sprinkles, "size"> & {
     icon?: React.ReactNode;
     name?: string;
     src?: string;
 } & {
-    colorScheme?: "blue" | "brand" | "dark" | "gray" | "green" | "magenta" | "neutral" | "orange" | "purple" | "red" | "slate" | "yellow" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    colorScheme?: "neutral" | "blue" | "cyan" | "green" | "magenta" | "purple" | "red" | "yellow" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | "5xl" | undefined;
 } & react.RefAttributes<HTMLSpanElement>>;
 
-type ExtendProps<T1, T2> = Omit<T1, keyof T1 & keyof T2> & T2;
+declare const AvatarGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & {
+    size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const ToastProvider: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "children" | "color" | "className" | "label" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    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;
+} & react.RefAttributes<HTMLOListElement>>;
 
-declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
-    restProps: Omit<S, "size" | "fontFamily" | "fontSize" | "borderColor" | "color" | "animation" | "fontWeight" | "objectFit" | "overflow" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "display" | "flex" | "flexDirection" | "flexWrap" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
-    sprinkleProps: Pick<S, keyof S & ("size" | "fontFamily" | "fontSize" | "borderColor" | "color" | "animation" | "fontWeight" | "objectFit" | "overflow" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "display" | "flex" | "flexDirection" | "flexWrap" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w")>;
+interface ToastProviderProps extends ComponentPropsWithoutRef<typeof ToastProvider> {
+}
+type AxiomProviderProps = {
+    children?: ReactNode;
+    /**
+     * Props for the `ToastProvider` component
+     *
+     * {@link https://optimizely-axiom.github.io/optiaxiom/components/toast/ Documentation}
+     */
+    toast?: Omit<ToastProviderProps, "children">;
+    /**
+     * Props for the `TooltipProvider` component
+     *
+     * {@link https://www.radix-ui.com/primitives/docs/components/tooltip#provider Documentation}
+     */
+    tooltip?: Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Provider>, "children">;
 };
+declare function AxiomProvider({ children, toast, tooltip, }: AxiomProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace AxiomProvider {
+    var displayName: string;
+}
+
+declare const Badge: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & {
+    colorScheme?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
+    variant?: "solid" | "light" | undefined;
+} & react.RefAttributes<HTMLSpanElement>>;
 
-declare const sprinkles: ((props: {
-    animation?: "pulse" | undefined;
-    backgroundColor?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.1200/18" | "purple.50" | "red.500" | "red.600" | "red.50" | "blue.50" | "slate.100" | "neutral.100" | "green.50" | "green.500" | "green.600" | "yellow.500" | "yellow.600" | "yellow.50" | "neutral.500" | "neutral.600" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.700" | "neutral.800" | "brand.300" | "neutral.1200/32" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "gray.900" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.brand.subtle" | "bg.default.hover" | "bg.disabled" | "bg.discovery" | "bg.error.solid" | "bg.error.solid.hover" | "bg.error.subtle" | "bg.information" | "bg.neutral" | "bg.secondary.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.success.subtle" | "bg.warning.solid" | "bg.warning.solid.hover" | "bg.warning.subtle" | "border.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.brand" | "fg.brand.hover" | "fg.default" | "fg.default.hover" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hover" | "fg.secondary" | "fg.secondary.hover" | "fg.success" | "fg.success.hover" | "fg.tertiary" | "fg.tertiary.hover" | "fg.warning" | "fg.warning.hover" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "brand.400" | "brand.700" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "green.100" | "green.300" | "green.400" | "green.700" | "green.800" | "magenta.50" | "magenta.500" | "neutral.50" | "neutral.1100" | "neutral.1200" | "neutral.1200/5" | "neutral.1200/12" | "neutral.1200/22" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.500" | "red.100" | "red.200" | "red.300" | "red.400" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
-    borderBottomWidth?: "0" | "1" | "2" | "4" | undefined;
-    borderColor?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.1200/18" | "purple.50" | "red.500" | "red.600" | "red.50" | "blue.50" | "slate.100" | "neutral.100" | "green.50" | "green.500" | "green.600" | "yellow.500" | "yellow.600" | "yellow.50" | "neutral.500" | "neutral.600" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.700" | "neutral.800" | "brand.300" | "neutral.1200/32" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "gray.900" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.brand.subtle" | "bg.default.hover" | "bg.disabled" | "bg.discovery" | "bg.error.solid" | "bg.error.solid.hover" | "bg.error.subtle" | "bg.information" | "bg.neutral" | "bg.secondary.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.success.subtle" | "bg.warning.solid" | "bg.warning.solid.hover" | "bg.warning.subtle" | "border.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.brand" | "fg.brand.hover" | "fg.default" | "fg.default.hover" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hover" | "fg.secondary" | "fg.secondary.hover" | "fg.success" | "fg.success.hover" | "fg.tertiary" | "fg.tertiary.hover" | "fg.warning" | "fg.warning.hover" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "brand.400" | "brand.700" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "green.100" | "green.300" | "green.400" | "green.700" | "green.800" | "magenta.50" | "magenta.500" | "neutral.50" | "neutral.1100" | "neutral.1200" | "neutral.1200/5" | "neutral.1200/12" | "neutral.1200/22" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.500" | "red.100" | "red.200" | "red.300" | "red.400" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
-    borderLeftWidth?: "0" | "1" | "2" | "4" | undefined;
-    borderRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
-    borderRightWidth?: "0" | "1" | "2" | "4" | undefined;
-    borderTopWidth?: "0" | "1" | "2" | "4" | undefined;
-    boxShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
-    color?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.1200/18" | "purple.50" | "red.500" | "red.600" | "red.50" | "blue.50" | "slate.100" | "neutral.100" | "green.50" | "green.500" | "green.600" | "yellow.500" | "yellow.600" | "yellow.50" | "neutral.500" | "neutral.600" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.700" | "neutral.800" | "brand.300" | "neutral.1200/32" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "gray.900" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.brand.subtle" | "bg.default.hover" | "bg.disabled" | "bg.discovery" | "bg.error.solid" | "bg.error.solid.hover" | "bg.error.subtle" | "bg.information" | "bg.neutral" | "bg.secondary.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.success.subtle" | "bg.warning.solid" | "bg.warning.solid.hover" | "bg.warning.subtle" | "border.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.brand" | "fg.brand.hover" | "fg.default" | "fg.default.hover" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hover" | "fg.secondary" | "fg.secondary.hover" | "fg.success" | "fg.success.hover" | "fg.tertiary" | "fg.tertiary.hover" | "fg.warning" | "fg.warning.hover" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "brand.400" | "brand.700" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "green.100" | "green.300" | "green.400" | "green.700" | "green.800" | "magenta.50" | "magenta.500" | "neutral.50" | "neutral.1100" | "neutral.1200" | "neutral.1200/5" | "neutral.1200/12" | "neutral.1200/22" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.500" | "red.100" | "red.200" | "red.300" | "red.400" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
-    fontFamily?: "mono" | "sans" | undefined;
-    fontWeight?: "600" | "900" | "100" | "200" | "300" | "400" | "500" | "700" | "800" | undefined;
-    letterSpacing?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
-    objectFit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
-    overflow?: "auto" | "hidden" | "visible" | undefined;
-    textAlign?: "end" | "start" | "center" | "justify" | undefined;
-    textTransform?: "none" | "capitalize" | "uppercase" | undefined;
-    transition?: "colors" | "all" | "transform" | undefined;
-    whiteSpace?: "nowrap" | undefined;
-    zIndex?: "0" | "10" | "20" | "30" | "40" | "auto" | "50" | "popover" | undefined;
-    bg?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.1200/18" | "purple.50" | "red.500" | "red.600" | "red.50" | "blue.50" | "slate.100" | "neutral.100" | "green.50" | "green.500" | "green.600" | "yellow.500" | "yellow.600" | "yellow.50" | "neutral.500" | "neutral.600" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.700" | "neutral.800" | "brand.300" | "neutral.1200/32" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "gray.900" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.brand.subtle" | "bg.default.hover" | "bg.disabled" | "bg.discovery" | "bg.error.solid" | "bg.error.solid.hover" | "bg.error.subtle" | "bg.information" | "bg.neutral" | "bg.secondary.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.success.subtle" | "bg.warning.solid" | "bg.warning.solid.hover" | "bg.warning.subtle" | "border.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.brand" | "fg.brand.hover" | "fg.default" | "fg.default.hover" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hover" | "fg.secondary" | "fg.secondary.hover" | "fg.success" | "fg.success.hover" | "fg.tertiary" | "fg.tertiary.hover" | "fg.warning" | "fg.warning.hover" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "brand.400" | "brand.700" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "green.100" | "green.300" | "green.400" | "green.700" | "green.800" | "magenta.50" | "magenta.500" | "neutral.50" | "neutral.1100" | "neutral.1200" | "neutral.1200/5" | "neutral.1200/12" | "neutral.1200/22" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.500" | "red.100" | "red.200" | "red.300" | "red.400" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
-    border?: "0" | "1" | "2" | "4" | undefined;
-    borderB?: "0" | "1" | "2" | "4" | undefined;
-    borderL?: "0" | "1" | "2" | "4" | undefined;
-    borderR?: "0" | "1" | "2" | "4" | undefined;
-    borderT?: "0" | "1" | "2" | "4" | undefined;
-    rounded?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
-    shadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
-    tracking?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
-    z?: "0" | "10" | "20" | "30" | "40" | "auto" | "50" | "popover" | undefined;
+declare const Banner: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    onClose?: () => void;
 } & {
-    alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
-        readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-        readonly lg?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
-    flex?: ("1" | "auto" | "none" | "initial" | {
-        readonly base?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly md?: "1" | "auto" | "none" | "initial" | undefined;
-        readonly lg?: "1" | "auto" | "none" | "initial" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
-    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
-        readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        readonly lg?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
-    flexWrap?: ("nowrap" | "wrap" | {
-        readonly base?: "nowrap" | "wrap" | undefined;
-        readonly sm?: "nowrap" | "wrap" | undefined;
-        readonly md?: "nowrap" | "wrap" | undefined;
-        readonly lg?: "nowrap" | "wrap" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
-    fontSize?: ("sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | {
-        readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
-        readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
-        readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
-        readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | null>;
-    gap?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    gridColumn?: ("1" | "2" | "4" | "3" | {
-        readonly base?: "1" | "2" | "4" | "3" | undefined;
-        readonly sm?: "1" | "2" | "4" | "3" | undefined;
-        readonly md?: "1" | "2" | "4" | "3" | undefined;
-        readonly lg?: "1" | "2" | "4" | "3" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
-    gridTemplateColumns?: ("1" | "2" | "4" | "3" | {
-        readonly base?: "1" | "2" | "4" | "3" | undefined;
-        readonly sm?: "1" | "2" | "4" | "3" | undefined;
-        readonly md?: "1" | "2" | "4" | "3" | undefined;
-        readonly lg?: "1" | "2" | "4" | "3" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
-    height?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
-    justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
-        readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | null>;
-    justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
-        readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-        readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
-    lineHeight?: ("none" | "normal" | "tight" | "loose" | {
-        readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "none" | "normal" | "tight" | "loose" | null>;
-    marginBottom?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    marginLeft?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    marginRight?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    marginTop?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    maxHeight?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
-        readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
-    maxWidth?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
-        readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
-    paddingBottom?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    paddingLeft?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    paddingRight?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    paddingTop?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    placeItems?: ("center" | {
-        readonly base?: "center" | undefined;
-        readonly sm?: "center" | undefined;
-        readonly md?: "center" | undefined;
-        readonly lg?: "center" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "center" | null>;
-    width?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
-    colSpan?: ("1" | "2" | "4" | "3" | {
-        readonly base?: "1" | "2" | "4" | "3" | undefined;
-        readonly sm?: "1" | "2" | "4" | "3" | undefined;
-        readonly md?: "1" | "2" | "4" | "3" | undefined;
-        readonly lg?: "1" | "2" | "4" | "3" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
-    cols?: ("1" | "2" | "4" | "3" | {
-        readonly base?: "1" | "2" | "4" | "3" | undefined;
-        readonly sm?: "1" | "2" | "4" | "3" | undefined;
-        readonly md?: "1" | "2" | "4" | "3" | undefined;
-        readonly lg?: "1" | "2" | "4" | "3" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
-    h?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
-    leading?: ("none" | "normal" | "tight" | "loose" | {
-        readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
-        readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "none" | "normal" | "tight" | "loose" | null>;
-    m?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    maxH?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
-        readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
-    maxW?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
-        readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-        readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
-    mb?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    ml?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    mr?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    mt?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    mx?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    my?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
-    p?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    pb?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    pl?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    pr?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    pt?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    px?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    py?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
-        readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-        readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    size?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
-    w?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
-}) => string) & {
-    properties: Set<"size" | "borderRadius" | "boxShadow" | "fontFamily" | "fontSize" | "letterSpacing" | "lineHeight" | "zIndex" | "backgroundColor" | "borderBottomWidth" | "borderColor" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "color" | "animation" | "fontWeight" | "objectFit" | "overflow" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "alignItems" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
-};
-declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends _vanilla_extract_sprinkles.ConditionalValue<{
-    conditions: {
-        defaultCondition: "base";
-        conditionNames: ("sm" | "md" | "lg" | "base")[];
-        responsiveArray: ("sm" | "md" | "lg" | "base")[] & {
-            length: 3;
-        };
-    };
-    styles: {};
-}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends _vanilla_extract_sprinkles.ResponsiveArray<1, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6 | 7, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4 | 8 | 6 | 7, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "sm" | "md" | "lg" | "base") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"sm" | "md" | "lg" | "base", OutputValue>>;
-type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "gridColumn" | "gridTemplateColumns" | "height" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
-type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
+    colorScheme?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
 
-type BoxProps<T extends ElementType = "div", P = unknown> = ExtendProps<ComponentPropsWithoutRef<T>, ExtendProps<{
+declare const BannerDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, P>>;
-declare const Box: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const BannerTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & 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 button: (props?: {
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ButtonVariants = NonNullable<RecipeVariants<typeof button>>;
 
 declare const appearances: {
     danger: {
@@ -404,34 +263,50 @@ declare const appearances: {
         variant: "outline";
     };
     default: {
-        colorScheme: "secondary";
+        colorScheme: "neutral";
         variant: "outline";
     };
+    inverse: {
+        colorScheme: "neutral";
+        variant: "solid";
+    };
     primary: {
         colorScheme: "primary";
         variant: "solid";
     };
-    secondary: {
-        colorScheme: "secondary";
+    subtle: {
+        colorScheme: "neutral";
         variant: "subtle";
     };
 };
+type ButtonProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    appearance?: keyof typeof appearances;
+    children?: ReactNode;
+    disabled?: boolean;
+    icon?: ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<ButtonVariants, "colorScheme" | "iconOnly" | "variant">, P>>;
 declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, "size"> & {
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
     appearance?: keyof typeof appearances;
     children?: ReactNode;
     disabled?: boolean;
     icon?: ReactNode;
     iconPosition?: "end" | "start";
-    isLoading?: boolean;
+    loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "primary" | "secondary" | undefined;
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "solid" | "subtle" | undefined;
-}, "iconOnly"> & react.RefAttributes<HTMLButtonElement>>;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -441,41 +316,27 @@ declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<Omit<react.Detai
     orientation?: "horizontal" | "vertical";
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<RadixCheckbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
+    onCheckedChange?: (checked: boolean) => void;
+    value?: string;
+} & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    endDecorator?: ReactNode;
-} & react.RefAttributes<HTMLDivElement>>;
-
-declare const Chip: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & {
-    endDecorator?: ReactNode;
-    startDecorator?: ReactNode;
-} & {
-    size?: "sm" | "md" | "lg" | undefined;
-} & react.RefAttributes<HTMLButtonElement>>;
+    description?: ReactNode;
+    indeterminate?: boolean;
+} & react.RefAttributes<HTMLInputElement>>;
 
 declare const Code: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLElement>>;
 
-declare const Dialog: react.ForwardRefExoticComponent<Omit<RadixDialog.DialogProps, "children" | "open" | "onOpenChange" | "modal"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, "size"> & {
-    children: ReactNode;
-    modal?: boolean;
-    onClose: () => void;
-    onOpenChange?: never;
-    open?: boolean;
-    withCloseButton?: boolean;
-} & {
-    size?: "sm" | "md" | "lg" | undefined;
-} & react.RefAttributes<HTMLDivElement>>;
+type DialogProps = Omit<ComponentPropsWithoutRef<typeof RadixDialog.Root>, "modal">;
+declare function Dialog({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
+declare namespace Dialog {
+    var displayName: string;
+}
 
 declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -484,6 +345,44 @@ declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<re
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const DialogClose: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const content$2: (props?: {
+    size?: "sm" | "md" | "lg" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type DialogVariants = RecipeVariants<typeof content$2>;
+
+type DialogContentProps = BoxProps<typeof RadixDialog.Content, {
+    withCloseButton?: boolean;
+} & DialogVariants>;
+declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    description?: string;
+} & react.RefAttributes<HTMLParagraphElement>>;
+
 declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -493,92 +392,283 @@ declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
     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 DialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+declare const DialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    description?: string;
-} & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLHeadingElement>>;
 
-declare const Field: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className" | "id"> & Omit<{
+declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & {
-    children: ReactElement;
-    description?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
     disabled?: boolean;
-    error?: string;
-    id?: string;
-    info?: string;
-    label?: string;
-    required?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const Disclosure: react.ForwardRefExoticComponent<Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DisclosureContent: react.ForwardRefExoticComponent<Omit<Omit<RadixCollapsible.CollapsibleContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DisclosureTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    chevronPosition?: "end" | "start";
+} & react.RefAttributes<HTMLButtonElement>>;
+
+declare const content$1: (props?: {
+    position?: "left" | "right" | "bottom" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type DrawerVariants = RecipeVariants<typeof content$1>;
+
+type DrawerProps = BoxProps<typeof RadixDialog.Content, {
+    children: ReactNode;
+    modal?: boolean;
+    onClose: () => void;
+    open?: boolean;
+    withCloseButton?: boolean;
+} & DrawerVariants>;
+declare const Drawer: react.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DrawerBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const DrawerFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & 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 mapLevelToTag: {
-    readonly "1": "h1";
-    readonly "2": "h2";
-    readonly "3": "h3";
-    readonly "4": "h4";
-    readonly "5": "h5";
-    readonly "6": "h6";
-};
-declare const mapTagToFontSize: {
-    readonly h1: "5xl";
-    readonly h2: "4xl";
-    readonly h3: "3xl";
-    readonly h4: "2xl";
-    readonly h5: "xl";
-    readonly h6: "md";
-};
-declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & Omit<{
+declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    description?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type MenuProps = ComponentPropsWithoutRef<typeof RadixMenu.Root>;
+declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenu {
+    var displayName: string;
+}
+
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
-    as?: "p" | "span";
+    enableExitAnimation?: boolean;
 } & {
-    lineClamp?: "1" | "2" | "4" | "3" | undefined;
-    truncate?: boolean | undefined;
-}, never> & {
-    /**
-     * Presets for each level of heading h1-h6.
-     */
-    level?: keyof typeof mapLevelToTag;
+    minW?: "0" | "trigger" | undefined;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+} & {
+    colorScheme?: "danger" | "neutral" | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+type MenuSubProps = ComponentPropsWithoutRef<typeof RadixMenu.Sub>;
+declare function DropdownMenuSub({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuSubProps): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuSub {
+    var displayName: string;
+}
+
+declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    enableExitAnimation?: boolean;
+} & {
+    minW?: "0" | "trigger" | undefined;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+} & {
+    colorScheme?: "danger" | "neutral" | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const Field: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    children: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    info?: ReactNode;
+    inputId?: string;
+    label?: ReactNode;
+    required?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & 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 mapLevelToTag: {
+    readonly "1": "h1";
+    readonly "2": "h2";
+    readonly "3": "h3";
+    readonly "4": "h4";
+    readonly "5": "h5";
+    readonly "6": "h6";
+};
+declare const mapTagToFontSize: {
+    readonly h1: "5xl";
+    readonly h2: "4xl";
+    readonly h3: "3xl";
+    readonly h4: "2xl";
+    readonly h5: "xl";
+    readonly h6: "md";
+};
+declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & {
     /**
      * Control the visual size without changing the semantic tag.
      */
-    variant?: keyof typeof mapTagToFontSize;
+    appearance?: keyof typeof mapTagToFontSize;
+    /**
+     * Presets for each level of heading h1-h6.
+     */
+    level?: keyof typeof mapLevelToTag;
 } & react.RefAttributes<HTMLHeadingElement>>;
 
-declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "className"> & Omit<{
+type HoverCardProps = BoxProps<typeof RadixHoverCard.Root, {
+    keepOpenOnActivation?: boolean;
+}>;
+declare function HoverCard({ children, defaultOpen, keepOpenOnActivation, onOpenChange, open: openProp, openDelay, ...props }: HoverCardProps): react_jsx_runtime.JSX.Element;
+declare namespace HoverCard {
+    var displayName: string;
+}
+
+declare const HoverCardContent: react.ForwardRefExoticComponent<Omit<Omit<RadixHoverCard.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    withArrow?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+
+declare const Indicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & {
+    colorScheme?: "danger" | "neutral" | "primary" | "information" | "success" | "warning" | undefined;
+    variant?: "solid" | "light" | undefined;
+} & react.RefAttributes<HTMLSpanElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "content"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    content?: ReactNode;
+    disabled?: boolean;
+    offset?: boolean;
+    ping?: boolean;
+    position?: "bottom-right" | "top-right";
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "color" | "size" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    endDecorator?: react.ReactNode;
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    addonPointerEvents?: "auto" | "none";
+    disabled?: boolean;
     error?: boolean;
-    startDecorator?: react.ReactNode;
 } & {
-    size?: "sm" | "md" | "lg" | undefined;
+    size?: "md" | "lg" | undefined;
 }, never> & {
-    variant?: "number" | "default" | undefined;
+    appearance?: "number" | "default" | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 
-type KbdProps = {
-    keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
-} & ComponentPropsWithRef<typeof Code>;
 declare const mapKeyToCode: {
     command: string;
     ctrl: string;
@@ -594,43 +684,175 @@ declare const mapKeyToCode: {
     tab: string;
     up: string;
 };
-declare const Kbd: react.ForwardRefExoticComponent<Omit<KbdProps, "ref"> & react.RefAttributes<HTMLElement>>;
-
-declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
+declare const Kbd: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    disabled?: boolean;
-    external?: boolean;
+    keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
 } & {
-    variant?: "default" | "subtle" | undefined;
-} & react.RefAttributes<HTMLAnchorElement>>;
+    variant?: "outline" | "subtle" | undefined;
+} & react.RefAttributes<HTMLElement>>;
+
+declare const axiom = "optiaxiom";
+declare const base = "optiaxiom.base";
+declare const reset: string;
+declare const components: string;
+
+declare const layers_css_axiom: typeof axiom;
+declare const layers_css_base: typeof base;
+declare const layers_css_components: typeof components;
+declare const layers_css_reset: typeof reset;
+declare namespace layers_css {
+  export { layers_css_axiom as axiom, layers_css_base as base, layers_css_components as components, layers_css_reset as reset };
+}
 
-declare const Paper: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+type PaginationProps = BoxProps<"nav", {
+    boundaries?: number;
+    defaultPage?: number;
+    disabled?: boolean;
+    onPageChange?: (offset: number) => void;
+    page?: number;
+    siblings?: number;
+    total: number;
+}>;
+declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    elevation?: Sprinkles["shadow"];
-} & react.RefAttributes<HTMLParagraphElement>>;
+    boundaries?: number;
+    defaultPage?: number;
+    disabled?: boolean;
+    onPageChange?: (offset: number) => void;
+    page?: number;
+    siblings?: number;
+    total: number;
+} & react.RefAttributes<HTMLElement>>;
+
+type PopoverProps = BoxProps<typeof RadixPopover.Root>;
+declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare namespace Popover {
+    var displayName: string;
+}
 
-declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
-declare const RadioGroup: react.ForwardRefExoticComponent<Omit<Omit<RadixRadio.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+declare const content: (props?: {
+    minW?: "0" | "trigger" | undefined;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ContentVariants = RecipeVariants<typeof content>;
+
+type MenuContentBaseProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<{
+    enableExitAnimation?: boolean;
+} & ContentVariants, P>>;
+
+type PopoverContentProps = MenuContentBaseProps<typeof RadixPopover.Content, {
+    withArrow?: boolean;
+}>;
+declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
-declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<Omit<RadixRadio.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
+    onCheckedChange?: (checked: boolean) => void;
+    value?: string;
+} & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    description?: ReactNode;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type InputProps = ComponentPropsWithoutRef<"input">;
+declare const RadioGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue" | "onBlur" | "onChange"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    endDecorator?: ReactNode;
+    defaultValue?: string;
+    disabled?: InputProps["disabled"];
+    name?: InputProps["name"];
+    onBlur?: InputProps["onBlur"];
+    onChange?: InputProps["onChange"];
+    onValueChange?: (value: string) => void;
+    value?: string;
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & Omit<{
+type SearchProps = {
+    onValueClear?: () => void;
+} & ComponentPropsWithRef<typeof Input>;
+declare const SearchInput: react.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const SegmentedControl: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixSegmentedControl.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
@@ -642,6 +864,79 @@ declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparato
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
 } & react.RefAttributes<HTMLHRElement>>;
 
+declare const SideNav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+} & react.RefAttributes<HTMLElement>>;
+
+type SideNavProfileMenuProps = BoxProps<"div", {
+    avatar: ReactNode;
+    name?: string;
+    organization?: string;
+}>;
+declare const SideNavAccountItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    avatar: ReactNode;
+    name?: string;
+    organization?: string;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+type SideNavItemProps = ButtonProps<typeof Button, {
+    active?: boolean;
+    "aria-label": string;
+}>;
+declare const SideNavItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "aria-label" | "addonAfter" | "addonBefore" | "appearance" | "disabled" | "icon" | "iconPosition" | "loading"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & {
+    active?: boolean;
+    "aria-label": string;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+type SideNavToggleProps = {
+    "aria-label"?: string;
+} & Omit<ComponentPropsWithRef<typeof SideNavItem>, "aria-label">;
+declare const SideNavToggle: react.ForwardRefExoticComponent<Omit<SideNavToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -657,414 +952,61 @@ declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
     h?: Sprinkles["h"];
 } & react.RefAttributes<HTMLSpanElement>>;
 
-declare const axiom: string;
-declare const base: string;
-declare const reset: string;
-declare const components: string;
-
-declare const layers_css_axiom: typeof axiom;
-declare const layers_css_base: typeof base;
-declare const layers_css_components: typeof components;
-declare const layers_css_reset: typeof reset;
-declare namespace layers_css {
-  export { layers_css_axiom as axiom, layers_css_base as base, layers_css_components as components, layers_css_reset as reset };
-}
-
-declare const theme: {
-    readonly borderRadius: {
-        readonly xs: "2px";
-        readonly sm: "4px";
-        readonly md: "6px";
-        readonly lg: "8px";
-        readonly xl: "12px";
-        readonly full: "9999px";
-        readonly none: "0";
-    };
-    readonly borderWidth: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "4": string;
-    };
-    readonly boxShadow: {
-        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
-        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
-        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
-        readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
-        readonly none: "0 0 #0000";
-    };
-    readonly colors: {
-        readonly "bg.brand.solid": "#0037FF";
-        readonly "bg.brand.solid.hover": "#002CCC";
-        readonly "bg.brand.subtle": "#F0F3FF";
-        readonly "bg.default.hover": "#F5F6FA";
-        readonly "bg.disabled": "#091E422E";
-        readonly "bg.discovery": "#F1ECF8";
-        readonly "bg.error.solid": "#CC1616";
-        readonly "bg.error.solid.hover": "#B21313";
-        readonly "bg.error.subtle": "#FFF7F7";
-        readonly "bg.information": "#E7F3FE";
-        readonly "bg.neutral": "#f1f5f9";
-        readonly "bg.secondary.hover": "#E9EDF5";
-        readonly "bg.success": "#E9F7F1";
-        readonly "bg.success.solid": "#03A65D";
-        readonly "bg.success.solid.hover": "#038047";
-        readonly "bg.success.subtle": "#E9F7F1";
-        readonly "bg.warning.solid": "#F79008";
-        readonly "bg.warning.solid.hover": "#DC6903";
-        readonly "bg.warning.subtle": "#FFFAEA";
-        readonly "border.active": "#868FA4";
-        readonly "border.active.hover": "#626A81";
-        readonly "border.brand": "#0037FF";
-        readonly "border.default": "#CACFDC";
-        readonly "border.disabled": "#F5F6FA";
-        readonly "border.error": "#CC1616";
-        readonly "border.secondary": "#DADFEB";
-        readonly "border.success": "#03A65D";
-        readonly "border.tertiary": "#E9EDF5";
-        readonly "border.warning": "#F79008";
-        readonly "fg.accent.blue": "#2094F3";
-        readonly "fg.accent.magenta": "#81046A";
-        readonly "fg.accent.purple": "#4A297F";
-        readonly "fg.brand": "#0037FF";
-        readonly "fg.brand.hover": "#002CCC";
-        readonly "fg.default": "#262B37";
-        readonly "fg.default.hover": "#1C2029";
-        readonly "fg.default.inverse": "#FFFFFF";
-        readonly "fg.disabled": "#868FA4";
-        readonly "fg.error": "#CC1616";
-        readonly "fg.error.hover": "#B21313";
-        readonly "fg.secondary": "#464D61";
-        readonly "fg.secondary.hover": "#303645";
-        readonly "fg.success": "#038047";
-        readonly "fg.success.hover": "#038047";
-        readonly "fg.tertiary": "#626A81";
-        readonly "fg.tertiary.hover": "#464D61";
-        readonly "fg.warning": "#F79008";
-        readonly "fg.warning.hover": "#DC6903";
-        readonly "outline.brand": "#6A8FFC";
-        readonly overlay: "#091E4252";
-        readonly surface: "#FFFFFF";
-        readonly current: "currentColor";
-        readonly transparent: "transparent";
-        readonly black: "#000000";
-        readonly white: "#FFFFFF";
-        readonly "aqua.50": "#E5F7FB";
-        readonly "aqua.200": "#9AE5EF";
-        readonly "aqua.500": "#00BDD6";
-        readonly "aqua.600": "#007A8A";
-        readonly "blue.50": "#E7F3FE";
-        readonly "blue.200": "#A8D5FA";
-        readonly "blue.500": "#2094F3";
-        readonly "blue.600": "#1668AC";
-        readonly "blue.900": "#1C2B41";
-        readonly "brand.50": "#F0F3FF";
-        readonly "brand.100": "#CDD8FC";
-        readonly "brand.200": "#B3C3FF";
-        readonly "brand.300": "#6A8FFC";
-        readonly "brand.400": "#2E66F7";
-        readonly "brand.500": "#0037FF";
-        readonly "brand.600": "#002CCC";
-        readonly "brand.700": "#002894";
-        readonly "brand.800": "#001666";
-        readonly "brand.900": "#000B33";
-        readonly "dark.50": "#d9d9d9";
-        readonly "dark.200": "#9e9e9e";
-        readonly "dark.500": "#707070";
-        readonly "dark.600": "#080736";
-        readonly "gray.50": "#f9fafb";
-        readonly "gray.100": "#f3f4f6";
-        readonly "gray.200": "#e5e7eb";
-        readonly "gray.300": "#d1d5db";
-        readonly "gray.400": "#9ca3af";
-        readonly "gray.500": "#6b7280";
-        readonly "gray.600": "#4b5563";
-        readonly "gray.700": "#374151";
-        readonly "gray.800": "#1f2937";
-        readonly "gray.900": "#111827";
-        readonly "green.50": "#E9F7F1";
-        readonly "green.100": "#D1F0E1";
-        readonly "green.200": "#A5E1C3";
-        readonly "green.300": "#7CD2A7";
-        readonly "green.400": "#5AC58A";
-        readonly "green.500": "#03A65D";
-        readonly "green.600": "#038047";
-        readonly "green.700": "#24663E";
-        readonly "green.800": "#17492B";
-        readonly "green.900": "#082415";
-        readonly "magenta.50": "#F8E7F5";
-        readonly "magenta.200": "#E39CD6";
-        readonly "magenta.500": "#B80597";
-        readonly "magenta.600": "#81046A";
-        readonly "neutral.50": "#F9FAFC";
-        readonly "neutral.75": "#F5F6FA";
-        readonly "neutral.100": "#E9EDF5";
-        readonly "neutral.150": "#DADFEB";
-        readonly "neutral.200": "#CACFDC";
-        readonly "neutral.500": "#868FA4";
-        readonly "neutral.600": "#626A81";
-        readonly "neutral.700": "#464D61";
-        readonly "neutral.800": "#303645";
-        readonly "neutral.900": "#262B37";
-        readonly "neutral.1000": "#1C2029";
-        readonly "neutral.1100": "#171A23";
-        readonly "neutral.1200": "#091E42";
-        readonly "neutral.50/32": "#F9FAFC52";
-        readonly "neutral.1200/5": "#091E420D";
-        readonly "neutral.1200/12": "#091E421F";
-        readonly "neutral.1200/18": "#091E422E";
-        readonly "neutral.1200/22": "#091E4238";
-        readonly "neutral.1200/32": "#091E4252";
-        readonly "orange.50": "#fff5e5";
-        readonly "orange.200": "#ffd699";
-        readonly "orange.500": "#ff9900";
-        readonly "orange.600": "#a36200";
-        readonly "purple.50": "#F1ECF8";
-        readonly "purple.200": "#C4B1E2";
-        readonly "purple.500": "#693AB6";
-        readonly "purple.600": "#4A297F";
-        readonly "purple.900": "#2B273F";
-        readonly "red.50": "#FFF7F7";
-        readonly "red.100": "#FCD6D6";
-        readonly "red.200": "#F9ACAC";
-        readonly "red.300": "#F45959";
-        readonly "red.400": "#E31818";
-        readonly "red.500": "#CC1616";
-        readonly "red.600": "#B21313";
-        readonly "red.700": "#911D1D";
-        readonly "red.800": "#601313";
-        readonly "red.900": "#300A0A";
-        readonly "slate.50": "#f8fafc";
-        readonly "slate.100": "#f1f5f9";
-        readonly "slate.200": "#e2e8f0";
-        readonly "slate.300": "#cbd5e1";
-        readonly "slate.400": "#94a3b8";
-        readonly "slate.500": "#64748b";
-        readonly "slate.600": "#475569";
-        readonly "slate.700": "#334155";
-        readonly "slate.800": "#1e293b";
-        readonly "slate.900": "#0f172a";
-        readonly "slate.950": "#020617";
-        readonly "yellow.50": "#FFFAEA";
-        readonly "yellow.100": "#FEF1C6";
-        readonly "yellow.200": "#FEDF88";
-        readonly "yellow.300": "#FFC84B";
-        readonly "yellow.400": "#FDB022";
-        readonly "yellow.500": "#F79008";
-        readonly "yellow.600": "#DC6903";
-        readonly "yellow.700": "#B54707";
-        readonly "yellow.800": "#7A2E0D";
-        readonly "yellow.900": "#4E1D09";
-    };
-    readonly fontFamily: {
-        readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
-        readonly sans: "InterVariable, system-ui, sans-serif";
-    };
-    readonly fontSize: {
-        readonly xs: {
-            readonly fontSize: "10px";
-            readonly lineHeight: "14px";
-        };
-        readonly sm: {
-            readonly fontSize: "12px";
-            readonly lineHeight: "18px";
-        };
-        readonly md: {
-            readonly fontSize: "14px";
-            readonly lineHeight: "20px";
-        };
-        readonly lg: {
-            readonly fontSize: "16px";
-            readonly lineHeight: "24px";
-        };
-        readonly xl: {
-            readonly fontSize: "18px";
-            readonly lineHeight: "28px";
-        };
-        readonly "2xl": {
-            readonly fontSize: "20px";
-            readonly lineHeight: "28px";
-        };
-        readonly "3xl": {
-            readonly fontSize: "24px";
-            readonly lineHeight: "32px";
-        };
-        readonly "4xl": {
-            readonly fontSize: "30px";
-            readonly lineHeight: "36px";
-        };
-        readonly "5xl": {
-            readonly fontSize: "36px";
-            readonly lineHeight: "40px";
-        };
-        readonly "6xl": {
-            readonly fontSize: "48px";
-            readonly lineHeight: "1";
-        };
-        readonly "7xl": {
-            readonly fontSize: "60px";
-            readonly lineHeight: "1";
-        };
-    };
-    readonly letterSpacing: {
-        readonly tighter: "-0.05em";
-        readonly tight: "-0.025em";
-        readonly normal: "0";
-        readonly wide: "0.025em";
-        readonly wider: "0.05em";
-        readonly widest: "0.1em";
-    };
-    readonly lineHeight: {
-        readonly none: "1";
-        readonly tight: "1.25";
-        readonly normal: "1.5";
-        readonly loose: "2";
-    };
-    readonly margins: {
-        readonly "-xs": "-8px";
-        readonly "-sm": "-12px";
-        readonly "-md": "-16px";
-        readonly "-lg": "-24px";
-        readonly "-xl": "-32px";
-        readonly "-2": "-2px";
-        readonly "-4": "-4px";
-        readonly "-6": "-6px";
-        readonly "-8": "-8px";
-        readonly "-10": "-10px";
-        readonly "-12": "-12px";
-        readonly "-16": "-16px";
-        readonly "-24": "-24px";
-        readonly "-32": "-32px";
-        readonly "-48": "-48px";
-        readonly "-64": "-64px";
-        readonly "-80": "-80px";
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly maxSize: {
-        readonly xs: "320px";
-        readonly sm: "384px";
-        readonly md: "448px";
-        readonly lg: "512px";
-        readonly xl: "576px";
-        readonly "2xl": "672px";
-        readonly full: "100%";
-    };
-    readonly screens: {
-        readonly sm: "600px";
-        readonly md: "900px";
-        readonly lg: "1200px";
-    };
-    readonly size: {
-        readonly xs: "20px";
-        readonly sm: "24px";
-        readonly md: "32px";
-        readonly lg: "40px";
-        readonly xl: "64px";
-        readonly "0": "0";
-        readonly "1": "1px";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "40": "40px";
-        readonly "48": "48px";
-        readonly "56": "56px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-        readonly "96": "96px";
-        readonly "112": "112px";
-        readonly "128": "128px";
-        readonly "144": "144px";
-        readonly "160": "160px";
-        readonly "176": "176px";
-        readonly "192": "192px";
-        readonly "208": "208px";
-        readonly "224": "224px";
-        readonly "240": "240px";
-        readonly "256": "256px";
-        readonly "288": "288px";
-        readonly "320": "320px";
-        readonly "384": "384px";
-        readonly "1/2": "50%";
-        readonly "1/3": "33.333333%";
-        readonly "2/3": "66.666666%";
-        readonly "1/4": "25%";
-        readonly "2/4": "50%";
-        readonly "3/4": "75%";
-        readonly auto: "auto";
-        readonly fit: "fit-content";
-        readonly full: "100%";
-        readonly max: "max-content";
-        readonly min: "min-content";
-    };
-    readonly spacing: {
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly zIndex: {
-        readonly "0": "0";
-        readonly "10": "10";
-        readonly "20": "20";
-        readonly "30": "30";
-        readonly "40": "40";
-        readonly "50": "50";
-        readonly auto: "auto";
-        readonly popover: "1500";
-    };
-};
+declare const Spinner: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & {
+    colorScheme?: "default" | "inverse";
+    size?: "2xs" | "5xl" | "lg" | "md" | "sm" | "xl" | "xs";
+} & react.RefAttributes<HTMLDivElement>>;
 
-declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<RadixSwitch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
+declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
+    onCheckedChange?: (checked: boolean) => void;
+    value?: string;
+} & react.RefAttributes<HTMLInputElement>, "ref">, "color" | "size" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & {
-    endDecorator?: ReactNode;
+    description?: ReactNode;
 } & {
     size?: "md" | "lg" | undefined;
+} & react.RefAttributes<HTMLInputElement>>;
+
+declare const Tabs: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    appearance?: "primary" | "secondary";
 } & react.RefAttributes<HTMLDivElement>>;
 
-type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
+declare const TabsContent: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const TabsList: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const text: (props?: {
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
@@ -1074,809 +1016,128 @@ declare const text: (props?: {
 };
 type TextVariants = RecipeVariants<typeof text>;
 
-type TextProps<T extends ElementType = "p", P = unknown> = BoxProps<T, ExtendProps<{
-    as?: "p" | "span";
-} & TextVariants, P>>;
+type TextProps<T extends ElementType = "p", P = unknown> = BoxProps<T, ExtendProps<NonNullable<TextVariants>, P>>;
 declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
-    as?: "p" | "span";
-} & {
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & react.RefAttributes<HTMLParagraphElement>>;
 
-declare const input: (props?: {
-    size?: "sm" | "md" | "lg" | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type InputVariants = RecipeVariants<typeof input>;
+declare const TextareaAutosize: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
+    resize?: "none" | "auto" | "vertical" | undefined;
+} & react.RefAttributes<HTMLTextAreaElement>>;
 
-type InputBaseProps<T extends ElementType = "input", P = unknown> = BoxProps<T, ExtendProps<{
-    endDecorator?: ReactNode;
+declare const Textarea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
+    resize?: "none" | "auto" | "vertical" | undefined;
+} & react.RefAttributes<HTMLTextAreaElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "disabled" | "resize" | "maxRows"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    addonPointerEvents?: "auto" | "none";
+    disabled?: boolean;
     error?: boolean;
-    startDecorator?: ReactNode;
-} & InputVariants, P>>;
-
-type TextareaProps = ({
-    resize: "auto";
-} & InputBaseProps<typeof TextareaAutosize>) | ({
-    resize: "none" | "vertical";
-} & InputBaseProps<"textarea">);
-declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
-
-declare const tokens: {
-    readonly borderRadius: {
-        readonly xs: "2px";
-        readonly sm: "4px";
-        readonly md: "6px";
-        readonly lg: "8px";
-        readonly xl: "12px";
-        readonly full: "9999px";
-        readonly none: "0";
-    };
-    readonly borderWidth: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "4": string;
-    };
-    readonly boxShadow: {
-        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
-        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
-        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
-        readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
-        readonly none: "0 0 #0000";
-    };
-    readonly colors: {
-        readonly "bg.brand.solid": "#0037FF";
-        readonly "bg.brand.solid.hover": "#002CCC";
-        readonly "bg.brand.subtle": "#F0F3FF";
-        readonly "bg.default.hover": "#F5F6FA";
-        readonly "bg.disabled": "#091E422E";
-        readonly "bg.discovery": "#F1ECF8";
-        readonly "bg.error.solid": "#CC1616";
-        readonly "bg.error.solid.hover": "#B21313";
-        readonly "bg.error.subtle": "#FFF7F7";
-        readonly "bg.information": "#E7F3FE";
-        readonly "bg.neutral": "#f1f5f9";
-        readonly "bg.secondary.hover": "#E9EDF5";
-        readonly "bg.success": "#E9F7F1";
-        readonly "bg.success.solid": "#03A65D";
-        readonly "bg.success.solid.hover": "#038047";
-        readonly "bg.success.subtle": "#E9F7F1";
-        readonly "bg.warning.solid": "#F79008";
-        readonly "bg.warning.solid.hover": "#DC6903";
-        readonly "bg.warning.subtle": "#FFFAEA";
-        readonly "border.active": "#868FA4";
-        readonly "border.active.hover": "#626A81";
-        readonly "border.brand": "#0037FF";
-        readonly "border.default": "#CACFDC";
-        readonly "border.disabled": "#F5F6FA";
-        readonly "border.error": "#CC1616";
-        readonly "border.secondary": "#DADFEB";
-        readonly "border.success": "#03A65D";
-        readonly "border.tertiary": "#E9EDF5";
-        readonly "border.warning": "#F79008";
-        readonly "fg.accent.blue": "#2094F3";
-        readonly "fg.accent.magenta": "#81046A";
-        readonly "fg.accent.purple": "#4A297F";
-        readonly "fg.brand": "#0037FF";
-        readonly "fg.brand.hover": "#002CCC";
-        readonly "fg.default": "#262B37";
-        readonly "fg.default.hover": "#1C2029";
-        readonly "fg.default.inverse": "#FFFFFF";
-        readonly "fg.disabled": "#868FA4";
-        readonly "fg.error": "#CC1616";
-        readonly "fg.error.hover": "#B21313";
-        readonly "fg.secondary": "#464D61";
-        readonly "fg.secondary.hover": "#303645";
-        readonly "fg.success": "#038047";
-        readonly "fg.success.hover": "#038047";
-        readonly "fg.tertiary": "#626A81";
-        readonly "fg.tertiary.hover": "#464D61";
-        readonly "fg.warning": "#F79008";
-        readonly "fg.warning.hover": "#DC6903";
-        readonly "outline.brand": "#6A8FFC";
-        readonly overlay: "#091E4252";
-        readonly surface: "#FFFFFF";
-        readonly current: "currentColor";
-        readonly transparent: "transparent";
-        readonly black: "#000000";
-        readonly white: "#FFFFFF";
-        readonly "aqua.50": "#E5F7FB";
-        readonly "aqua.200": "#9AE5EF";
-        readonly "aqua.500": "#00BDD6";
-        readonly "aqua.600": "#007A8A";
-        readonly "blue.50": "#E7F3FE";
-        readonly "blue.200": "#A8D5FA";
-        readonly "blue.500": "#2094F3";
-        readonly "blue.600": "#1668AC";
-        readonly "blue.900": "#1C2B41";
-        readonly "brand.50": "#F0F3FF";
-        readonly "brand.100": "#CDD8FC";
-        readonly "brand.200": "#B3C3FF";
-        readonly "brand.300": "#6A8FFC";
-        readonly "brand.400": "#2E66F7";
-        readonly "brand.500": "#0037FF";
-        readonly "brand.600": "#002CCC";
-        readonly "brand.700": "#002894";
-        readonly "brand.800": "#001666";
-        readonly "brand.900": "#000B33";
-        readonly "dark.50": "#d9d9d9";
-        readonly "dark.200": "#9e9e9e";
-        readonly "dark.500": "#707070";
-        readonly "dark.600": "#080736";
-        readonly "gray.50": "#f9fafb";
-        readonly "gray.100": "#f3f4f6";
-        readonly "gray.200": "#e5e7eb";
-        readonly "gray.300": "#d1d5db";
-        readonly "gray.400": "#9ca3af";
-        readonly "gray.500": "#6b7280";
-        readonly "gray.600": "#4b5563";
-        readonly "gray.700": "#374151";
-        readonly "gray.800": "#1f2937";
-        readonly "gray.900": "#111827";
-        readonly "green.50": "#E9F7F1";
-        readonly "green.100": "#D1F0E1";
-        readonly "green.200": "#A5E1C3";
-        readonly "green.300": "#7CD2A7";
-        readonly "green.400": "#5AC58A";
-        readonly "green.500": "#03A65D";
-        readonly "green.600": "#038047";
-        readonly "green.700": "#24663E";
-        readonly "green.800": "#17492B";
-        readonly "green.900": "#082415";
-        readonly "magenta.50": "#F8E7F5";
-        readonly "magenta.200": "#E39CD6";
-        readonly "magenta.500": "#B80597";
-        readonly "magenta.600": "#81046A";
-        readonly "neutral.50": "#F9FAFC";
-        readonly "neutral.75": "#F5F6FA";
-        readonly "neutral.100": "#E9EDF5";
-        readonly "neutral.150": "#DADFEB";
-        readonly "neutral.200": "#CACFDC";
-        readonly "neutral.500": "#868FA4";
-        readonly "neutral.600": "#626A81";
-        readonly "neutral.700": "#464D61";
-        readonly "neutral.800": "#303645";
-        readonly "neutral.900": "#262B37";
-        readonly "neutral.1000": "#1C2029";
-        readonly "neutral.1100": "#171A23";
-        readonly "neutral.1200": "#091E42";
-        readonly "neutral.50/32": "#F9FAFC52";
-        readonly "neutral.1200/5": "#091E420D";
-        readonly "neutral.1200/12": "#091E421F";
-        readonly "neutral.1200/18": "#091E422E";
-        readonly "neutral.1200/22": "#091E4238";
-        readonly "neutral.1200/32": "#091E4252";
-        readonly "orange.50": "#fff5e5";
-        readonly "orange.200": "#ffd699";
-        readonly "orange.500": "#ff9900";
-        readonly "orange.600": "#a36200";
-        readonly "purple.50": "#F1ECF8";
-        readonly "purple.200": "#C4B1E2";
-        readonly "purple.500": "#693AB6";
-        readonly "purple.600": "#4A297F";
-        readonly "purple.900": "#2B273F";
-        readonly "red.50": "#FFF7F7";
-        readonly "red.100": "#FCD6D6";
-        readonly "red.200": "#F9ACAC";
-        readonly "red.300": "#F45959";
-        readonly "red.400": "#E31818";
-        readonly "red.500": "#CC1616";
-        readonly "red.600": "#B21313";
-        readonly "red.700": "#911D1D";
-        readonly "red.800": "#601313";
-        readonly "red.900": "#300A0A";
-        readonly "slate.50": "#f8fafc";
-        readonly "slate.100": "#f1f5f9";
-        readonly "slate.200": "#e2e8f0";
-        readonly "slate.300": "#cbd5e1";
-        readonly "slate.400": "#94a3b8";
-        readonly "slate.500": "#64748b";
-        readonly "slate.600": "#475569";
-        readonly "slate.700": "#334155";
-        readonly "slate.800": "#1e293b";
-        readonly "slate.900": "#0f172a";
-        readonly "slate.950": "#020617";
-        readonly "yellow.50": "#FFFAEA";
-        readonly "yellow.100": "#FEF1C6";
-        readonly "yellow.200": "#FEDF88";
-        readonly "yellow.300": "#FFC84B";
-        readonly "yellow.400": "#FDB022";
-        readonly "yellow.500": "#F79008";
-        readonly "yellow.600": "#DC6903";
-        readonly "yellow.700": "#B54707";
-        readonly "yellow.800": "#7A2E0D";
-        readonly "yellow.900": "#4E1D09";
-    };
-    readonly fontFamily: {
-        readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
-        readonly sans: "InterVariable, system-ui, sans-serif";
-    };
-    readonly fontSize: {
-        readonly xs: {
-            readonly fontSize: "10px";
-            readonly lineHeight: "14px";
-        };
-        readonly sm: {
-            readonly fontSize: "12px";
-            readonly lineHeight: "18px";
-        };
-        readonly md: {
-            readonly fontSize: "14px";
-            readonly lineHeight: "20px";
-        };
-        readonly lg: {
-            readonly fontSize: "16px";
-            readonly lineHeight: "24px";
-        };
-        readonly xl: {
-            readonly fontSize: "18px";
-            readonly lineHeight: "28px";
-        };
-        readonly "2xl": {
-            readonly fontSize: "20px";
-            readonly lineHeight: "28px";
-        };
-        readonly "3xl": {
-            readonly fontSize: "24px";
-            readonly lineHeight: "32px";
-        };
-        readonly "4xl": {
-            readonly fontSize: "30px";
-            readonly lineHeight: "36px";
-        };
-        readonly "5xl": {
-            readonly fontSize: "36px";
-            readonly lineHeight: "40px";
-        };
-        readonly "6xl": {
-            readonly fontSize: "48px";
-            readonly lineHeight: "1";
-        };
-        readonly "7xl": {
-            readonly fontSize: "60px";
-            readonly lineHeight: "1";
-        };
-    };
-    readonly letterSpacing: {
-        readonly tighter: "-0.05em";
-        readonly tight: "-0.025em";
-        readonly normal: "0";
-        readonly wide: "0.025em";
-        readonly wider: "0.05em";
-        readonly widest: "0.1em";
-    };
-    readonly lineHeight: {
-        readonly none: "1";
-        readonly tight: "1.25";
-        readonly normal: "1.5";
-        readonly loose: "2";
-    };
-    readonly margins: {
-        readonly "-xs": "-8px";
-        readonly "-sm": "-12px";
-        readonly "-md": "-16px";
-        readonly "-lg": "-24px";
-        readonly "-xl": "-32px";
-        readonly "-2": "-2px";
-        readonly "-4": "-4px";
-        readonly "-6": "-6px";
-        readonly "-8": "-8px";
-        readonly "-10": "-10px";
-        readonly "-12": "-12px";
-        readonly "-16": "-16px";
-        readonly "-24": "-24px";
-        readonly "-32": "-32px";
-        readonly "-48": "-48px";
-        readonly "-64": "-64px";
-        readonly "-80": "-80px";
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly maxSize: {
-        readonly xs: "320px";
-        readonly sm: "384px";
-        readonly md: "448px";
-        readonly lg: "512px";
-        readonly xl: "576px";
-        readonly "2xl": "672px";
-        readonly full: "100%";
-    };
-    readonly screens: {
-        readonly sm: "600px";
-        readonly md: "900px";
-        readonly lg: "1200px";
-    };
-    readonly size: {
-        readonly xs: "20px";
-        readonly sm: "24px";
-        readonly md: "32px";
-        readonly lg: "40px";
-        readonly xl: "64px";
-        readonly "0": "0";
-        readonly "1": "1px";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "40": "40px";
-        readonly "48": "48px";
-        readonly "56": "56px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-        readonly "96": "96px";
-        readonly "112": "112px";
-        readonly "128": "128px";
-        readonly "144": "144px";
-        readonly "160": "160px";
-        readonly "176": "176px";
-        readonly "192": "192px";
-        readonly "208": "208px";
-        readonly "224": "224px";
-        readonly "240": "240px";
-        readonly "256": "256px";
-        readonly "288": "288px";
-        readonly "320": "320px";
-        readonly "384": "384px";
-        readonly "1/2": "50%";
-        readonly "1/3": "33.333333%";
-        readonly "2/3": "66.666666%";
-        readonly "1/4": "25%";
-        readonly "2/4": "50%";
-        readonly "3/4": "75%";
-        readonly auto: "auto";
-        readonly fit: "fit-content";
-        readonly full: "100%";
-        readonly max: "max-content";
-        readonly min: "min-content";
-    };
-    readonly spacing: {
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly zIndex: {
-        readonly "0": "0";
-        readonly "10": "10";
-        readonly "20": "20";
-        readonly "30": "30";
-        readonly "40": "40";
-        readonly "50": "50";
-        readonly auto: "auto";
-        readonly popover: "1500";
-    };
-};
-declare const tokensDark: {
-    readonly colors: {
-        readonly "bg.brand.solid": "#0037FF";
-        readonly "bg.brand.solid.hover": "#002CCC";
-        readonly "bg.brand.subtle": "#F0F3FF";
-        readonly "bg.default.hover": "#F5F6FA";
-        readonly "bg.disabled": "#1C2029";
-        readonly "bg.discovery": "#2B273F";
-        readonly "bg.error.solid": "#CC1616";
-        readonly "bg.error.solid.hover": "#B21313";
-        readonly "bg.error.subtle": "#FFF7F7";
-        readonly "bg.information": "#1C2B41";
-        readonly "bg.neutral": "#1e293b";
-        readonly "bg.secondary.hover": "#E9EDF5";
-        readonly "bg.success": "#082415";
-        readonly "bg.success.solid": "#03A65D";
-        readonly "bg.success.solid.hover": "#038047";
-        readonly "bg.success.subtle": "#E9F7F1";
-        readonly "bg.warning.solid": "#F79008";
-        readonly "bg.warning.solid.hover": "#DC6903";
-        readonly "bg.warning.subtle": "#FFFAEA";
-        readonly "border.active": "#868FA4";
-        readonly "border.active.hover": "#626A81";
-        readonly "border.brand": "#0037FF";
-        readonly "border.default": "#1f2937";
-        readonly "border.disabled": "#F5F6FA";
-        readonly "border.error": "#CC1616";
-        readonly "border.secondary": "#DADFEB";
-        readonly "border.success": "#03A65D";
-        readonly "border.tertiary": "#262B37";
-        readonly "border.warning": "#F79008";
-        readonly "fg.accent.blue": "#A8D5FA";
-        readonly "fg.accent.magenta": "#E39CD6";
-        readonly "fg.accent.purple": "#C4B1E2";
-        readonly "fg.brand": "#0037FF";
-        readonly "fg.brand.hover": "#002CCC";
-        readonly "fg.default": "#f3f4f6";
-        readonly "fg.default.hover": "#1C2029";
-        readonly "fg.default.inverse": "#FFFFFF";
-        readonly "fg.disabled": "#868FA4";
-        readonly "fg.error": "#CC1616";
-        readonly "fg.error.hover": "#B21313";
-        readonly "fg.secondary": "#94a3b8";
-        readonly "fg.secondary.hover": "#303645";
-        readonly "fg.success": "#A5E1C3";
-        readonly "fg.success.hover": "#038047";
-        readonly "fg.tertiary": "#626A81";
-        readonly "fg.tertiary.hover": "#464D61";
-        readonly "fg.warning": "#F79008";
-        readonly "fg.warning.hover": "#DC6903";
-        readonly "outline.brand": "#6A8FFC";
-        readonly overlay: "#F9FAFC52";
-        readonly surface: "#111827";
-        readonly current: "currentColor";
-        readonly transparent: "transparent";
-        readonly black: "#000000";
-        readonly white: "#FFFFFF";
-        readonly "aqua.50": "#E5F7FB";
-        readonly "aqua.200": "#9AE5EF";
-        readonly "aqua.500": "#00BDD6";
-        readonly "aqua.600": "#007A8A";
-        readonly "blue.50": "#E7F3FE";
-        readonly "blue.200": "#A8D5FA";
-        readonly "blue.500": "#2094F3";
-        readonly "blue.600": "#1668AC";
-        readonly "blue.900": "#1C2B41";
-        readonly "brand.50": "#F0F3FF";
-        readonly "brand.100": "#CDD8FC";
-        readonly "brand.200": "#B3C3FF";
-        readonly "brand.300": "#6A8FFC";
-        readonly "brand.400": "#2E66F7";
-        readonly "brand.500": "#0037FF";
-        readonly "brand.600": "#002CCC";
-        readonly "brand.700": "#002894";
-        readonly "brand.800": "#001666";
-        readonly "brand.900": "#000B33";
-        readonly "dark.50": "#d9d9d9";
-        readonly "dark.200": "#9e9e9e";
-        readonly "dark.500": "#707070";
-        readonly "dark.600": "#080736";
-        readonly "gray.50": "#f9fafb";
-        readonly "gray.100": "#f3f4f6";
-        readonly "gray.200": "#e5e7eb";
-        readonly "gray.300": "#d1d5db";
-        readonly "gray.400": "#9ca3af";
-        readonly "gray.500": "#6b7280";
-        readonly "gray.600": "#4b5563";
-        readonly "gray.700": "#374151";
-        readonly "gray.800": "#1f2937";
-        readonly "gray.900": "#111827";
-        readonly "green.50": "#E9F7F1";
-        readonly "green.100": "#D1F0E1";
-        readonly "green.200": "#A5E1C3";
-        readonly "green.300": "#7CD2A7";
-        readonly "green.400": "#5AC58A";
-        readonly "green.500": "#03A65D";
-        readonly "green.600": "#038047";
-        readonly "green.700": "#24663E";
-        readonly "green.800": "#17492B";
-        readonly "green.900": "#082415";
-        readonly "magenta.50": "#F8E7F5";
-        readonly "magenta.200": "#E39CD6";
-        readonly "magenta.500": "#B80597";
-        readonly "magenta.600": "#81046A";
-        readonly "neutral.50": "#F9FAFC";
-        readonly "neutral.75": "#F5F6FA";
-        readonly "neutral.100": "#E9EDF5";
-        readonly "neutral.150": "#DADFEB";
-        readonly "neutral.200": "#CACFDC";
-        readonly "neutral.500": "#868FA4";
-        readonly "neutral.600": "#626A81";
-        readonly "neutral.700": "#464D61";
-        readonly "neutral.800": "#303645";
-        readonly "neutral.900": "#262B37";
-        readonly "neutral.1000": "#1C2029";
-        readonly "neutral.1100": "#171A23";
-        readonly "neutral.1200": "#091E42";
-        readonly "neutral.50/32": "#F9FAFC52";
-        readonly "neutral.1200/5": "#091E420D";
-        readonly "neutral.1200/12": "#091E421F";
-        readonly "neutral.1200/18": "#091E422E";
-        readonly "neutral.1200/22": "#091E4238";
-        readonly "neutral.1200/32": "#091E4252";
-        readonly "orange.50": "#fff5e5";
-        readonly "orange.200": "#ffd699";
-        readonly "orange.500": "#ff9900";
-        readonly "orange.600": "#a36200";
-        readonly "purple.50": "#F1ECF8";
-        readonly "purple.200": "#C4B1E2";
-        readonly "purple.500": "#693AB6";
-        readonly "purple.600": "#4A297F";
-        readonly "purple.900": "#2B273F";
-        readonly "red.50": "#FFF7F7";
-        readonly "red.100": "#FCD6D6";
-        readonly "red.200": "#F9ACAC";
-        readonly "red.300": "#F45959";
-        readonly "red.400": "#E31818";
-        readonly "red.500": "#CC1616";
-        readonly "red.600": "#B21313";
-        readonly "red.700": "#911D1D";
-        readonly "red.800": "#601313";
-        readonly "red.900": "#300A0A";
-        readonly "slate.50": "#f8fafc";
-        readonly "slate.100": "#f1f5f9";
-        readonly "slate.200": "#e2e8f0";
-        readonly "slate.300": "#cbd5e1";
-        readonly "slate.400": "#94a3b8";
-        readonly "slate.500": "#64748b";
-        readonly "slate.600": "#475569";
-        readonly "slate.700": "#334155";
-        readonly "slate.800": "#1e293b";
-        readonly "slate.900": "#0f172a";
-        readonly "slate.950": "#020617";
-        readonly "yellow.50": "#FFFAEA";
-        readonly "yellow.100": "#FEF1C6";
-        readonly "yellow.200": "#FEDF88";
-        readonly "yellow.300": "#FFC84B";
-        readonly "yellow.400": "#FDB022";
-        readonly "yellow.500": "#F79008";
-        readonly "yellow.600": "#DC6903";
-        readonly "yellow.700": "#B54707";
-        readonly "yellow.800": "#7A2E0D";
-        readonly "yellow.900": "#4E1D09";
-    };
-    readonly borderRadius: {
-        readonly xs: "2px";
-        readonly sm: "4px";
-        readonly md: "6px";
-        readonly lg: "8px";
-        readonly xl: "12px";
-        readonly full: "9999px";
-        readonly none: "0";
-    };
-    readonly borderWidth: {
-        "0": string;
-        "1": string;
-        "2": string;
-        "4": string;
-    };
-    readonly boxShadow: {
-        readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-        readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
-        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
-        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
-        readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
-        readonly none: "0 0 #0000";
-    };
-    readonly fontFamily: {
-        readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
-        readonly sans: "InterVariable, system-ui, sans-serif";
-    };
-    readonly fontSize: {
-        readonly xs: {
-            readonly fontSize: "10px";
-            readonly lineHeight: "14px";
-        };
-        readonly sm: {
-            readonly fontSize: "12px";
-            readonly lineHeight: "18px";
-        };
-        readonly md: {
-            readonly fontSize: "14px";
-            readonly lineHeight: "20px";
-        };
-        readonly lg: {
-            readonly fontSize: "16px";
-            readonly lineHeight: "24px";
-        };
-        readonly xl: {
-            readonly fontSize: "18px";
-            readonly lineHeight: "28px";
-        };
-        readonly "2xl": {
-            readonly fontSize: "20px";
-            readonly lineHeight: "28px";
-        };
-        readonly "3xl": {
-            readonly fontSize: "24px";
-            readonly lineHeight: "32px";
-        };
-        readonly "4xl": {
-            readonly fontSize: "30px";
-            readonly lineHeight: "36px";
-        };
-        readonly "5xl": {
-            readonly fontSize: "36px";
-            readonly lineHeight: "40px";
-        };
-        readonly "6xl": {
-            readonly fontSize: "48px";
-            readonly lineHeight: "1";
-        };
-        readonly "7xl": {
-            readonly fontSize: "60px";
-            readonly lineHeight: "1";
-        };
-    };
-    readonly letterSpacing: {
-        readonly tighter: "-0.05em";
-        readonly tight: "-0.025em";
-        readonly normal: "0";
-        readonly wide: "0.025em";
-        readonly wider: "0.05em";
-        readonly widest: "0.1em";
-    };
-    readonly lineHeight: {
-        readonly none: "1";
-        readonly tight: "1.25";
-        readonly normal: "1.5";
-        readonly loose: "2";
-    };
-    readonly margins: {
-        readonly "-xs": "-8px";
-        readonly "-sm": "-12px";
-        readonly "-md": "-16px";
-        readonly "-lg": "-24px";
-        readonly "-xl": "-32px";
-        readonly "-2": "-2px";
-        readonly "-4": "-4px";
-        readonly "-6": "-6px";
-        readonly "-8": "-8px";
-        readonly "-10": "-10px";
-        readonly "-12": "-12px";
-        readonly "-16": "-16px";
-        readonly "-24": "-24px";
-        readonly "-32": "-32px";
-        readonly "-48": "-48px";
-        readonly "-64": "-64px";
-        readonly "-80": "-80px";
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly maxSize: {
-        readonly xs: "320px";
-        readonly sm: "384px";
-        readonly md: "448px";
-        readonly lg: "512px";
-        readonly xl: "576px";
-        readonly "2xl": "672px";
-        readonly full: "100%";
-    };
-    readonly screens: {
-        readonly sm: "600px";
-        readonly md: "900px";
-        readonly lg: "1200px";
-    };
-    readonly size: {
-        readonly xs: "20px";
-        readonly sm: "24px";
-        readonly md: "32px";
-        readonly lg: "40px";
-        readonly xl: "64px";
-        readonly "0": "0";
-        readonly "1": "1px";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "40": "40px";
-        readonly "48": "48px";
-        readonly "56": "56px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-        readonly "96": "96px";
-        readonly "112": "112px";
-        readonly "128": "128px";
-        readonly "144": "144px";
-        readonly "160": "160px";
-        readonly "176": "176px";
-        readonly "192": "192px";
-        readonly "208": "208px";
-        readonly "224": "224px";
-        readonly "240": "240px";
-        readonly "256": "256px";
-        readonly "288": "288px";
-        readonly "320": "320px";
-        readonly "384": "384px";
-        readonly "1/2": "50%";
-        readonly "1/3": "33.333333%";
-        readonly "2/3": "66.666666%";
-        readonly "1/4": "25%";
-        readonly "2/4": "50%";
-        readonly "3/4": "75%";
-        readonly auto: "auto";
-        readonly fit: "fit-content";
-        readonly full: "100%";
-        readonly max: "max-content";
-        readonly min: "min-content";
-    };
-    readonly spacing: {
-        readonly xs: "8px";
-        readonly sm: "12px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly "0": "0";
-        readonly "2": "2px";
-        readonly "4": "4px";
-        readonly "6": "6px";
-        readonly "8": "8px";
-        readonly "10": "10px";
-        readonly "12": "12px";
-        readonly "16": "16px";
-        readonly "20": "20px";
-        readonly "24": "24px";
-        readonly "32": "32px";
-        readonly "48": "48px";
-        readonly "64": "64px";
-        readonly "80": "80px";
-    };
-    readonly zIndex: {
-        readonly "0": "0";
-        readonly "10": "10";
-        readonly "20": "20";
-        readonly "30": "30";
-        readonly "40": "40";
-        readonly "50": "50";
-        readonly auto: "auto";
-        readonly popover: "1500";
-    };
+} & {
+    size?: "md" | "lg" | undefined;
+}, "size"> & {
+    children?: never;
+    /**
+     * Limits the height of the textarea when `resize=auto` is used.
+     */
+    maxRows?: ComponentPropsWithRef<typeof TextareaAutosize>["maxRows"];
+    resize?: ComponentPropsWithRef<typeof TextareaAutosize>["resize"];
+    size?: never;
+} & react.RefAttributes<HTMLTextAreaElement>>;
+
+type ThemeProviderProps = {
+    children?: ReactNode;
+    selector?: string;
 };
+declare function ThemeProvider({ children, selector, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace ThemeProvider {
+    var displayName: string;
+}
+
+declare const Toast: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastProps & react.RefAttributes<HTMLLIElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    colorScheme?: "danger" | "neutral" | "information" | "success" | "warning" | undefined;
+} & react.RefAttributes<HTMLLIElement>>;
+
+declare const ToastAction: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const ToastTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ToggleButton: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "primary" | "subtle" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "solid" | "subtle" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
+    auto?: boolean;
+    delayDuration?: ComponentPropsWithRef<typeof RadixTooltip.Provider>["delayDuration"];
+}>;
+declare function TooltipRoot({ auto, children, defaultOpen, delayDuration, onOpenChange, open: openProp, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
+declare namespace TooltipRoot {
+    var displayName: string;
+}
 
-type TooltipProps = BoxProps<typeof RadixTooltip.Content, {
+declare const Tooltip: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "content"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
     /**
      * Enable this option to only show the tooltip when children is partially hidden due to text overflow.
      */
@@ -1884,18 +1145,30 @@ type TooltipProps = BoxProps<typeof RadixTooltip.Content, {
     children: ReactNode;
     content?: ReactNode;
     defaultOpen?: boolean;
-    delayDuration?: ComponentPropsWithRef<typeof RadixTooltip.Provider>["delayDuration"];
+    delayDuration?: ComponentPropsWithRef<typeof TooltipRoot>["delayDuration"];
+    keepOpenOnActivation?: boolean;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
-    withArrow?: boolean;
-}>;
-declare const Tooltip: react.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+declare const TooltipContent: react.ForwardRefExoticComponent<Omit<Omit<RadixTooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Transition: react.ForwardRefExoticComponent<{
     children: ReactElement;
+    "data-side"?: "bottom" | "left" | "right" | "top";
+    skipAnimations?: boolean;
 } & {
     duration?: "sm" | "md" | "lg" | undefined;
-    type?: "pop" | "fade" | "fade-down" | "fade-left" | "fade-right" | "fade-up" | "pop-down" | "pop-left" | "pop-right" | "pop-up" | undefined;
+    type?: "pop" | "fade" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
-export { AlertDialog, AnimatePresence, Avatar, Box, type BoxProps, Button, ButtonGroup, Checkbox, Chip, Code, Dialog, DialogBody, DialogFooter, DialogTitle, Field, Flex, Grid, Heading, Input, Kbd, Link, Paper, Progress, RadioGroup, RadioGroupItem, Separator, Skeleton, type Sprinkles, Switch, Text, type TextProps, Textarea, Tooltip, Transition, extractSprinkles, layers_css as layers, mapResponsiveValue, sprinkles, theme, tokens, tokensDark, usePresence };
+declare const TransitionGlobalConfig: {
+    skipAnimations: boolean;
+};
+
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, MenuButton, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, SideNav, SideNavAccountItem, SideNavItem, type SideNavItemProps, type SideNavProfileMenuProps, 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, Transition, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };