@optiaxiom/react 1.3.6 → 1.4.0

package/dist/index.d.ts

@@ -1,25 +1,49 @@
 import * as react from 'react';
-import { ReactNode, ComponentPropsWithoutRef, ComponentPropsWithRef, ReactElement, ElementType, LegacyRef, RefObject } from 'react';
-import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, T as Transition, M as ModalListbox, b as ResponsiveArray } from './PopoverContent-CtWreUDC.js';
-export { c as Box, e as Button, d as ButtonProps, C as Checkbox, D as DialogContent, L as Link, f as ListboxItemized, P as Popover, g as PopoverContent, m as mapResponsiveValue, s as sprinkles, v as vars } from './PopoverContent-CtWreUDC.js';
+import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, ReactElement, RefObject, FocusEventHandler, ChangeEventHandler } from 'react';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, T as TextProps, c as ExtendProps, I as Input, C as Calendar, d as CalendarProps, e as Checkbox, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, j as Transition, M as ModalListbox, k as ButtonRoot, l as ToggleInputHiddenInput, m as InputControlProps, n as InputRoot } from './Link-BsSSg661.js';
+export { o as CheckboxProps, p as DialogContent, D as DialogContentProps, q as FlexProps, r as Heading, H as HeadingProps, t as InputControl, s as InputProps, u as InputRootProps, v as Link, L as LinkProps, x as ListboxItemized, w as ListboxItemizedProps, J as LonghandProps, y as PopoverTriggerProps, K as Text, N as TransitionProps, G as mapResponsiveValue, A as sprinkles, z as vars } from './Link-BsSSg661.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { createToaster } from '@optiaxiom/globals';
 export { createToaster, theme, toaster, tokens } from '@optiaxiom/globals';
 import * as RadixToast from '@radix-ui/react-toast';
-import { Portal } from '@radix-ui/react-portal';
+import * as RadixPortal from '@radix-ui/react-portal';
+import { Table as Table$1 } from '@tanstack/table-core';
+import * as RadixPopover from '@radix-ui/react-popover';
 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 _radix_ui_react_separator from '@radix-ui/react-separator';
+import * as RadixSeparator from '@radix-ui/react-separator';
 import * as _radix_ui_react_dismissable_layer from '@radix-ui/react-dismissable-layer';
-import * as _radix_ui_react_popover from '@radix-ui/react-popover';
+import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
+import { PopperContent, PopperAnchor } from '@radix-ui/react-popper';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import * as RadixToggle from '@radix-ui/react-toggle';
+import 'react-day-picker';
 
+declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
+
+declare function extractBoxProps<S extends Record<string, unknown>>(props: S): {
+    boxProps: Pick<S, ("animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "styles" | "className") & keyof S>;
+    restProps: Omit<S, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "styles" | "className">;
+};
+
+declare const alert: (props?: {
+    intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type AlertVariants = RecipeVariants<typeof alert>;
+
+type AlertProps = BoxProps<"div", AlertVariants & {
+    /**
+     * Show a close button inside the alert and invoke this callback when the close button is clicked.
+     */
+    onDismiss?: () => void;
+}>;
 declare const Alert: react.ForwardRefExoticComponent<{
     intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
 } & {
@@ -52,6 +76,23 @@ declare namespace AlertDialog {
     var displayName: string;
 }
 
+type ButtonGroupProps = BoxProps<"div", {
+    /**
+     * The orientation/layout of the buttons inside the group.
+     */
+    orientation?: "horizontal" | "vertical";
+}>;
+declare const ButtonGroup: react.ForwardRefExoticComponent<{
+    /**
+     * The orientation/layout of the buttons inside the group.
+     */
+    orientation?: "horizontal" | "vertical";
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type AlertDialogActionProps = ButtonProps<typeof RadixAlertDialog.Action>;
 declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -71,11 +112,13 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
+type AlertDialogBodyProps = BoxProps<typeof RadixAlertDialog.Description>;
 declare const AlertDialogBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type AlertDialogCancelProps = ButtonProps<typeof RadixAlertDialog.Cancel>;
 declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -95,13 +138,6 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
-
-declare function extractBoxProps<S extends Record<string, unknown>>(props: S): {
-    boxProps: Pick<S, ("animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "styles" | "className") & keyof S>;
-    restProps: Omit<S, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "styles" | "className">;
-};
-
 declare const content: (props?: {
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined, className?: string) => {
@@ -112,6 +148,7 @@ type DialogVariants = RecipeVariants<typeof content>;
 type AlertDialogContentProps = ExcludeProps<BoxProps<typeof RadixAlertDialog.Content, DialogVariants>, "forceMount">;
 declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
 
+type AlertDialogFooterProps = ComponentPropsWithRef<typeof Flex>;
 declare const AlertDialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -121,6 +158,12 @@ declare const AlertDialogFooter: react.ForwardRefExoticComponent<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>>;
 
+type AlertDialogHeaderProps = BoxProps<"div", {
+    /**
+     * We show an alert icon before the title by default but this can be replaced with any other icon.
+     */
+    addonBefore?: ReactNode;
+}>;
 declare const AlertDialogHeader: react.ForwardRefExoticComponent<{
     /**
      * We show an alert icon before the title by default but this can be replaced with any other icon.
@@ -131,6 +174,7 @@ declare const AlertDialogHeader: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
+type AlertDialogTriggerProps = ButtonProps<typeof RadixAlertDialog.Trigger>;
 declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -150,6 +194,7 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixAlertDialog.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
+type AngleMenuButtonProps = ComponentPropsWithoutRef<typeof Button>;
 declare const AngleMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -169,6 +214,28 @@ declare const AngleMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+declare const avatar: (props?: {
+    colorScheme?: "neutral" | "purple" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "2xs" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type AvatarVariants = RecipeVariants<typeof avatar>;
+
+type AvatarProps = BoxProps<"span", AvatarVariants & {
+    /**
+     * The fallback icon to display when no name or image is given.
+     */
+    fallback?: keyof typeof mapFallbackToIcon;
+    /**
+     * Use name to generate initials to show inside the avatar.
+     */
+    name?: string;
+    /**
+     * Render the image inside the avatar.
+     */
+    src?: string;
+}>;
 declare const mapFallbackToIcon: {
     team: react_jsx_runtime.JSX.Element;
     user: react_jsx_runtime.JSX.Element;
@@ -194,6 +261,12 @@ declare const Avatar: react.ForwardRefExoticComponent<{
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
+type AvatarGroupProps = BoxProps<"div", {
+    /**
+     * Control the size of the avatars.
+     */
+    size?: ComponentPropsWithoutRef<typeof Avatar>["size"];
+}>;
 declare const AvatarGroup: react.ForwardRefExoticComponent<{
     /**
      * Control the size of the avatars.
@@ -214,6 +287,7 @@ type RootVariants = RecipeVariants<typeof root>;
 type ToastProps = ExcludeProps<BoxProps<typeof RadixToast.Root, RootVariants>, "forceMount" | "open">;
 declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<HTMLLIElement>>;
 
+type ToastActionProps = ButtonProps<typeof RadixToast.Action>;
 declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -233,6 +307,23 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixToast.ToastActionProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
+declare const Portal: react.ForwardRefExoticComponent<Omit<RadixPortal.PortalProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const viewport: (props?: {
+    position?: "top" | "bottom-right" | "top-right" | "bottom" | "bottom-left" | "top-left" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ViewportVariants = RecipeVariants<typeof viewport>;
+
+type ToastProviderProps$1 = BoxProps<typeof RadixToast.Viewport, ComponentPropsWithoutRef<typeof RadixToast.ToastProvider> & ViewportVariants & {
+    children?: never;
+    container?: ComponentPropsWithoutRef<typeof Portal>["container"];
+    /**
+     * An instance of toaster returned from the `createToaster` method.
+     */
+    toaster?: ReturnType<typeof createToaster>;
+}>;
 declare const ToastProvider: react.ForwardRefExoticComponent<RadixToast.ToastProviderProps & {
     position?: "top" | "bottom-right" | "top-right" | "bottom" | "bottom-left" | "top-left" | undefined;
 } & {
@@ -247,6 +338,7 @@ declare const ToastProvider: react.ForwardRefExoticComponent<RadixToast.ToastPro
     className?: string;
 }>, never> & Omit<Omit<RadixToast.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref">, "color" | "asChild" | "className" | "label" | "children"> & react.RefAttributes<HTMLOListElement>>;
 
+type ToastTitleProps = TextProps<typeof RadixToast.Title>;
 declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
     lineClamp?: "1" | "2" | "3" | "4" | undefined;
     truncate?: boolean | undefined;
@@ -309,6 +401,7 @@ declare namespace TooltipProvider {
     var displayName: string;
 }
 
+type TooltipTriggerProps = ComponentPropsWithoutRef<typeof RadixTooltip.Trigger>;
 declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 type AxiomProviderProps = {
@@ -335,6 +428,15 @@ declare namespace AxiomProvider {
     var displayName: string;
 }
 
+declare const badge: (props?: {
+    intent?: "information" | "success" | "warning" | "danger" | "neutral" | "primary" | undefined;
+    variant?: "strong" | "subtle" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type BadgeVariants = RecipeVariants<typeof badge>;
+
+type BadgeProps = TextProps<"span", BadgeVariants>;
 declare const Badge: react.ForwardRefExoticComponent<{
     intent?: "information" | "success" | "warning" | "danger" | "neutral" | "primary" | undefined;
     variant?: "strong" | "subtle" | undefined;
@@ -346,6 +448,19 @@ declare const Badge: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
+declare const banner: (props?: {
+    intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type BannerVariants = RecipeVariants<typeof banner>;
+
+type BannerProps = BoxProps<"div", BannerVariants & {
+    /**
+     * Show a close button inside the banner and invoke this callback when the close button is clicked.
+     */
+    onDismiss?: () => void;
+}>;
 declare const Banner: react.ForwardRefExoticComponent<{
     intent?: "information" | "success" | "warning" | "danger" | "neutral" | undefined;
 } & {
@@ -358,127 +473,133 @@ declare const Banner: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ButtonGroup: react.ForwardRefExoticComponent<{
-    /**
-     * The orientation/layout of the buttons inside the group.
-     */
-    orientation?: "horizontal" | "vertical";
+type CodeProps = BoxProps<"code">;
+declare const Code: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
+
+declare const cover: (props?: {
+    disabled?: boolean | undefined;
+    inset?: boolean | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type CoverVariants = RecipeVariants<typeof cover>;
+
+type CoverProps = BoxProps<"div", CoverVariants>;
+declare const Cover: react.ForwardRefExoticComponent<{
+    disabled?: boolean | undefined;
+    inset?: boolean | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Code: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+type DataTableProps = BoxProps<"div", {
+    /**
+     * Pass the table instance returned from `useReactTable()` hook.
+     */
+    table: Table$1<any>;
+}>;
+declare const DataTable: react.ForwardRefExoticComponent<{
+    /**
+     * Pass the table instance returned from `useReactTable()` hook.
+     */
+    table: Table$1<any>;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type DialogProps = {
-    children?: React.ReactNode;
+type DataTableBodyProps = BoxProps<"div", {
     /**
-     * The initial open state in uncontrolled mode.
+     * The estimated height of rows in pixels when virtualization is enabled.
      */
-    defaultOpen?: boolean;
+    estimatedRowHeight?: number;
     /**
-     * Handler that is called when the open state changes.
+     * Indicates if the table is loading
      */
-    onOpenChange?: (open: boolean) => void;
+    loading?: boolean;
+}>;
+declare const DataTableBody: react.ForwardRefExoticComponent<{
     /**
-     * The open state in controlled mode.
+     * The estimated height of rows in pixels when virtualization is enabled.
+     */
+    estimatedRowHeight?: number;
+    /**
+     * Indicates if the table is loading
      */
-    open?: boolean;
-};
-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<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
-    disabled?: boolean;
     loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const TransitionGlobalConfig: {
-    skipAnimations: boolean;
-};
-
-declare function TransitionGroup({ children, onPresenceChange, open, presence: presenceProp, }: {
-    children?: false | ReactElement;
-    onPresenceChange?: (presence: boolean) => void;
-    open?: boolean;
-    presence?: boolean;
-}): react_jsx_runtime.JSX.Element;
-declare namespace TransitionGroup {
-    var displayName: string;
-}
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
+type DataTableFooterProps = BoxProps<"div", {
+    pageSizeOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    showPageSizeOptions?: boolean;
+}>;
+declare const DataTableFooter: react.ForwardRefExoticComponent<{
+    pageSizeOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    showPageSizeOptions?: boolean;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "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>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DialogForm: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+type InputAddonProps = BoxProps<"div">;
+declare const InputAddon: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLFormElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DialogHeader: react.ForwardRefExoticComponent<{
-    addonAfter?: ReactNode;
-    description?: ReactNode;
-} & Omit<NonNullable<Sprinkles & {
+type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<ComponentPropsWithoutRef<typeof Calendar>, "holiday" | "weekend"> & {
+    type?: "date" | "datetime-local";
+}>;
+declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "holiday" | "weekend"> & {
+    type?: "date" | "datetime-local";
+} & Omit<Omit<Pick<Omit<Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
-
-declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
+    appearance?: "number" | "default" | undefined;
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
+    htmlSize?: number;
+} & Omit<NonNullable<{
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
     disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
+    error?: boolean;
+}>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "type"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const Disclosure: react.ForwardRefExoticComponent<{
+type PopoverProps = {
+    children?: React.ReactNode;
     /**
      * The initial open state in uncontrolled mode.
      */
     defaultOpen?: boolean;
+    /**
+     * When enabled interaction with outside elements will be disabled and only popover content will be visible to screen readers.
+     */
+    modal?: boolean;
     /**
      * Handler that is called when the open state changes.
      */
@@ -487,50 +608,75 @@ declare const Disclosure: react.ForwardRefExoticComponent<{
      * The open state in controlled mode.
      */
     open?: boolean;
-} & Omit<NonNullable<Sprinkles & {
+};
+declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare namespace Popover {
+    var displayName: string;
+}
+
+type PopoverAnchorProps = BoxProps<typeof RadixPopover.Anchor>;
+declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "defaultOpen" | "onOpenChange" | "open"> & react.RefAttributes<HTMLDivElement>>;
-
-type DisclosureContentProps = ExcludeProps<BoxProps<typeof RadixCollapsible.Content, {
-    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
-}>, "forceMount">;
-declare const DisclosureContent: react.ForwardRefExoticComponent<DisclosureContentProps & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixPopover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DisclosureTrigger: react.ForwardRefExoticComponent<{
-    addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
-    chevronPosition?: "end" | "start";
-} & Omit<NonNullable<Sprinkles & {
+type ListboxProps = BoxProps<"div">;
+declare const Listbox: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type MenuProps = {
-    children?: React.ReactNode;
+declare const item: (props?: {
+    intent?: "danger" | "neutral" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ItemVariants = RecipeVariants<typeof item>;
+
+type ListboxItemProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<ItemVariants & {
     /**
-     * The initial open state in uncontrolled mode.
+     * Display content inside the item after `children`.
      */
-    defaultOpen?: boolean;
+    addonAfter?: ReactNode;
     /**
-     * When enabled interaction with outside elements will be disabled and only dropdown content will be visible to screen readers.
+     * Display content inside the item before `children`.
      */
-    modal?: boolean;
+    addonBefore?: ReactNode;
     /**
-     * Handler that is called when the open state changes.
+     * Add secondary text after the primary label.
      */
-    onOpenChange?: (open: boolean) => void;
+    description?: ReactNode;
     /**
-     * The open state in controlled mode.
+     * Display an icon before the item content.
      */
-    open?: boolean;
-};
-declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
-declare namespace DropdownMenu {
-    var displayName: string;
-}
+    icon?: ReactNode;
+}, P>>;
+declare const ListboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
+    /**
+     * Display content inside the item after `children`.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the item before `children`.
+     */
+    addonBefore?: ReactNode;
+    /**
+     * Add secondary text after the primary label.
+     */
+    description?: ReactNode;
+    /**
+     * Display an icon before the item content.
+     */
+    icon?: ReactNode;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
+type ListboxCheckboxItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Checkbox>, "onCheckedChange">;
+declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
     intent?: "danger" | "neutral" | undefined;
 } & {
     addonAfter?: react.ReactNode;
@@ -540,22 +686,71 @@ declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<Non
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<Omit<Pick<Omit<{
+    description?: react.ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    indeterminate?: boolean;
+    shift?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
-type DropdownMenuContentProps = ExcludeProps<BoxProps<typeof RadixMenu.Content, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
-    /**
-     * Whether to show loading spinner inside the menu.
-     */
-    loading?: boolean;
-}>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
-declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+type ListboxEmptyProps = BoxProps;
+declare const ListboxEmpty: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+type ListboxFooterProps = ComponentPropsWithRef<typeof Flex>;
+declare const ListboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
+type ListboxGroupProps = ComponentPropsWithoutRef<typeof Box>;
+declare const ListboxGroup: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const IconCheck: react.ForwardRefExoticComponent<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
+
+type ListboxItemIndicatorProps = BoxProps<typeof IconCheck, {
+    active?: boolean;
+}>;
+declare const ListboxItemIndicator: react.ForwardRefExoticComponent<{
+    active?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & react.RefAttributes<SVGSVGElement>>;
+
+type ListboxLabelProps = ComponentPropsWithoutRef<typeof Box>;
+declare const ListboxLabel: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type ListboxRadioItemProps = ComponentPropsWithoutRef<typeof ListboxItem>;
+declare const ListboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
     intent?: "danger" | "neutral" | undefined;
 } & {
     addonAfter?: react.ReactNode;
@@ -565,54 +760,111 @@ declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<NonNullable
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+declare const separator: ((props: {
+    orientation?: ("vertical" | "horizontal" | {
+        readonly base?: "vertical" | "horizontal" | undefined;
+        readonly sm?: "vertical" | "horizontal" | undefined;
+        readonly md?: "vertical" | "horizontal" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
+}) => string) & {
+    properties: Set<"orientation">;
+};
+type SeparatorVariants = Parameters<typeof separator>[0];
+
+type SeparatorProps = BoxProps<typeof RadixSeparator.Root, SeparatorVariants>;
+declare const Separator: react.ForwardRefExoticComponent<{
+    orientation?: ("vertical" | "horizontal" | {
+        readonly base?: "vertical" | "horizontal" | undefined;
+        readonly sm?: "vertical" | "horizontal" | undefined;
+        readonly md?: "vertical" | "horizontal" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+type ListboxSeparatorProps = BoxProps<typeof Separator>;
+declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<{
+    orientation?: ("vertical" | "horizontal" | {
+        readonly base?: "vertical" | "horizontal" | undefined;
+        readonly sm?: "vertical" | "horizontal" | undefined;
+        readonly md?: "vertical" | "horizontal" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type MenuSubProps = {
-    children?: React.ReactNode;
+type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem>;
+declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
-     * The initial open state in uncontrolled mode.
+     * The initial selected value in uncontrolled mode.
      */
-    defaultOpen?: boolean;
+    defaultValue?: DateRange | null;
+    disabled?: boolean;
     /**
-     * Handler that is called when the open state changes.
+     * Handler that is called when the selected value changes.
      */
-    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: DateRange | null) => void;
     /**
-     * The open state in controlled mode.
+     * The selected value in controlled mode.
      */
-    open?: boolean;
+    value?: DateRange | null;
 };
-declare function DropdownMenuSub({ children, defaultOpen, onOpenChange, open: openProp, ...props }: MenuSubProps): react_jsx_runtime.JSX.Element;
-declare namespace DropdownMenuSub {
+type DateRange = {
+    from: Date;
+    to: Date;
+};
+declare function DateRangePicker({ children, defaultOpen, defaultValue, disabled, onOpenChange, onValueChange, open: openProp, value: valueProp, ...props }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+declare namespace DateRangePicker {
     var displayName: string;
 }
 
-type MenuSubContentProps = ExcludeProps<BoxProps<typeof RadixMenu.SubContent, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW">>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
-declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<MenuSubContentProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
-    intent?: "danger" | "neutral" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+type DateRangePickerContentProps = ComponentPropsWithoutRef<typeof PopoverContent> & Pick<ComponentPropsWithoutRef<typeof Calendar>, "holiday" | "max" | "min" | "today" | "weekend"> & {
+    /**
+     * Display content inside the popover after the calendar.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the popover before the calendar.
+     */
+    addonBefore?: ReactNode;
+};
+declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "max" | "min" | "today" | "holiday" | "weekend"> & {
+    /**
+     * Display content inside the popover after the calendar.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the popover before the calendar.
+     */
+    addonBefore?: ReactNode;
+} & react.RefAttributes<HTMLInputElement>>;
 
-declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
+type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof PopoverTrigger> & {
+    formatRange?: Intl.DateTimeFormat["formatRange"];
+    placeholder?: string;
+};
+declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<{
+    hasCustomAnchor?: boolean;
+} & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     icon?: react.ReactNode;
@@ -629,9 +881,41 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    formatRange?: Intl.DateTimeFormat["formatRange"];
+    placeholder?: string;
+} & react.RefAttributes<HTMLButtonElement>>;
 
-declare const EllipsisMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
+type DialogProps = {
+    children?: React.ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+};
+declare function Dialog({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
+declare namespace Dialog {
+    var displayName: string;
+}
+
+type DialogBodyProps = ComponentPropsWithRef<typeof Box>;
+declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type DialogCloseProps = ButtonProps<typeof RadixDialog.Close>;
+declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     icon?: react.ReactNode;
@@ -648,12 +932,307 @@ declare const EllipsisMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Field: react.ForwardRefExoticComponent<{
-    /**
-     * Provide description and help text for the field.
-     */
+declare const TransitionGlobalConfig: {
+    skipAnimations: boolean;
+};
+
+declare function TransitionGroup({ children, onPresenceChange, open, presence: presenceProp, }: {
+    children?: false | ReactElement;
+    onPresenceChange?: (presence: boolean) => void;
+    open?: boolean;
+    presence?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare namespace TransitionGroup {
+    var displayName: string;
+}
+
+type DialogFooterProps = ComponentPropsWithRef<typeof Flex>;
+declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "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 DialogFormProps = BoxProps<"form">;
+declare const DialogForm: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLFormElement>>;
+
+type DialogHeaderProps = BoxProps<"div", {
+    addonAfter?: ReactNode;
+    description?: ReactNode;
+}>;
+declare const DialogHeader: react.ForwardRefExoticComponent<{
+    addonAfter?: ReactNode;
+    description?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
+
+type DialogTriggerProps = ButtonProps<typeof RadixDialog.Trigger>;
+declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+
+type DisclosureProps = BoxProps<typeof RadixCollapsible.Root, {
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+}>;
+declare const Disclosure: react.ForwardRefExoticComponent<{
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "defaultOpen" | "onOpenChange" | "open"> & react.RefAttributes<HTMLDivElement>>;
+
+type DisclosureContentProps = ExcludeProps<BoxProps<typeof RadixCollapsible.Content, {
+    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
+}>, "forceMount">;
+declare const DisclosureContent: react.ForwardRefExoticComponent<DisclosureContentProps & react.RefAttributes<HTMLDivElement>>;
+
+type DisclosureTriggerProps = BoxProps<"div", {
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    chevronPosition?: "end" | "start";
+}>;
+declare const DisclosureTrigger: react.ForwardRefExoticComponent<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    chevronPosition?: "end" | "start";
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type DropdownMenuProps = {
+    children?: React.ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * When enabled interaction with outside elements will be disabled and only dropdown content will be visible to screen readers.
+     */
+    modal?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+};
+declare function DropdownMenu({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenu {
+    var displayName: string;
+}
+
+type DropdownMenuCheckboxItemProps = ListboxItemProps<typeof RadixMenu.CheckboxItem>;
+declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuCheckboxItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type DropdownMenuContentProps = ExcludeProps<BoxProps<typeof RadixMenu.Content, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
+    /**
+     * Whether to show loading spinner inside the menu.
+     */
+    loading?: boolean;
+}>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>>;
+
+type DropdownMenuGroupProps = BoxProps<typeof RadixMenu.Group>;
+declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type DropdownMenuItemProps = ListboxItemProps<typeof RadixMenu.Item>;
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type DropdownMenuLabelProps = BoxProps<typeof RadixMenu.Label>;
+declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type DropdownMenuSeparatorProps = BoxProps<typeof RadixMenu.Separator>;
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type DropdownMenuSubProps = {
+    children?: React.ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+};
+declare function DropdownMenuSub({ children, defaultOpen, onOpenChange, open: openProp, ...props }: DropdownMenuSubProps): react_jsx_runtime.JSX.Element;
+declare namespace DropdownMenuSub {
+    var displayName: string;
+}
+
+type DropdownMenuSubContentProps = ExcludeProps<BoxProps<typeof RadixMenu.SubContent, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW">>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "loop" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>>;
+
+type DropdownMenuSubTriggerProps = ListboxItemProps<typeof RadixMenu.SubTrigger>;
+declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    intent?: "danger" | "neutral" | undefined;
+} & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type DropdownMenuTriggerProps = ComponentPropsWithoutRef<typeof Button>;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+type EllipsisMenuButtonProps = ComponentPropsWithoutRef<typeof Button>;
+declare const EllipsisMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+type FieldProps = BoxProps<"div", {
+    /**
+     * Provide description and help text for the field.
+     */
+    description?: ReactNode;
+    /**
+     * Display validation or other errors for the input.
+     */
+    error?: ReactNode;
+    /**
+     * Display a help icon with additional context for the input.
+     */
+    info?: ReactNode;
+    /**
+     * Override the default generated input ID used for associating the label to the input.
+     */
+    inputId?: string;
+    /**
+     * The label of the field.
+     */
+    label?: ReactNode;
+    /**
+     * Override the default generated label ID used for associating the controls to the label.
+     */
+    labelId?: string;
+    /**
+     * Display an asterisk for required inputs.
+     */
+    required?: boolean;
+}>;
+declare const Field: react.ForwardRefExoticComponent<{
+    /**
+     * Provide description and help text for the field.
+     */
     description?: ReactNode;
     /**
      * Display validation or other errors for the input.
@@ -684,6 +1263,12 @@ declare const Field: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type FieldLabelProps = BoxProps<"div", {
+    info?: ReactNode;
+    inputId?: string;
+    labelId?: string;
+    required?: boolean;
+}>;
 declare const FieldLabel: react.ForwardRefExoticComponent<{
     info?: ReactNode;
     inputId?: string;
@@ -694,13 +1279,7 @@ declare const FieldLabel: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
+type GridProps = ComponentPropsWithRef<typeof Box>;
 declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -708,48 +1287,28 @@ declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<S
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const text: (props?: {
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
-    truncate?: boolean | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type TextVariants = RecipeVariants<typeof text>;
-
-type TextProps<T extends ElementType = "p", P = unknown> = BoxProps<T, ExtendProps<TextVariants, P>>;
-declare const Text: react.ForwardRefExoticComponent<Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
-    truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLParagraphElement>>;
-
-type HeadingProps<T extends ElementType = "h1", P = unknown> = TextProps<T, ExtendProps<{
+type IndicatorProps = BoxProps<typeof Badge, {
+    /**
+     * Set the content of the badge.
+     */
+    content?: ReactNode;
+    /**
+     * Whether to show or hide badge.
+     */
+    disabled?: boolean;
     /**
-     * Switch between the different h1-h6 levels.
+     * Whether to offset the badge and display slightly outside the content box.
      */
-    level?: keyof typeof mapLevelToTag;
-}, P>>;
-declare const mapLevelToTag: {
-    readonly "1": "h1";
-    readonly "2": "h2";
-    readonly "3": "h3";
-    readonly "4": "h4";
-};
-declare const Heading: react.ForwardRefExoticComponent<Omit<{
+    offset?: boolean;
     /**
-     * Switch between the different h1-h6 levels.
+     * Whether to show a ping animation for the badge.
      */
-    level?: keyof typeof mapLevelToTag;
-}, never> & Omit<{
-    lineClamp?: "1" | "2" | "3" | "4" | undefined;
-    truncate?: boolean | undefined;
-}, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
-
+    ping?: boolean;
+    /**
+     * Set which corner the badge is displayed.
+     */
+    position?: "bottom-right" | "top-right";
+}>;
 declare const Indicator: react.ForwardRefExoticComponent<{
     /**
      * Set the content of the badge.
@@ -785,88 +1344,16 @@ declare const Indicator: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
-    addonPointerEvents?: "auto" | "none";
-    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
-} & {
-    children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
-    appearance?: "number" | "default" | undefined;
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    /**
-     * Display content inside the input at the end.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the input at the start.
-     */
-    addonBefore?: ReactNode;
-    /**
-     * Control the native input `size` attribute.
-     */
-    htmlSize?: number;
-} & Omit<NonNullable<{
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    disabled?: boolean;
-    error?: boolean;
-}>, "size"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>>;
-
-declare const InputAddon: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const control: (props?: {
-    size?: "md" | "lg" | "xl" | undefined;
+declare const kbd: (props?: {
+    variant?: "outline" | "subtle" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type ControlVariants = RecipeVariants<typeof control>;
-
-type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<ControlVariants & {
-    /**
-     * Whether the input is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Whether to show the input error state.
-     */
-    error?: boolean;
-}, P>>;
-declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
-    size?: "md" | "lg" | "xl" | undefined;
-} & {
-    /**
-     * Whether the input is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Whether to show the input error state.
-     */
-    error?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
-
-declare const InputRoot: react.ForwardRefExoticComponent<Pick<{
-    addonPointerEvents?: "auto" | "none";
-    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
-} & {
-    children: React.ReactNode;
-}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+type KdbVariants = RecipeVariants<typeof kbd>;
 
+type KbdProps = BoxProps<"kbd", KdbVariants & {
+    keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
+}>;
 declare const mapKeyToCode: {
     command: string;
     ctrl: string;
@@ -891,192 +1378,49 @@ declare const Kbd: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
-declare const axiom = "optiaxiom";
-declare const theme = "optiaxiom.theme";
-declare const base = "optiaxiom.base";
-declare const reset: string;
-declare const components: string;
-
-declare const layers_css_axiom: typeof axiom;
-declare const layers_css_base: typeof base;
-declare const layers_css_components: typeof components;
-declare const layers_css_reset: typeof reset;
-declare const layers_css_theme: typeof theme;
-declare namespace layers_css {
-  export {
-    layers_css_axiom as axiom,
-    layers_css_base as base,
-    layers_css_components as components,
-    layers_css_reset as reset,
-    layers_css_theme as theme,
-  };
-}
-
-declare const Listbox: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
-    intent?: "danger" | "neutral" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<Omit<Pick<Omit<{
-    description?: react.ReactNode;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<{
-    onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
-    indeterminate?: boolean;
-    shift?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<{
-    onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ListboxEmpty: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ListboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ListboxGroup: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const item: (props?: {
-    intent?: "danger" | "neutral" | undefined;
-} | undefined, className?: string) => {
-    className: string;
+type LabelMenuButtonProps = ComponentPropsWithoutRef<typeof ButtonRoot> & {
+    appearance?: never;
+    label: string;
+    size?: never;
 };
-type ItemVariants = RecipeVariants<typeof item>;
-
-type ListboxItemProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<ItemVariants & {
-    /**
-     * Display content inside the item after `children`.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the item before `children`.
-     */
-    addonBefore?: ReactNode;
-    /**
-     * Add secondary text after the primary label.
-     */
-    description?: ReactNode;
-    /**
-     * Display an icon before the item content.
-     */
-    icon?: ReactNode;
-}, P>>;
-declare const ListboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
-    intent?: "danger" | "neutral" | undefined;
-} & {
-    /**
-     * Display content inside the item after `children`.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the item before `children`.
-     */
-    addonBefore?: ReactNode;
-    /**
-     * Add secondary text after the primary label.
-     */
-    description?: ReactNode;
-    /**
-     * Display an icon before the item content.
-     */
-    icon?: ReactNode;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ListboxItemIndicator: react.ForwardRefExoticComponent<{
-    active?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & react.RefAttributes<SVGSVGElement>>;
-
-declare const ListboxLabel: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ListboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
-    intent?: "danger" | "neutral" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<{
-    orientation?: ("vertical" | "horizontal" | {
-        readonly base?: "vertical" | "horizontal" | undefined;
-        readonly sm?: "vertical" | "horizontal" | undefined;
-        readonly md?: "vertical" | "horizontal" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
-    intent?: "danger" | "neutral" | undefined;
-} & {
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    description?: react.ReactNode;
-    icon?: react.ReactNode;
+declare const LabelMenuButton: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
+    disabled?: boolean;
+    loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    appearance?: never;
+    label: string;
+    size?: never;
+} & react.RefAttributes<HTMLButtonElement>>;
 
-type ListboxVirtualizedProps<T = unknown> = BoxProps<"div", {
-    children: (item: T, index: number) => ReactNode;
-    highlightedItem?: T;
-    items: readonly T[] | T[];
-    ref?: LegacyRef<HTMLDivElement>;
-}>;
-declare const ListboxVirtualized: (<T>(props: ListboxVirtualizedProps<T>) => ReactElement) & {
-    displayName: string;
-};
+declare const axiom = "optiaxiom";
+declare const theme = "optiaxiom.theme";
+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 const layers_css_theme: typeof theme;
+declare namespace layers_css {
+  export {
+    layers_css_axiom as axiom,
+    layers_css_base as base,
+    layers_css_components as components,
+    layers_css_reset as reset,
+    layers_css_theme as theme,
+  };
+}
 
 declare const ModalProvider: react.FC<{
     shardRef: RefObject<HTMLElement>;
@@ -1087,6 +1431,9 @@ declare const useModalContext: (consumerName: string) => {
     shardRef: RefObject<HTMLElement>;
 };
 
+type ModalLayerProps = Pick<ComponentPropsWithoutRef<typeof Box>, "asChild"> & Pick<ComponentPropsWithoutRef<typeof DismissableLayer>, "onEscapeKeyDown"> & {
+    children?: ReactNode;
+};
 declare const ModalLayer: react.ForwardRefExoticComponent<Pick<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1094,6 +1441,11 @@ declare const ModalLayer: react.ForwardRefExoticComponent<Pick<Omit<Omit<NonNull
     children?: ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
 
+type NavProps = BoxProps<"nav", {
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+}>;
 declare const Nav: react.ForwardRefExoticComponent<{
     defaultExpanded?: boolean;
     expanded?: boolean;
@@ -1117,16 +1469,19 @@ declare const NavAccountItem: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
+type NavBodyProps = BoxProps<"div">;
 declare const NavBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type NavFooterProps = BoxProps<"div">;
 declare const NavFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type NavGroupProps = ComponentPropsWithoutRef<typeof Disclosure>;
 declare const NavGroup: react.ForwardRefExoticComponent<Omit<{
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -1136,11 +1491,13 @@ declare const NavGroup: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "defaultOpen" | "onOpenChange" | "open"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
 
+type NavGroupContentProps = BoxProps<"div">;
 declare const NavGroupContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
 
+type NavGroupTriggerProps = ComponentPropsWithoutRef<typeof DisclosureTrigger>;
 declare const NavGroupTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -1150,6 +1507,7 @@ declare const NavGroupTrigger: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+type NavHeaderProps = BoxProps<"div">;
 declare const NavHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1181,11 +1539,13 @@ declare const NavItem: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
+type NavListProps = BoxProps<"div">;
 declare const NavList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
 
+type NavSeparatorProps = BoxProps<typeof Separator>;
 declare const NavSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1198,8 +1558,30 @@ declare const NavSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Spr
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type PaginationProps = BoxProps<"nav", {
+    /**
+     * The default active page in uncontrolled mode.
+     */
+    defaultPage?: number;
+    /**
+     * Whether to disable all button.
+     */
+    disabled?: boolean;
+    /**
+     * Handler that is called when the active page is changed.
+     */
+    onPageChange?: (offset: number) => void;
+    /**
+     * The active page in controlled mode.
+     */
+    page?: number;
+    /**
+     * The total number of pages to display.
+     */
+    total: number;
+}>;
 declare const Pagination: react.ForwardRefExoticComponent<{
     /**
      * The default active page in uncontrolled mode.
@@ -1226,6 +1608,14 @@ declare const Pagination: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
+declare const paper: (props?: {
+    elevation?: "dialog" | "menu" | "screen" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type PaperVariants = RecipeVariants<typeof paper>;
+
+type PaperProps = BoxProps<"div", PaperVariants>;
 declare const Paper: react.ForwardRefExoticComponent<{
     elevation?: "dialog" | "menu" | "screen" | undefined;
 } & Omit<NonNullable<Sprinkles & {
@@ -1233,32 +1623,14 @@ declare const Paper: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_popover.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const PopoverTrigger: react.ForwardRefExoticComponent<{
-    hasCustomAnchor?: boolean;
-} & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+declare const indicator: (props?: {
+    intent?: "success" | "danger" | "primary" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ProgressVariants = RecipeVariants<typeof indicator>;
 
+type ProgressProps = BoxProps<typeof ProgressPrimitive.Root> & ProgressVariants;
 declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1266,6 +1638,12 @@ declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     intent?: "success" | "danger" | "primary" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
+type RadioProps = BoxProps<typeof ToggleInputHiddenInput, {
+    /**
+     * Add helper text after the label.
+     */
+    description?: ReactNode;
+}>;
 declare const Radio: react.ForwardRefExoticComponent<{
     /**
      * Add helper text after the label.
@@ -1278,6 +1656,15 @@ declare const Radio: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
 } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
+type RadioGroupProps = BoxProps<"div", {
+    defaultValue?: string;
+    disabled?: InputProps["disabled"];
+    name?: InputProps["name"];
+    onBlur?: InputProps["onBlur"];
+    onChange?: InputProps["onChange"];
+    onValueChange?: (value: string) => void;
+    value?: string;
+}>;
 type InputProps = ComponentPropsWithoutRef<"input">;
 declare const RadioGroup: react.ForwardRefExoticComponent<{
     defaultValue?: string;
@@ -1292,11 +1679,14 @@ declare const RadioGroup: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue" | "onBlur" | "onChange"> & react.RefAttributes<HTMLDivElement>>;
 
-type SearchProps = ComponentPropsWithRef<typeof Input> & {
+type SearchInputProps = ComponentPropsWithRef<typeof Input> & {
     onValueClear?: () => void;
 };
-declare const SearchInput: react.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const SearchInput: react.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
+type SegmentedControlProps = BoxProps<typeof RadixSegmentedControl.Root, {
+    type?: "multiple" | "single";
+}>;
 declare const SegmentedControl: react.ForwardRefExoticComponent<{
     type?: "multiple" | "single";
 } & Omit<NonNullable<Sprinkles & {
@@ -1304,6 +1694,7 @@ declare const SegmentedControl: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<NonNullable<Omit<RadixSegmentedControl.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixSegmentedControl.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">>, "color" | "asChild" | "className" | "type"> & react.RefAttributes<HTMLDivElement>>;
 
+type SegmentedControlItemProps = ButtonProps<typeof RadixSegmentedControl.Item>;
 declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -1323,17 +1714,120 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const Separator: react.ForwardRefExoticComponent<{
-    orientation?: ("vertical" | "horizontal" | {
-        readonly base?: "vertical" | "horizontal" | undefined;
-        readonly sm?: "vertical" | "horizontal" | undefined;
-        readonly md?: "vertical" | "horizontal" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>>;
+type SelectOption = {
+    /**
+     * Addons such as avatars or icons to show beside each item label.
+     */
+    addon?: ReactNode;
+    /**
+     * Override the ARIA label of the current element.
+     */
+    ["aria-label"]?: string;
+    /**
+     * Description to show under each item label.
+     */
+    description?: string;
+    /**
+     * Provide a reason why item needs to be marked as disabled and skipped from keyboard navigation.
+     */
+    disabledReason?: string;
+    /**
+     * Provide an optional group that item belongs to.
+     */
+    group?: SelectOptionGroup;
+    /**
+     * String representation of items.
+     */
+    label: string;
+    /**
+     * Return a unique key for each item.
+     */
+    value: string;
+};
+type SelectOptionGroup = {
+    /**
+     * Whether the group label should be hidden or not.
+     */
+    hidden?: boolean;
+    /**
+     * The label group.
+     */
+    label: string;
+    /**
+     * Whether to display a separator before this group.
+     */
+    separator?: boolean;
+};
+
+type SelectProps = {
+    children?: ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
+    defaultValue?: string;
+    /**
+     * Whether the select is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether to show loading spinner inside the menu.
+     */
+    loading?: boolean;
+    name?: string;
+    onBlur?: FocusEventHandler<HTMLElement>;
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Handler that is called when the selected value changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+    /**
+     * The select items/options we want to render.
+     */
+    options: readonly SelectOption[] | SelectOption[];
+    required?: boolean;
+    /**
+     * The selected value in controlled mode.
+     */
+    value?: string;
+};
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
+
+type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
+    children?: ((item: SelectOption) => ReactNode) | ReactNode;
+}>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "onPlaced" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
 
+type SelectTriggerProps = ExcludeProps<ButtonProps<typeof PopperAnchor, {
+    placeholder?: string;
+}>, "disabled">;
+declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+
+type SidebarProps = BoxProps<"div", {
+    /**
+     * The initial expanded state in uncontrolled mode.
+     */
+    defaultExpanded?: boolean;
+    /**
+     * The expanded state in controlled mode.
+     */
+    expanded?: boolean;
+    /**
+     * Handler that is called when the expanded state changes.
+     */
+    onExpandedChange?: (expanded: boolean) => void;
+}>;
 declare const Sidebar: react.ForwardRefExoticComponent<{
     /**
      * The initial expanded state in uncontrolled mode.
@@ -1357,6 +1851,13 @@ type SidebarToggleProps = Omit<ComponentPropsWithRef<typeof NavItem>, "aria-labe
 };
 declare const SidebarToggle: react.ForwardRefExoticComponent<Omit<SidebarToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+type SkeletonProps = BoxProps<"span", {
+    children?: ReactElement;
+    /**
+     * Render skeleton as a circle if `true`.
+     */
+    circle?: boolean;
+}>;
 declare const Skeleton: react.ForwardRefExoticComponent<{
     children?: ReactElement;
     /**
@@ -1368,6 +1869,9 @@ declare const Skeleton: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLSpanElement>>;
 
+type SpinnerProps = BoxProps<"div", {
+    appearance?: "default" | "inverse";
+}>;
 declare const Spinner: react.ForwardRefExoticComponent<{
     appearance?: "default" | "inverse";
 } & Omit<NonNullable<Sprinkles & {
@@ -1375,11 +1879,25 @@ declare const Spinner: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type SubNavProps = BoxProps<"nav">;
 declare const SubNav: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const thumb: (props?: {
+    size?: "md" | "lg" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type SwitchVariants = RecipeVariants<typeof thumb>;
+
+type SwitchProps = BoxProps<typeof ToggleInputHiddenInput, SwitchVariants & {
+    /**
+     * Add helper text after the label.
+     */
+    description?: ReactNode;
+}>;
 declare const Switch: react.ForwardRefExoticComponent<{
     size?: "md" | "lg" | undefined;
 } & {
@@ -1394,6 +1912,58 @@ declare const Switch: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
 } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
+declare const table: (props?: {
+    layout?: "auto" | "fixed" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type TableVariants = RecipeVariants<typeof table>;
+
+type TableProps = BoxProps<"div", TableVariants>;
+declare const Table: react.ForwardRefExoticComponent<{
+    layout?: "auto" | "fixed" | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type TableActionProps = BoxProps<"div">;
+declare const TableAction: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type TableBodyProps = BoxProps<"tbody">;
+declare const TableBody: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
+
+type TableCellProps = BoxProps<"td">;
+declare const TableCell: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
+
+type TableHeaderProps = BoxProps<"thead">;
+declare const TableHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
+
+type TableHeaderCellProps = BoxProps<"th">;
+declare const TableHeaderCell: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
+
+type TableRowProps = BoxProps<"tr">;
+declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
+
+type TabsProps = BoxProps<typeof RadixTabs.Root>;
 declare const Tabs: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1402,11 +1972,22 @@ declare const Tabs: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles &
 type TabsContentProps = ExcludeProps<BoxProps<typeof RadixTabs.TabsContent>, "forceMount">;
 declare const TabsContent: react.ForwardRefExoticComponent<TabsContentProps & react.RefAttributes<HTMLDivElement>>;
 
+type TabsListProps = BoxProps<typeof RadixTabs.List>;
 declare const TabsList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<RadixTabs.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type TabsTriggerProps = BoxProps<typeof RadixTabs.Trigger, {
+    /**
+     * Display content inside the button after `children`.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the button before `children`.
+     */
+    addonBefore?: ReactNode;
+}>;
 declare const TabsTrigger: react.ForwardRefExoticComponent<{
     /**
      * Display content inside the button after `children`.
@@ -1429,6 +2010,17 @@ declare const TextareaAutosize: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>>;
 
+type TextareaProps = InputControlProps<typeof TextareaAutosize, Pick<ComponentPropsWithoutRef<typeof InputRoot>, "addonPointerEvents"> & {
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    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;
+}>;
 declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
@@ -1465,13 +2057,18 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 
 type ThemeProviderProps = {
     children?: ReactNode;
-    selector?: string;
 };
-declare function ThemeProvider({ children, selector, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({ children }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare namespace ThemeProvider {
     var displayName: string;
 }
 
+type ToggleButtonProps = ButtonProps<typeof RadixToggle.Root, {
+    /**
+     * Control the appearance by selecting between the different button types.
+     */
+    appearance?: "default" | "subtle";
+}>;
 declare const ToggleButton: react.ForwardRefExoticComponent<{
     /**
      * Control the appearance by selecting between the different button types.
@@ -1496,5 +2093,5 @@ declare const ToggleButton: react.ForwardRefExoticComponent<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, ButtonGroup, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, Indicator, Input, InputAddon, InputControl, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ListboxVirtualized, ModalLayer, ModalProvider, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useModalContext };
-export type { HeadingProps, InputControlProps, ListboxItemProps, NavAccountItemProps, NavItemProps, SidebarToggleProps, TextProps };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Button, ButtonGroup, ButtonProps, Checkbox, Code, Cover, DataTable, DataTableBody, DataTableFooter, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Indicator, Input, InputAddon, InputControlProps, InputRoot, Kbd, LabelMenuButton, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, ModalProvider, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useModalContext };
+export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, ButtonGroupProps, CodeProps, CoverProps, DataTableBodyProps, DataTableFooterProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, GridProps, IndicatorProps, InputAddonProps, KbdProps, LabelMenuButtonProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxFooterProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextareaProps, ThemeProviderProps, ToastActionProps, ToastProps, ToastProviderProps$1 as ToastProviderProps, ToastTitleProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps };