@optiaxiom/react 0.5.2 → 0.5.4

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode, ReactElement, ElementType, ComponentPropsWithRef } from 'react';
-import { S as Sprinkles, B as BoxProps, E as ExtendProps, T as Transition } from './Link-kkRSxd5_.js';
-export { a as Box, L as Link, m as mapResponsiveValue, s as sprinkles } from './Link-kkRSxd5_.js';
+import { S as Sprinkles, B as BoxProps, E as ExtendProps, M as MenuListbox } from './PopoverContent-C6I-rB7-.js';
+export { a as Box, D as DialogContent, L as Link, P as PopoverContent, T as Transition, m as mapResponsiveValue, s as sprinkles } from './PopoverContent-C6I-rB7-.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';
@@ -13,11 +13,11 @@ import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import * as RadixHoverCard from '@radix-ui/react-hover-card';
+import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
+import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import * as RadixPopover from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
-import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
-import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import * as RadixToggle from '@radix-ui/react-toggle';
 
@@ -85,24 +85,12 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<Omit<Radix
     iconPosition?: "end" | "start";
 }, never> & react.RefAttributes<HTMLButtonElement>>;
 
-declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
-    restProps: Omit<S, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w">;
-    sprinkleProps: Pick<S, keyof S & ("borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w")>;
-};
-
-declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
-
-type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
-
-declare const content$3: (props?: {
+declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & {
     size?: "sm" | "md" | "lg" | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type DialogVariants$1 = RecipeVariants<typeof content$3>;
-
-type AlertDialogContentProps = BoxProps<typeof RadixAlertDialog.Content, NonNullable<DialogVariants$1>>;
-declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & react.RefAttributes<HTMLDivElement>>;
 
 declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -249,6 +237,15 @@ declare const BannerTitle: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<r
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
+    restProps: Omit<S, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w">;
+    sprinkleProps: Pick<S, keyof S & ("borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w")>;
+};
+
+declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
+
+type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
+
 declare const buttonBase: (props?: {
     iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
@@ -382,19 +379,6 @@ declare const TransitionGlobalConfig: {
     skipAnimations: boolean;
 };
 
-declare const content$2: (props?: {
-    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type DialogVariants = RecipeVariants<typeof content$2>;
-
-type DialogContentProps = BoxProps<typeof RadixDialog.Content, {
-    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
-    withCloseButton?: boolean;
-} & DialogVariants>;
-declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
 declare const DialogDescription: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -456,21 +440,18 @@ declare const DisclosureTrigger: react.ForwardRefExoticComponent<Omit<Omit<Radix
     chevronPosition?: "end" | "start";
 } & react.RefAttributes<HTMLButtonElement>>;
 
-declare const content$1: (props?: {
-    position?: "left" | "right" | "bottom" | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type DrawerVariants = RecipeVariants<typeof content$1>;
-
-type DrawerProps = BoxProps<typeof RadixDialog.Content, {
+declare const Drawer: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
     children: ReactNode;
     modal?: boolean;
     onClose: () => void;
     open?: boolean;
     withCloseButton?: boolean;
-} & DrawerVariants>;
-declare const Drawer: react.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & {
+    position?: "left" | "right" | "bottom" | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
 
 declare const DrawerBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -504,12 +485,9 @@ declare namespace DropdownMenu {
 declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Omit<{
-    enableExitAnimation?: boolean;
-} & {
-    minW?: "0" | "trigger" | undefined;
-    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
-}, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & {
+    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
+} & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuGroup: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -547,12 +525,9 @@ declare namespace DropdownMenuSub {
 declare const DropdownMenuSubContent: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSubContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & Omit<{
-    enableExitAnimation?: boolean;
-} & {
-    minW?: "0" | "trigger" | undefined;
-    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
-}, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & {
+    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
+} & react.RefAttributes<HTMLDivElement>>;
 
 declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixMenu.DropdownMenuSubTriggerProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
@@ -622,14 +597,6 @@ declare const mapLevelToTag: {
     readonly "5": "h5";
     readonly "6": "h6";
 };
-declare const mapTagToFontSize: {
-    readonly h1: "5xl";
-    readonly h2: "4xl";
-    readonly h3: "3xl";
-    readonly h4: "2xl";
-    readonly h5: "xl";
-    readonly h6: "md";
-};
 declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -637,10 +604,6 @@ declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedH
     lineClamp?: "1" | "2" | "4" | "3" | undefined;
     truncate?: boolean | undefined;
 }, never> & {
-    /**
-     * Control the visual size without changing the semantic tag.
-     */
-    appearance?: keyof typeof mapTagToFontSize;
     /**
      * Presets for each level of heading h1-h6.
      */
@@ -691,18 +654,62 @@ declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTM
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    addonPointerEvents?: "auto" | "none";
     disabled?: boolean;
     error?: boolean;
 } & {
     size?: "md" | "lg" | "2xl" | undefined;
 }, "size"> & {
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+} & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
     appearance?: "number" | "default" | undefined;
     size?: "md" | "lg" | "2xl" | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 
+declare const InputAddon: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const control: (props?: {
+    size?: "md" | "lg" | "2xl" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ControlVariants = RecipeVariants<typeof control>;
+
+type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<{
+    disabled?: boolean;
+    error?: boolean;
+} & ControlVariants, P>>;
+declare const InputControl: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className" | "disabled"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    disabled?: boolean;
+    error?: boolean;
+} & {
+    size?: "md" | "lg" | "2xl" | undefined;
+}, never> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+
+declare const InputRoot: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+
 declare const mapKeyToCode: {
     command: string;
     ctrl: string;
@@ -740,6 +747,111 @@ declare namespace layers_css {
   export { layers_css_axiom as axiom, layers_css_base as base, layers_css_components as components, layers_css_reset as reset };
 }
 
+declare const Listbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+} & {
+    intent?: "danger" | "neutral" | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ListboxEmpty: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ListboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ListboxGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+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<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+} & ItemVariants, P>>;
+declare const ListboxItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+} & {
+    intent?: "danger" | "neutral" | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ListboxItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    active?: boolean;
+} & react.RefAttributes<SVGSVGElement>>;
+
+declare const ListboxLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ListboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+} & {
+    intent?: "danger" | "neutral" | undefined;
+}, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ListboxScrollArea: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    orientation?: ("vertical" | "horizontal" | {
+        readonly base?: "vertical" | "horizontal" | undefined;
+        readonly sm?: "vertical" | "horizontal" | undefined;
+        readonly md?: "vertical" | "horizontal" | undefined;
+        readonly lg?: "vertical" | "horizontal" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
+} & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
 declare const MenuButton: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -779,7 +891,14 @@ declare const Pagination: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
     total: number;
 } & react.RefAttributes<HTMLElement>>;
 
-type PopoverProps = BoxProps<typeof RadixPopover.Root>;
+declare const Paper: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    elevation?: "dialog" | "menu" | "drawer" | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+
+type PopoverProps = ComponentPropsWithoutRef<typeof RadixPopover.Root>;
 declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
 declare namespace Popover {
     var displayName: string;
@@ -790,23 +909,6 @@ declare const PopoverAnchor: react.ForwardRefExoticComponent<Omit<Omit<RadixPopo
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
-declare const content: (props?: {
-    minW?: "0" | "trigger" | undefined;
-    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type ContentVariants = RecipeVariants<typeof content>;
-
-type ListboxBaseProps<T extends ElementType = "div", P = unknown> = BoxProps<T, ExtendProps<{
-    enableExitAnimation?: boolean;
-} & ContentVariants, P>>;
-
-type PopoverContentProps = ListboxBaseProps<typeof RadixPopover.Content, {
-    withArrow?: boolean;
-}>;
-declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
 declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -831,7 +933,9 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<Omit<RadixPop
 declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & {
+    intent?: "danger" | "primary" | "success" | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
 
 declare const Radio: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value"> & {
     onCheckedChange?: (checked: boolean) => void;
@@ -862,10 +966,12 @@ type SearchProps = {
 } & ComponentPropsWithRef<typeof Input>;
 declare const SearchInput: react.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-declare const SegmentedControl: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixSegmentedControl.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+declare const SegmentedControl: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupSingleProps & react.RefAttributes<HTMLDivElement>, "ref"> | Omit<RadixSegmentedControl.ToggleGroupMultipleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "type"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles, never> & {
+    type?: "multiple" | "single";
+} & react.RefAttributes<HTMLDivElement>>;
 
 declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<Omit<RadixSegmentedControl.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "color" | "className" | "asChild" | "disabled"> & Omit<{
     asChild?: boolean;
@@ -898,7 +1004,7 @@ declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_rea
         readonly md?: "vertical" | "horizontal" | undefined;
         readonly lg?: "vertical" | "horizontal" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & react.RefAttributes<HTMLHRElement>>;
+} & react.RefAttributes<HTMLDivElement>>;
 
 declare const Sidenav: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -1098,14 +1204,13 @@ declare const Textarea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<reac
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    addonPointerEvents?: "auto" | "none";
     disabled?: boolean;
     error?: boolean;
 } & {
     size?: "md" | "lg" | "2xl" | undefined;
 }, "size"> & {
+    addonAfter?: ReactNode;
+    addonBefore?: ReactNode;
     children?: never;
     /**
      * Limits the height of the textarea when `resize=auto` is used.
@@ -1113,7 +1218,15 @@ declare const Textarea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<reac
     maxRows?: ComponentPropsWithRef<typeof TextareaAutosize>["maxRows"];
     resize?: ComponentPropsWithRef<typeof TextareaAutosize>["resize"];
     size?: never;
-} & react.RefAttributes<HTMLTextAreaElement>>;
+} & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;
@@ -1218,4 +1331,4 @@ declare const TooltipContent: react.ForwardRefExoticComponent<Omit<Omit<RadixToo
 
 declare const TooltipTrigger: react.ForwardRefExoticComponent<Omit<RadixTooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, Kbd, MenuButton, Pagination, type PaginationProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavContent, SidenavFooter, SidenavHeader, SidenavItem, type SidenavItemProps, SidenavToggle, type SidenavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnimatePresence, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BannerDescription, BannerTitle, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerBody, DrawerFooter, DrawerTitle, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, Flex, Grid, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, MenuButton, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidenav, SidenavAccountItem, type SidenavAccountItemProps, SidenavContent, SidenavFooter, SidenavHeader, SidenavItem, type SidenavItemProps, SidenavToggle, type SidenavToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, extractSprinkles, layers_css as layers, sprinklesMerge };