import * as React from 'react'; import * as Slct from '@radix-ui/react-select'; import { baseComponentProps } from '../@shared/types'; import type { SelectContentVariantProps } from './select.styles'; import { StyledSelectRoot, StyledSelectTrigger, StyledSelectIcon, StyledSelectArrow, StyledSelectContent, StyledSelectScrollUpButton, StyledSelectScrollDownButton, StyledSelectViewport, StyledSelectPortal, StyledSelectItem, StyledSelectItemText, StyledSelectItemIndicator, StyledSelectSeparator, StyledSelectLabel, StyledSelectGroup } from './select.styles'; /** * * * * root. */ type SPrimitiveProps = baseComponentProps & React.ComponentPropsWithRef; type SProps = SPrimitiveProps; /*************************************************************** * * * * trigger.value. * + * trigger.icon. * * here we're going to pass the Select[Value] & Select[Icon] * to the Select[Trigger] component. I'm inferring that Select[Trigger] * will need to be a flex.div. Select[Value] should receive no styling, * in order to ensure proper placement. * */ type SValuePrimitiveProps = React.ComponentPropsWithRef & React.RefAttributes; type SValueProps = SValuePrimitiveProps; declare const SelectValueComponent: React.ForwardRefExoticComponent & React.RefAttributes>; type SIconPrimitiveProps = baseComponentProps & React.ComponentPropsWithRef; type SIconProps = SIconPrimitiveProps; declare const SelectIconComponent: ({ css, ...rest }: SIconProps) => JSX.Element; /*************************************************************** /** * * * * * trigger. */ type STriggerPrimitiveProps = baseComponentProps & React.ComponentPropsWithRef & React.HTMLAttributes; type STriggerProps = STriggerPrimitiveProps; declare const SelectTriggerComponent: ({ children, asChild, css, ...rest }: STriggerProps) => JSX.Element; /*************************************************************** * * * * content. */ type SContentPrimitiveProps = baseComponentProps & SelectContentVariantProps & React.ComponentPropsWithRef & React.HTMLAttributes; type SContentProps = SContentPrimitiveProps; declare const SelectContentComponent: ({ children, asChild, onCloseAutoFocus, onEscapeKeyDown, onPointerDownOutside, position, side, sideOffset, align, alignOffset, avoidCollisions, collisionBoundary, collisionPadding, arrowPadding, sticky, hideWhenDetached, hasBlur, css, ...rest }: SContentProps) => JSX.Element; /*************************************************************** /** * * * * item. */ type SItemPrimitiveProps = baseComponentProps & React.ComponentPropsWithRef; type SItemProps = SItemPrimitiveProps; declare const SelectItemComponent: ({ children, asChild, disabled, textValue, css, ...rest }: SItemProps) => JSX.Element; export declare const Select: React.FC & { Trigger: typeof SelectTriggerComponent; Value: typeof SelectValueComponent; Content: typeof SelectContentComponent; Item: typeof SelectItemComponent; Icon: typeof SelectIconComponent; Viewport: typeof StyledSelectViewport; Portal: typeof StyledSelectPortal; ItemText: typeof StyledSelectItemText; Indicator: typeof StyledSelectItemIndicator; Separator: typeof StyledSelectSeparator; Label: typeof StyledSelectLabel; Group: typeof StyledSelectGroup; ScrollUpButton: typeof StyledSelectScrollUpButton; ScrollDownButton: typeof StyledSelectScrollDownButton; Arrow: typeof StyledSelectArrow; }; export type SelectProps = SProps; export type SelectTriggerProps = STriggerProps; export type SelectContentProps = SContentProps; export type SelectItemProps = SItemProps; export type SelectValueProps = SValueProps; export type SelectIconProps = SIconProps; export {}; //# sourceMappingURL=select.d.ts.map