@optiaxiom/react 1.3.5 → 1.4.0

package/dist/{PopoverContent-CtWreUDC.d.ts → Link-BsSSg661.d.ts}

@@ -1,8 +1,8 @@
 import * as react from 'react';
-import { ElementType, ComponentPropsWithoutRef, ReactNode, ReactElement } from 'react';
+import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, RefObject, ReactElement } from 'react';
+import { DayPicker, Matcher } from 'react-day-picker';
+import * as RadixPopover from '@radix-ui/react-popover';
 import * as RadixDialog from '@radix-ui/react-dialog';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 
 type ExcludeProps<P, T extends keyof P> = Omit<P, T>;
 
@@ -1473,8 +1473,8 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
         };
     };
 }, string | number | boolean>>(value: Value, fn: (inputValue: Value extends ResponsiveArray<1, string | number | boolean | null> | ResponsiveArray<2 | 1, string | number | boolean | null> | ResponsiveArray<2 | 1 | 3, string | number | boolean | null> | ResponsiveArray<2 | 1 | 4 | 3, string | number | boolean | null> | ResponsiveArray<2 | 1 | 4 | 5 | 3, string | number | boolean | null> | ResponsiveArray<2 | 1 | 4 | 5 | 3 | 6, string | number | boolean | null> | ResponsiveArray<2 | 1 | 4 | 5 | 3 | 6 | 7, string | number | boolean | null> | ResponsiveArray<2 | 1 | 4 | 5 | 3 | 6 | 7 | 8, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "sm" | "md" | "base") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"sm" | "md" | "base", OutputValue>>;
-type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
 type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
+type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
 
 type BoxProps<T extends ElementType = "div", P = unknown> = ExtendProps<ComponentPropsWithoutRef<T>, ExtendProps<Sprinkles & {
     /**
@@ -1547,6 +1547,28 @@ type ButtonRootProps<T extends ElementType = "button", P = unknown> = BoxProps<T
      */
     loading?: boolean;
 }, P>>;
+declare const ButtonRoot: react.ForwardRefExoticComponent<Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    /**
+     * Control the appearance by selecting between the different button types.
+     */
+    appearance?: keyof typeof appearances;
+    /**
+     * Whether the button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether to show loading spinner inside the button.
+     */
+    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>>;
 
 type ButtonProps<T extends ElementType = "button", P = unknown> = ButtonRootProps<T, ExtendProps<{
     /**
@@ -1597,6 +1619,66 @@ declare const Button: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
+type FlexProps = ComponentPropsWithRef<typeof Box>;
+declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const 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>>;
+
+declare const ToggleInputHiddenInput: react.ForwardRefExoticComponent<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>>;
+
+declare const CheckboxContent: react.ForwardRefExoticComponent<{
+    /**
+     * Add helper text after the label.
+     */
+    description?: 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>>;
+
+declare const CheckboxControl: react.ForwardRefExoticComponent<{
+    /**
+     * Display a partially checked icon instead of the regular checkmark.
+     */
+    indeterminate?: boolean;
+    /**
+     * Enable this when control has content beside it and needs to be sized
+     * according to line-height.
+     */
+    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>>;
+
+type CheckboxProps = BoxProps<typeof ToggleInputHiddenInput, Pick<ComponentPropsWithoutRef<typeof CheckboxContent>, "description"> & Pick<ComponentPropsWithoutRef<typeof CheckboxControl>, "indeterminate">>;
 declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
     description?: react.ReactNode;
 } & Omit<NonNullable<Sprinkles & {
@@ -1620,59 +1702,187 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<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>>;
 
-declare const Transition: react.ForwardRefExoticComponent<{
-    duration?: "sm" | "md" | "lg" | undefined;
-    type?: "pop" | "fade" | "slide" | "slidePop" | undefined;
-} & {
-    children: ReactElement;
-    "data-side"?: "bottom" | "left" | "right" | "top";
-    skipAnimations?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
+type CalendarProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof DayPicker>, "month" | "onMonthChange" | "today"> & {
+    /**
+     * Apply the `holiday` modifier to the matching days.
+     */
+    holiday?: Matcher | Matcher[];
+    /**
+     * The latest date that is allowed.
+     */
+    max?: Date;
+    /**
+     * The earliest date that is allowed.
+     */
+    min?: Date;
+    onHeightChange?: (height: number) => void;
+    step?: number | string;
+    type?: "date" | "datetime-local";
+    /**
+     * Apply the `weekend` modifier to the matching days.
+     */
+    weekend?: Matcher | Matcher[];
+} & ({
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
+    defaultValue?: DateRange | null;
+    mode: "range";
+    /**
+     * Handler that is called when the selected value changes.
+     */
+    onValueChange?: (value: DateRange | null) => void;
+    /**
+     * The selected value in controlled mode.
+     */
+    value?: DateRange | null;
+} | {
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
+    defaultValue?: Date | null;
+    mode?: "single";
+    /**
+     * Handler that is called when the selected value changes.
+     */
+    onValueChange?: (value: Date | null) => void;
+    /**
+     * The selected value in controlled mode.
+     */
+    value?: Date | null;
+})>;
+type DateRange = {
+    from: Date;
+    to: Date;
+};
+declare const Calendar: react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const content: (props?: {
-    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
+declare const input: (props?: {
+    appearance?: "number" | "default" | undefined;
+    size?: "md" | "lg" | "xl" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type DialogVariants = RecipeVariants<typeof content>;
+type InputVariants = RecipeVariants<typeof input>;
 
-type DialogContentProps = ExcludeProps<BoxProps<typeof RadixDialog.Content, DialogVariants & {
-    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
-}>, "forceMount">;
-declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const control: (props?: {
+    size?: "md" | "lg" | "xl" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ControlVariants = RecipeVariants<typeof control>;
 
-declare const ModalListbox: react.ForwardRefExoticComponent<{
-    maxH?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
-    minW?: "0" | "trigger" | undefined;
-    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
-} & Omit<NonNullable<Sprinkles & {
+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;
-}>, "maxH"> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+}>, "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 InputProvider: react.FC<{
+    /**
+     * When this prop is set to `none` clicking empty space inside the
+     * addon will focus the input box.
+     */
+    addonPointerEvents?: "auto" | "none";
+    inputRef: RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}>;
+
+type InputRootProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof InputProvider>, "addonPointerEvents">>;
+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<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<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
-declare const Link: react.ForwardRefExoticComponent<{
-    appearance?: "default" | "subtle" | "inverse" | undefined;
+type InputProps = InputControlProps<"input", Pick<ComponentPropsWithoutRef<typeof InputRoot>, "addonPointerEvents"> & InputVariants & {
+    /**
+     * 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;
+}>;
+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;
 } & {
     /**
-     * Whether to show disabled state and disable interactions.
+     * Display content inside the input at the end.
      */
-    disabled?: boolean;
+    addonAfter?: ReactNode;
     /**
-     * Show an external link icon and sets the correct rel/target attributes.
+     * Display content inside the input at the start.
      */
-    external?: boolean;
+    addonBefore?: ReactNode;
     /**
-     * Whether to expand and fill up the whole area of the parent which has `position: relative`.
+     * Control the native input `size` attribute.
      */
-    overlay?: "inset" | boolean;
-} & Omit<NonNullable<Sprinkles & {
+    htmlSize?: number;
+} & Omit<NonNullable<{
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
+    disabled?: boolean;
+    error?: boolean;
+}>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
+type ListboxItemizedProps = BoxProps<"div", {
+    children?: ((item: any, index: number) => ReactNode) | ReactNode;
+    /**
+     * Custom empty state content.
+     */
+    empty?: ReactNode;
+    highlightedItem?: any;
+    items: any[] | readonly any[];
+    itemToKey: (item: any) => string;
+    /**
+     * Whether to show loading spinner inside the menu.
+     */
+    loading?: boolean;
+    onPlacedChange?: (placed: boolean) => void;
+}>;
 declare const ListboxItemized: react.ForwardRefExoticComponent<{
     children?: ((item: any, index: number) => ReactNode) | ReactNode;
     /**
@@ -1687,43 +1897,154 @@ declare const ListboxItemized: react.ForwardRefExoticComponent<{
      */
     loading?: boolean;
     onPlacedChange?: (placed: boolean) => void;
-    placed?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLDivElement>>;
 
-type PopoverProps = {
-    children?: React.ReactNode;
-    /**
-     * The initial open state in uncontrolled mode.
-     */
-    defaultOpen?: boolean;
+declare const ModalListbox: react.ForwardRefExoticComponent<{
+    maxH?: "xs" | "sm" | "md" | "lg" | "full" | undefined;
+    minW?: "0" | "trigger" | undefined;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "maxH"> & 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<HTMLDivElement>>;
+
+type PopoverContentProps = ExcludeProps<BoxProps<typeof RadixPopover.Content, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
     /**
-     * When enabled interaction with outside elements will be disabled and only popover content will be visible to screen readers.
+     * Whether to show an arrow.
      */
-    modal?: boolean;
+    withArrow?: boolean;
+}>, "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
+declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
+
+type PopoverTriggerProps = ButtonProps<typeof RadixPopover.Trigger, {
+    hasCustomAnchor?: boolean;
+}>;
+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<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const transition: (props?: {
+    duration?: "sm" | "md" | "lg" | undefined;
+    type?: "pop" | "fade" | "slide" | "slidePop" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type TransitionVariants = RecipeVariants<typeof transition>;
+
+type TransitionProps = TransitionVariants & {
+    children: ReactElement;
+    "data-side"?: "bottom" | "left" | "right" | "top";
+    skipAnimations?: boolean;
+};
+declare const Transition: react.ForwardRefExoticComponent<{
+    duration?: "sm" | "md" | "lg" | undefined;
+    type?: "pop" | "fade" | "slide" | "slidePop" | undefined;
+} & {
+    children: ReactElement;
+    "data-side"?: "bottom" | "left" | "right" | "top";
+    skipAnimations?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const content: (props?: {
+    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type DialogVariants = RecipeVariants<typeof content>;
+
+type DialogContentProps = ExcludeProps<BoxProps<typeof RadixDialog.Content, DialogVariants & {
+    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
+}>, "forceMount">;
+declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
+
+type HeadingProps<T extends ElementType = "h1", P = unknown> = TextProps<T, ExtendProps<{
     /**
-     * Handler that is called when the open state changes.
+     * Switch between the different h1-h6 levels.
      */
-    onOpenChange?: (open: boolean) => void;
+    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<{
     /**
-     * The open state in controlled mode.
+     * Switch between the different h1-h6 levels.
      */
-    open?: boolean;
+    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>>;
+
+declare const link: (props?: {
+    appearance?: "default" | "subtle" | "inverse" | undefined;
+} | undefined, className?: string) => {
+    className: string;
 };
-declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
-declare namespace Popover {
-    var displayName: string;
-}
+type LinkVariants = RecipeVariants<typeof link>;
 
-type PopoverContentProps = ExcludeProps<BoxProps<typeof _radix_ui_react_popover.Content, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW"> & {
+type LinkProps = BoxProps<"a", LinkVariants & {
     /**
-     * Whether to show an arrow.
+     * Whether to show disabled state and disable interactions.
      */
-    withArrow?: boolean;
-}>, "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
-declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
+    disabled?: boolean;
+    /**
+     * Show an external link icon and sets the correct rel/target attributes.
+     */
+    external?: boolean;
+    /**
+     * Whether to expand and fill up the whole area of the parent which has `position: relative`.
+     */
+    overlay?: "inset" | boolean;
+}>;
+declare const Link: react.ForwardRefExoticComponent<{
+    appearance?: "default" | "subtle" | "inverse" | undefined;
+} & {
+    /**
+     * Whether to show disabled state and disable interactions.
+     */
+    disabled?: boolean;
+    /**
+     * Show an external link icon and sets the correct rel/target attributes.
+     */
+    external?: boolean;
+    /**
+     * Whether to expand and fill up the whole area of the parent which has `position: relative`.
+     */
+    overlay?: "inset" | boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
 
-export { Checkbox as C, DialogContent as D, Link as L, ModalListbox as M, Popover as P, Transition as T, Box as c, Button as e, ListboxItemized as f, PopoverContent as g, mapResponsiveValue as m, sprinkles as s, vars as v };
-export type { BoxProps as B, ExcludeProps as E, RecipeVariants as R, Sprinkles as S, ExtendProps as a, ResponsiveArray as b, ButtonProps as d };
+export { sprinkles as A, Calendar as C, Flex as F, mapResponsiveValue as G, Input as I, Text as K, ModalListbox as M, PopoverContent as P, Button as b, Checkbox as e, Box as f, PopoverTrigger as i, Transition as j, ButtonRoot as k, ToggleInputHiddenInput as l, InputRoot as n, DialogContent as p, Heading as r, InputControl as t, Link as v, ListboxItemized as x, vars as z };
+export type { BoxProps as B, DialogContentProps as D, ExcludeProps as E, HeadingProps as H, LonghandProps as J, LinkProps as L, TransitionProps as N, RecipeVariants as R, Sprinkles as S, TextProps as T, ButtonProps as a, ExtendProps as c, CalendarProps as d, ResponsiveArray as g, PopoverContentProps as h, InputControlProps as m, CheckboxProps as o, FlexProps as q, InputProps as s, InputRootProps as u, ListboxItemizedProps as w, PopoverTriggerProps as y };