@optiaxiom/react 1.4.5 → 1.5.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } 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-BoYdGwic.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-BoYdGwic.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, A as ActionsContent, C as Checkbox, I as Input, d as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot, T as ToggleInputHiddenInput, k as InputControlProps, l as InputRoot } from './Link-CKWcnpT8.js';
+export { m as CheckboxProps, n as DialogContent, D as DialogContentProps, o as FlexProps, q as InputControl, p as InputProps, r as InputRootProps, s as Link, L as LinkProps, u as ListboxItemized, t as ListboxItemizedProps, G as LonghandProps, v as PopoverTriggerProps, J as TableHeaderCell, H as TableHeaderCellProps, y as mapResponsiveValue, z as normalizeResponsiveValue, x as sprinkles, w as vars } from './Link-CKWcnpT8.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';
@@ -316,19 +316,17 @@ declare const viewport: (props?: {
 };
 type ViewportVariants = RecipeVariants<typeof viewport>;
 
-type ToastProviderProps$1 = BoxProps<typeof RadixToast.Viewport, ComponentPropsWithoutRef<typeof RadixToast.ToastProvider> & ViewportVariants & {
+type ToastProviderProps$1 = BoxProps<typeof RadixToast.Viewport, ComponentPropsWithoutRef<typeof RadixToast.ToastProvider> & Pick<ComponentPropsWithoutRef<typeof Portal>, "container"> & 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 & {
+declare const ToastProvider: react.ForwardRefExoticComponent<RadixToast.ToastProviderProps & Pick<Omit<Omit<RadixPortal.PortalProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "container"> & {
     position?: "top" | "bottom-right" | "top-right" | "bottom" | "bottom-left" | "top-left" | undefined;
 } & {
     children?: never;
-    container?: ComponentPropsWithoutRef<typeof Portal>["container"];
     /**
      * An instance of toaster returned from the `createToaster` method.
      */
@@ -338,6 +336,23 @@ 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>>;
 
+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 ToastTitleProps = TextProps<typeof RadixToast.Title>;
 declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
     lineClamp?: "1" | "2" | "3" | "4" | undefined;
@@ -350,19 +365,18 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
 type TooltipContentProps = ExcludeProps<BoxProps<typeof RadixTooltip.Content>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sideOffset" | "sticky" | "updatePositionStrategy">;
 declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
 
-type TooltipRootProps = BoxProps<typeof RadixTooltip.Root, {
+type TooltipRootProps = ComponentPropsWithoutRef<typeof RadixTooltip.Root> & {
+    /**
+     * Enable this option to only show the tooltip when children is partially hidden due to text overflow.
+     */
     auto?: boolean;
-}>;
+};
 declare function TooltipRoot({ auto, children, defaultOpen, delayDuration, onOpenChange, open: openProp, ...props }: TooltipRootProps): react_jsx_runtime.JSX.Element;
 declare namespace TooltipRoot {
     var displayName: string;
 }
 
-type TooltipProps = ExcludeProps<BoxProps<typeof TooltipContent, Pick<ComponentPropsWithRef<typeof TooltipRoot>, "delayDuration"> & {
-    /**
-     * Enable this option to only show the tooltip when children is partially hidden due to text overflow.
-     */
-    auto?: boolean;
+type TooltipProps = ExcludeProps<BoxProps<typeof TooltipContent, Pick<ComponentPropsWithRef<typeof TooltipRoot>, "auto" | "delayDuration"> & {
     children: ReactNode;
     /**
      * The tooltip content.
@@ -512,6 +526,98 @@ declare const DataTable: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const table: (props?: {
+    layout?: "auto" | "fixed" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type TableVariants = RecipeVariants<typeof table>;
+
+type TableProps = BoxProps<"table", TableVariants>;
+declare const Table: react.ForwardRefExoticComponent<{
+    layout?: "auto" | "fixed" | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type TableActionProps = BoxProps<typeof ActionsContent>;
+declare const TableAction: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    visible?: "always" | "if-needed" | undefined;
+} & 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<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>>;
+
+declare const cell: (props?: {
+    pinned?: boolean | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type CellVariants = RecipeVariants<typeof cell>;
+
+type TableCellProps = BoxProps<"td", NonNullable<CellVariants>>;
+declare const TableCell: react.ForwardRefExoticComponent<{
+    pinned?: boolean | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
+
+declare const header: (props?: {
+    pinned?: boolean | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type HeaderVariants = RecipeVariants<typeof header>;
+
+type TableHeaderProps = BoxProps<"thead", NonNullable<HeaderVariants>>;
+declare const TableHeader: react.ForwardRefExoticComponent<{
+    pinned?: boolean | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableSectionElement>>;
+
+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 DataTableActionProps = BoxProps<typeof TableAction, {
+    /**
+     * Whether this is the primary action within the row.
+     */
+    primary?: boolean;
+}>;
+declare const DataTableAction: react.ForwardRefExoticComponent<{
+    /**
+     * Whether this is the primary action within the row.
+     */
+    primary?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    visible?: "always" | "if-needed" | undefined;
+} & 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<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 DataTableBodyProps = BoxProps<"div", {
     /**
      * The estimated height of rows in pixels when virtualization is enabled.
@@ -536,24 +642,91 @@ declare const DataTableBody: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type DataTableCheckboxProps = ComponentPropsWithoutRef<typeof Checkbox> & Pick<ComponentPropsWithoutRef<typeof DataTableAction>, "visible">;
+declare const DataTableCheckbox: react.ForwardRefExoticComponent<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"> & Pick<Omit<{
+    primary?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    visible?: "always" | "if-needed" | undefined;
+} & 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<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>, "ref">, "visible"> & react.RefAttributes<HTMLInputElement>>;
+
 type DataTableFooterProps = BoxProps<"div", {
+    /**
+     * Specify a custom set of page size options.
+     */
     pageSizeOptions?: Array<{
+        /**
+         * String representation of page size option.
+         */
         label: string;
+        /**
+         * The unique key/value for each page size option.
+         */
         value: string;
     }>;
+    /**
+     * Whether to show a dropdown that allows controlling how many rows to show per page.
+     */
     showPageSizeOptions?: boolean;
 }>;
 declare const DataTableFooter: react.ForwardRefExoticComponent<{
+    /**
+     * Specify a custom set of page size options.
+     */
     pageSizeOptions?: Array<{
+        /**
+         * String representation of page size option.
+         */
         label: string;
+        /**
+         * The unique key/value for each page size option.
+         */
         value: string;
     }>;
+    /**
+     * Whether to show a dropdown that allows controlling how many rows to show per page.
+     */
     showPageSizeOptions?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type DataTableLabelProps = BoxProps;
+declare const DataTableLabel: 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 InputAddonProps = BoxProps<"div">;
 declare const InputAddon: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -561,9 +734,15 @@ declare const InputAddon: react.ForwardRefExoticComponent<Omit<NonNullable<Sprin
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<ComponentPropsWithoutRef<typeof Calendar>, "holiday" | "weekend"> & {
+    /**
+     * Control whether the input allows only date or both date and time.
+     */
     type?: "date" | "datetime-local";
 }>;
 declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "holiday" | "weekend"> & {
+    /**
+     * Control whether the input allows only date or both date and time.
+     */
     type?: "date" | "datetime-local";
 } & Omit<Omit<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
@@ -585,6 +764,7 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
 } & {
     disabled?: boolean;
     error?: boolean;
+    onValueChange?: (value: string) => void;
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -734,9 +914,15 @@ declare const ListboxGroup: react.ForwardRefExoticComponent<Omit<Omit<NonNullabl
 declare const IconCheck: react.ForwardRefExoticComponent<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
 
 type ListboxItemIndicatorProps = BoxProps<typeof IconCheck, {
+    /**
+     * Whether to display a tick to indicate if the item is active or not.
+     */
     active?: boolean;
 }>;
 declare const ListboxItemIndicator: react.ForwardRefExoticComponent<{
+    /**
+     * Whether to display a tick to indicate if the item is active or not.
+     */
     active?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -818,6 +1004,9 @@ type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
      * The initial selected value in uncontrolled mode.
      */
     defaultValue?: DateRange | null;
+    /**
+     * Whether the date range picker is disabled.
+     */
     disabled?: boolean;
     /**
      * Handler that is called when the selected value changes.
@@ -859,7 +1048,13 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<Popov
 } & react.RefAttributes<HTMLInputElement>>;
 
 type DateRangePickerTriggerProps = ComponentPropsWithoutRef<typeof PopoverTrigger> & {
+    /**
+     * Provide a custom date range formatter.
+     */
     formatRange?: Intl.DateTimeFormat["formatRange"];
+    /**
+     * The placeholder when there is no value.
+     */
     placeholder?: string;
 };
 declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<{
@@ -882,7 +1077,13 @@ declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<{
     asChild?: boolean;
     className?: string;
 }>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    /**
+     * Provide a custom date range formatter.
+     */
     formatRange?: Intl.DateTimeFormat["formatRange"];
+    /**
+     * The placeholder when there is no value.
+     */
     placeholder?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
 
@@ -934,20 +1135,6 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     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?: ReactNode;
-    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;
@@ -965,11 +1152,23 @@ declare const DialogForm: react.ForwardRefExoticComponent<Omit<NonNullable<Sprin
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLFormElement>>;
 
 type DialogHeaderProps = BoxProps<"div", {
+    /**
+     * Display content inside the header after `children`.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Add secondary text after the primary title.
+     */
     description?: ReactNode;
 }>;
 declare const DialogHeader: react.ForwardRefExoticComponent<{
+    /**
+     * Display content inside the header after `children`.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Add secondary text after the primary title.
+     */
     description?: ReactNode;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1028,19 +1227,35 @@ declare const Disclosure: react.ForwardRefExoticComponent<{
     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">;
+type DisclosureContentProps = ExcludeProps<BoxProps<typeof RadixCollapsible.Content>, "forceMount">;
 declare const DisclosureContent: react.ForwardRefExoticComponent<DisclosureContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type DisclosureTriggerProps = BoxProps<"div", {
+    /**
+     * Display content after the button.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content before the button.
+     */
     addonBefore?: ReactNode;
+    /**
+     * Control which side to place the chevron.
+     */
     chevronPosition?: "end" | "start";
 }>;
 declare const DisclosureTrigger: react.ForwardRefExoticComponent<{
+    /**
+     * Display content after the button.
+     */
     addonAfter?: ReactNode;
+    /**
+     * Display content before the button.
+     */
     addonBefore?: ReactNode;
+    /**
+     * Control which side to place the chevron.
+     */
     chevronPosition?: "end" | "start";
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1199,15 +1414,7 @@ declare const EllipsisMenuButton: 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>>;
 
-type FieldProps = BoxProps<"div", {
-    /**
-     * Provide description and help text for the field.
-     */
-    description?: ReactNode;
-    /**
-     * Display validation or other errors for the input.
-     */
-    error?: ReactNode;
+type FieldLabelProps = BoxProps<"div", {
     /**
      * Display a help icon with additional context for the input.
      */
@@ -1216,10 +1423,6 @@ type FieldProps = BoxProps<"div", {
      * 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.
      */
@@ -1229,15 +1432,7 @@ type FieldProps = BoxProps<"div", {
      */
     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.
-     */
-    error?: ReactNode;
+declare const FieldLabel: react.ForwardRefExoticComponent<{
     /**
      * Display a help icon with additional context for the input.
      */
@@ -1246,10 +1441,6 @@ declare const Field: react.ForwardRefExoticComponent<{
      * 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.
      */
@@ -1263,13 +1454,21 @@ 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;
+type FieldProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof FieldLabel>, "info" | "inputId" | "labelId" | "required"> & {
+    /**
+     * Provide description and help text for the field.
+     */
+    description?: ReactNode;
+    /**
+     * Display validation or other errors for the input.
+     */
+    error?: ReactNode;
+    /**
+     * The label of the field.
+     */
+    label?: ReactNode;
 }>;
-declare const FieldLabel: react.ForwardRefExoticComponent<{
+declare const Field: react.ForwardRefExoticComponent<Pick<Omit<{
     info?: ReactNode;
     inputId?: string;
     labelId?: string;
@@ -1277,6 +1476,22 @@ declare const FieldLabel: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "required" | "labelId" | "info" | "inputId"> & {
+    /**
+     * Provide description and help text for the field.
+     */
+    description?: ReactNode;
+    /**
+     * Display validation or other errors for the input.
+     */
+    error?: ReactNode;
+    /**
+     * The label of the field.
+     */
+    label?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type GridProps = ComponentPropsWithRef<typeof Box>;
@@ -1287,6 +1502,31 @@ 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>>;
 
+type HeadingProps<T extends ElementType = "h1", P = unknown> = TextProps<T, ExtendProps<{
+    /**
+     * Switch between the different h1-h6 levels.
+     */
+    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<{
+    /**
+     * Switch between the different h1-h6 levels.
+     */
+    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>>;
+
 type IndicatorProps = BoxProps<typeof Badge, {
     /**
      * Set the content of the badge.
@@ -1352,6 +1592,9 @@ declare const kbd: (props?: {
 type KdbVariants = RecipeVariants<typeof kbd>;
 
 type KbdProps = BoxProps<"kbd", KdbVariants & {
+    /**
+     * Keyboard symbols/shortcuts to include.
+     */
     keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
 }>;
 declare const mapKeyToCode: {
@@ -1372,6 +1615,9 @@ declare const mapKeyToCode: {
 declare const Kbd: react.ForwardRefExoticComponent<{
     variant?: "outline" | "subtle" | undefined;
 } & {
+    /**
+     * Keyboard symbols/shortcuts to include.
+     */
     keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1380,6 +1626,9 @@ declare const Kbd: react.ForwardRefExoticComponent<{
 
 type LabelMenuButtonProps = ComponentPropsWithoutRef<typeof ButtonRoot> & {
     appearance?: never;
+    /**
+     * The label of the button.
+     */
     label: string;
     size?: never;
 };
@@ -1397,6 +1646,9 @@ declare const LabelMenuButton: react.ForwardRefExoticComponent<Omit<Omit<NonNull
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
     appearance?: never;
+    /**
+     * The label of the button.
+     */
     label: string;
     size?: never;
 } & react.RefAttributes<HTMLButtonElement>>;
@@ -1442,13 +1694,31 @@ declare const ModalLayer: react.ForwardRefExoticComponent<Pick<Omit<Omit<NonNull
 } & react.RefAttributes<HTMLDivElement>>;
 
 type NavProps = BoxProps<"nav", {
+    /**
+     * 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 Nav: react.ForwardRefExoticComponent<{
+    /**
+     * 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;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1456,13 +1726,31 @@ declare const Nav: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type NavAccountItemProps = BoxProps<"div", {
+    /**
+     * The name of the user.
+     */
     name?: string;
+    /**
+     * The name of the current organization user belongs to.
+     */
     organization?: string;
+    /**
+     * Render the image inside the avatar.
+     */
     src?: string;
 }>;
 declare const NavAccountItem: react.ForwardRefExoticComponent<{
+    /**
+     * The name of the user.
+     */
     name?: string;
+    /**
+     * The name of the current organization user belongs to.
+     */
     organization?: string;
+    /**
+     * Render the image inside the avatar.
+     */
     src?: string;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1524,6 +1812,9 @@ declare const NavHeader: react.ForwardRefExoticComponent<Omit<NonNullable<Sprink
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type NavItemProps = BoxProps<"button", {
+    /**
+     * Whether the nav item is currently active.
+     */
     active?: boolean;
     /**
      * Display content inside the button after `children`.
@@ -1535,6 +1826,9 @@ type NavItemProps = BoxProps<"button", {
     icon?: ReactNode;
 }>;
 declare const NavItem: react.ForwardRefExoticComponent<{
+    /**
+     * Whether the nav item is currently active.
+     */
     active?: boolean;
     /**
      * Display content inside the button after `children`.
@@ -1650,13 +1944,13 @@ declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
 
 type RadioProps = BoxProps<typeof ToggleInputHiddenInput, {
     /**
-     * Add helper text after the label.
+     * Add secondary text after the label.
      */
     description?: ReactNode;
 }>;
 declare const Radio: react.ForwardRefExoticComponent<{
     /**
-     * Add helper text after the label.
+     * Add secondary text after the label.
      */
     description?: ReactNode;
 } & Omit<NonNullable<Sprinkles & {
@@ -1667,22 +1961,72 @@ declare const Radio: react.ForwardRefExoticComponent<{
 } & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type RadioGroupProps = BoxProps<"div", {
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
     defaultValue?: string;
+    /**
+     * Whether the input is disabled and in read only mode.
+     */
     disabled?: InputProps["disabled"];
+    /**
+     * The name of the form control elements. Will override any name specified on the inner Radio components.
+     */
     name?: InputProps["name"];
+    /**
+     * Handler for `blur` event forwarded to all inner Radio components.
+     *
+     * Useful for integrating with third party form libraries.
+     */
     onBlur?: InputProps["onBlur"];
+    /**
+     * Handler for `change` event forwarded to all inner Radio components.
+     *
+     * Useful for integrating with third party form libraries.
+     */
     onChange?: InputProps["onChange"];
+    /**
+     * Handler that is called when the selected value changes.
+     */
     onValueChange?: (value: string) => void;
+    /**
+     * The selected value in controlled mode.
+     */
     value?: string;
 }>;
 type InputProps = ComponentPropsWithoutRef<"input">;
 declare const RadioGroup: react.ForwardRefExoticComponent<{
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
     defaultValue?: string;
+    /**
+     * Whether the input is disabled and in read only mode.
+     */
     disabled?: InputProps["disabled"];
+    /**
+     * The name of the form control elements. Will override any name specified on the inner Radio components.
+     */
     name?: InputProps["name"];
+    /**
+     * Handler for `blur` event forwarded to all inner Radio components.
+     *
+     * Useful for integrating with third party form libraries.
+     */
     onBlur?: InputProps["onBlur"];
+    /**
+     * Handler for `change` event forwarded to all inner Radio components.
+     *
+     * Useful for integrating with third party form libraries.
+     */
     onChange?: InputProps["onChange"];
+    /**
+     * Handler that is called when the selected value changes.
+     */
     onValueChange?: (value: string) => void;
+    /**
+     * The selected value in controlled mode.
+     */
     value?: string;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1690,14 +2034,23 @@ declare const RadioGroup: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue" | "onBlur" | "onChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type SearchInputProps = ComponentPropsWithRef<typeof Input> & {
+    /**
+     * Handler that is called when the input value is cleared using the cross button.
+     */
     onValueClear?: () => void;
 };
 declare const SearchInput: react.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
 type SegmentedControlProps = BoxProps<typeof RadixSegmentedControl.Root, {
+    /**
+     * Whether to allow multiple values or only activate one item at a time.
+     */
     type?: "multiple" | "single";
 }>;
 declare const SegmentedControl: react.ForwardRefExoticComponent<{
+    /**
+     * Whether to allow multiple values or only activate one item at a time.
+     */
     type?: "multiple" | "single";
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1734,7 +2087,7 @@ type SelectOption = {
      */
     ["aria-label"]?: string;
     /**
-     * Description to show under each item label.
+     * Add secondary text after the label.
      */
     description?: string;
     /**
@@ -1787,8 +2140,17 @@ type SelectProps = {
      * Whether to show loading spinner inside the menu.
      */
     loading?: boolean;
+    /**
+     * The name of the inner select element.
+     */
     name?: string;
+    /**
+     * Handler for `blur` event forwarded to inner select element.
+     */
     onBlur?: FocusEventHandler<HTMLElement>;
+    /**
+     * Handler for `change` event forwarded to inner select element.
+     */
     onChange?: ChangeEventHandler<HTMLSelectElement>;
     /**
      * Handler that is called when the open state changes.
@@ -1806,6 +2168,9 @@ type SelectProps = {
      * The select items/options we want to render.
      */
     options: readonly SelectOption[] | SelectOption[];
+    /**
+     * Whether the select value is required.
+     */
     required?: boolean;
     /**
      * The selected value in controlled mode.
@@ -1820,6 +2185,9 @@ type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<Compo
 declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type SelectTriggerProps = ExcludeProps<ButtonProps<typeof PopperAnchor, {
+    /**
+     * The placeholder when there is no value.
+     */
     placeholder?: string;
 }>, "disabled">;
 declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
@@ -1880,9 +2248,15 @@ declare const Skeleton: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLSpanElement>>;
 
 type SpinnerProps = BoxProps<"div", {
+    /**
+     * Control the appearance depending on whether the spinner is placed on a light/dark background.
+     */
     appearance?: "default" | "inverse";
 }>;
 declare const Spinner: react.ForwardRefExoticComponent<{
+    /**
+     * Control the appearance depending on whether the spinner is placed on a light/dark background.
+     */
     appearance?: "default" | "inverse";
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1904,7 +2278,7 @@ type SwitchVariants = RecipeVariants<typeof thumb>;
 
 type SwitchProps = BoxProps<typeof ToggleInputHiddenInput, SwitchVariants & {
     /**
-     * Add helper text after the label.
+     * Add secondary text after the label.
      */
     description?: ReactNode;
 }>;
@@ -1912,7 +2286,7 @@ declare const Switch: react.ForwardRefExoticComponent<{
     size?: "md" | "lg" | undefined;
 } & {
     /**
-     * Add helper text after the label.
+     * Add secondary text after the label.
      */
     description?: ReactNode;
 } & Omit<NonNullable<Sprinkles & {
@@ -1922,57 +2296,6 @@ 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;
@@ -2013,22 +2336,22 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TextareaAutosize: react.ForwardRefExoticComponent<{
-    maxRows?: 2 | 1 | 4 | 5 | 3 | undefined;
+    maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
     resize?: "auto" | "none" | "vertical" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     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"> & {
+type TextareaProps = InputControlProps<typeof TextareaAutosize, Pick<ComponentPropsWithoutRef<typeof InputRoot>, "addonPointerEvents"> & Pick<ComponentPropsWithRef<typeof TextareaAutosize>, "maxRows" | "resize"> & {
+    /**
+     * Display content below the textarea.
+     */
     addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
-    children?: never;
     /**
-     * Limits the height of the textarea when `resize=auto` is used.
+     * Display content above the textarea.
      */
-    maxRows?: ComponentPropsWithRef<typeof TextareaAutosize>["maxRows"];
-    resize?: ComponentPropsWithRef<typeof TextareaAutosize>["resize"];
+    addonBefore?: ReactNode;
     size?: never;
 }>;
 declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
@@ -2039,31 +2362,40 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 }, "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"> & {
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & Pick<Omit<{
+    maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
+    resize?: "auto" | "none" | "vertical" | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref"> & {
+    ref?: ((instance: HTMLTextAreaElement | 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<HTMLTextAreaElement> | null | undefined;
+}, "maxRows" | "resize"> & {
+    /**
+     * Display content below the textarea.
+     */
     addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
-    children?: never;
     /**
-     * Limits the height of the textarea when `resize=auto` is used.
+     * Display content above the textarea.
      */
-    maxRows?: ComponentPropsWithRef<typeof TextareaAutosize>["maxRows"];
-    resize?: ComponentPropsWithRef<typeof TextareaAutosize>["resize"];
+    addonBefore?: ReactNode;
     size?: never;
 } & Omit<NonNullable<{
     size?: "md" | "lg" | "xl" | undefined;
 } & {
     disabled?: boolean;
     error?: boolean;
+    onValueChange?: (value: string) => void;
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, "size"> & Omit<Omit<{
-    maxRows?: 2 | 1 | 4 | 5 | 3 | undefined;
+    maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
     resize?: "auto" | "none" | "vertical" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "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" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "children" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "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" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;
@@ -2103,5 +2435,59 @@ 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, 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 };
+declare const transition: (props?: {
+    duration?: "sm" | "md" | "lg" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type TransitionVariants = RecipeVariants<typeof transition>;
+
+type TransitionProps = TransitionVariants & {
+    children: ReactElement;
+    className?: string;
+    "data-side"?: "bottom" | "left" | "right" | "top";
+    /**
+     * Whether to skip the animation or not. Useful for initial mount and unit testing.
+     */
+    skipAnimations?: boolean;
+    /**
+     * The properties to animate during transition.
+     *  - fade: only animate the opacity
+     *  - pop: animate the opacity, scale, and translate (depending on data-side)
+     */
+    type?: "fade" | "pop";
+};
+declare const Transition: react.ForwardRefExoticComponent<{
+    duration?: "sm" | "md" | "lg" | undefined;
+} & {
+    children: ReactElement;
+    className?: string;
+    "data-side"?: "bottom" | "left" | "right" | "top";
+    /**
+     * Whether to skip the animation or not. Useful for initial mount and unit testing.
+     */
+    skipAnimations?: boolean;
+    /**
+     * The properties to animate during transition.
+     *  - fade: only animate the opacity
+     *  - pop: animate the opacity, scale, and translate (depending on data-side)
+     */
+    type?: "fade" | "pop";
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const TransitionGlobalConfig: {
+    skipAnimations: boolean;
+};
+
+declare function TransitionGroup({ children, onPresenceChange, open, presence: presenceProp, }: {
+    children?: ReactNode;
+    onPresenceChange?: (presence: boolean) => void;
+    open?: boolean;
+    presence?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare namespace TransitionGroup {
+    var displayName: string;
+}
+
+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, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, 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, Heading, 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, TableRow, 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 { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, ButtonGroupProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, 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, HeadingProps, 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, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastActionProps, ToastProps, ToastProviderProps$1 as ToastProviderProps, ToastTitleProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };