UNPKG

@rdsaude/pulso-react-components

Version:

Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.

962 lines (937 loc) 50.2 kB
export { Accordion, AccordionContentProps, AccordionProps } from './components/accordion/index.js'; export { Button } from './components/button/index.js'; import { B as ButtonRootProps } from './button-root-BYIIM3Zt.js'; export { ButtonBadge, ButtonBadgeProps } from './components/button-badge/index.js'; export { Checkbox, TCheckboxProps } from './components/checkbox/index.js'; export { a as Icon, I as IconProps } from './index-BM7eEaSf.js'; export { InputSelect, InputSelectProps } from './components/input-select/index.js'; export { InputText } from './components/input-text/index.js'; export { I as InputTextProps } from './input-text.types-BERcFR4R.js'; export { Link } from './components/link/index.js'; export { L as LinkProps } from './link.types-DOUx4yLR.js'; export { OptionMenu, OptionMenuProps } from './components/option-menu/index.js'; export { Pagination, PaginationProps } from './components/pagination/index.js'; export { Radio, RadioContext, TRadioGroupProps, TRadioProps } from './components/radio/index.js'; import * as react_jsx_runtime from 'react/jsx-runtime'; export { Select, SelectProps } from './components/select/index.js'; import * as React$1 from 'react'; import React__default, { InputHTMLAttributes, HTMLAttributes } from 'react'; import { Themes } from '@raiadrogasil/pulso-design-tokens'; export { CardShape, CardShapeProps } from './components/card-shape/index.js'; export { Switch, SwitchProps } from './components/switch/index.js'; export { Chips, ChipsContext, ChipsMultipleProps, ChipsProps } from './components/chips/index.js'; export { Modal, ModalProps } from './components/modal/index.js'; export { ProgressIndicator, ProgressIndicatorProps } from './components/progress-indicator/index.js'; export { Toast, ToastProps } from './components/toast/index.js'; export { Snackbar, SnackbarProps } from './components/snackbar/index.js'; export { Tag } from './components/tag/index.js'; import { T as TagProps } from './tag.types-Cnjrtd38.js'; export { CardInformative, CardInformativeProps } from './components/card-informative/index.js'; export { Stepper, StepperProps } from './components/stepper/index.js'; export { Content, ContentProps } from './components/content/index.js'; import * as _raiadrogasil_pulso_icons from '@raiadrogasil/pulso-icons'; import { T as TIconProps } from './deprecated-C8F8FhFr.js'; export { a as TIconColors } from './deprecated-C8F8FhFr.js'; export { InputMultiSelect, InputMultiSelectProps } from './components/input-multi-select/index.js'; import * as tailwind_variants from 'tailwind-variants'; import { VariantProps } from 'tailwind-variants'; import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js'; import { I as IRatingProps } from './index-C8yjdA90.js'; export { A as ActionProps, D as DISPLAY_NAME, b as ProductCard, P as ProductCardProps, a as ProductCardProvider, u as useProductCardContext } from './index-C8yjdA90.js'; export { InputCounter } from './components/input-counter/index.js'; export { T as TInputCounterProps } from './input-counter.types-DcRlbuku.js'; import * as PrimitiveDialog from '@radix-ui/react-dialog'; import { Drawer } from 'vaul'; export { ProductHeader, ProductHeaderProps } from './components/product-header/index.js'; import { ark } from '@ark-ui/react/factory'; export { Logo, LogoProps, LogoSize } from './components/logo/index.js'; export { Popover, PopoverProps } from './components/popover/index.js'; export { InputPassword, InputPasswordProps } from './components/input-password/index.js'; export { Tooltip, TooltipProps } from './components/tooltip/index.js'; export { IconDualColor } from './components/icon-dual-color/index.js'; export { I as IconDualColorProps } from './icon-dual-color-root-DRgqGAVt.js'; export { Coachmark, CoachmarkProps } from './components/coachmark/index.js'; export { useTour as useCoachmarkTour } from '@ark-ui/react/tour'; import './button-icon-CspAf62T.js'; import '@ark-ui/react'; import 'tailwind-merge'; import '@radix-ui/react-context'; import './index-cBvwHuJq.js'; import '@radix-ui/react-switch'; import '@ark-ui/react/popover'; import '@ark-ui/react/password-input'; import '@ark-ui/react/field'; import '@ark-ui/react/tooltip'; /** * @deprecated Este tipo será removido em versões futuras. * Use `RefreshColor` no lugar de `TRefreshColor`. * * Tipo que define as cores disponíveis para o componente Refresh. */ type TRefreshColor = 'brand' | 'neutral' | 'black' | 'white'; /** * @deprecated Esta tipagem será substituída por uma versão mais adequada. * Use `RefreshProps` no lugar de `TRefreshProps`. * * Propriedades do componente Refresh. */ type TRefreshProps = { /** * @deprecated Use `RefreshProps.color` diretamente. * Define a cor do componente com base no tema. */ color?: TRefreshColor; /** * @deprecated Use `RefreshProps.srText` diretamente. * Texto acessível para leitores de tela. */ srText?: string; }; /** * Conjunto de opções de cor disponíveis para o componente Refresh. */ type RefreshColor = 'brand' | 'neutral' | 'black' | 'white'; /** * Propriedades do componente Refresh. */ type RefreshProps = { /** * Define a cor do ícone de carregamento com base nos tokens do tema. * - `brand`: usa a cor primária da marca. * - `neutral`: usa um tom neutro de leitura. * - `black`: usa a cor padrão para texto. * - `white`: usa a cor inversa (geralmente branco). * * @default "brand" */ color?: RefreshColor; /** * Texto alternativo para acessibilidade (leitores de tela). * É renderizado como `aria-label` e como conteúdo do elemento `<title>` do SVG. */ srText?: string; }; /** * Componente de ícone animado de carregamento, com suporte a temas e acessibilidade. */ declare function Refresh({ color, srText }: RefreshProps): react_jsx_runtime.JSX.Element; declare const ThemeContext: React$1.Context<{ currentTheme: Themes; }>; type ThemeProviderProps = { children: React$1.ReactNode; theme?: Themes; }; declare function ThemeProvider({ children, theme, }: ThemeProviderProps): react_jsx_runtime.JSX.Element; /** * Representa as props para o componente. */ interface SearchBarProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> { /** * Mudança no input ao digitar. */ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void; /** * Placeholder. */ placeholder?: string; /** * Ação do botão buscar. */ handleSearch: () => void; /** * Ação do botão Clear. */ handleClear: () => void; /** * Variante do tamanho do componente */ size?: 'md' | 'ml' | 'lg'; /** * Parametro para testes */ datatestid?: string; } type SearchBarContext = SearchBarProps & {}; declare const SearchBar: { Root: React$1.ForwardRefExoticComponent<SearchBarProps & React$1.RefAttributes<HTMLInputElement>>; }; type BaseCardCategoryProps = HTMLAttributes<HTMLDivElement> & TIconProps & { /** * Os componentes filhos a serem renderizados dentro do CardCategory. */ children?: React.ReactNode; /** * Propriedade para identificar o componente nos testes. */ testID?: string; /** * Define se o componente está desabilitado. */ disabled?: boolean; /** * Propriedade para definir a função de clique no componente. */ onClick?: () => void; /** * Propriedade para definir o contexto do componente. */ context?: 'brand' | 'neutral'; }; type CardCategoryWithOrientation = BaseCardCategoryProps & { context?: 'brand' | 'neutral'; /** * Define a orientação dos componentes filhos. */ orientation: 'vertical' | 'horizontal'; }; type CardCategoryWithoutOrientation = BaseCardCategoryProps & { context?: undefined; orientation?: never; }; type CardCategoryProps = CardCategoryWithOrientation | CardCategoryWithoutOrientation; declare const CardCategory: { Root: (props: CardCategoryProps) => react_jsx_runtime.JSX.Element; Icon: (props: TIconProps) => react_jsx_runtime.JSX.Element; Label: (props: { symbol?: _raiadrogasil_pulso_icons.IconName | undefined; children?: React__default.ReactNode | undefined; slot?: string | undefined; style?: React__default.CSSProperties | undefined; title?: string | undefined; "aria-hidden"?: (boolean | "true" | "false") | undefined; defaultChecked?: boolean | undefined; defaultValue?: string | number | readonly string[] | undefined; suppressContentEditableWarning?: boolean | undefined; suppressHydrationWarning?: boolean | undefined; accessKey?: string | undefined; autoFocus?: boolean | undefined; className?: string | undefined; contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined; contextMenu?: string | undefined; dir?: string | undefined; draggable?: (boolean | "true" | "false") | undefined; hidden?: boolean | undefined; id?: string | undefined; lang?: string | undefined; nonce?: string | undefined; spellCheck?: (boolean | "true" | "false") | undefined; tabIndex?: number | undefined; translate?: "yes" | "no" | undefined; radioGroup?: string | undefined; role?: React__default.AriaRole | undefined; about?: string | undefined; content?: string | undefined; datatype?: string | undefined; inlist?: any; prefix?: string | undefined; property?: string | undefined; rel?: string | undefined; resource?: string | undefined; rev?: string | undefined; typeof?: string | undefined; vocab?: string | undefined; autoCapitalize?: string | undefined; autoCorrect?: string | undefined; autoSave?: string | undefined; color?: "colorFillNeutralDefault" | "colorFillNeutralAlternative" | "colorFillNeutralFallback" | "colorFillInformativeDefault" | "colorFillInformativeAlternative" | "colorFillSuccessDefault" | "colorFillSuccessAlternative" | "colorFillWarningDefault" | "colorFillWarningAlternative" | "colorFillDangerDefault" | "colorFillDangerAlternative" | "colorBorderNeutralDefault" | "colorBorderNeutralAlternative" | "colorBorderInformativeDefault" | "colorBorderInformativeAlternative" | "colorBorderSuccessDefault" | "colorBorderSuccessAlternative" | "colorBorderWarningDefault" | "colorBorderWarningAlternative" | "colorBorderDangerDefault" | "colorBorderDangerAlternative" | "colorTextNeutralDefault" | "colorTextNeutralAlternative" | "colorTextNeutralPlaceholder" | "colorTextNeutralReadonly" | "colorTextNeutralDisabled" | "colorTextNeutralInverse" | "colorTextInformativeDefault" | "colorTextInformativeAlternative" | "colorTextSuccessDefault" | "colorTextSuccessAlternative" | "colorTextWarningDefault" | "colorTextWarningAlternative" | "colorTextDangerDefault" | "colorTextDangerAlternative" | "colorTextFastdeliveryDefault" | "colorTextEvaluateDefault" | "colorActionFillBrandPrimaryEnabled" | "colorActionFillBrandPrimaryHovered" | "colorActionFillBrandPrimaryPressed" | "colorActionFillBrandPrimaryActivated" | "colorActionFillBrandPrimaryDisabled" | "colorActionFillNeutralSecondaryEnabled" | "colorActionFillNeutralSecondaryHovered" | "colorActionFillNeutralSecondaryPressed" | "colorActionFillNeutralSecondaryActivated" | "colorActionFillNeutralSecondaryDisabled" | "colorActionFillNeutralTertiaryEnabled" | "colorActionFillNeutralTertiaryHovered" | "colorActionFillNeutralTertiaryPressed" | "colorActionFillNeutralTertiaryActivated" | "colorActionFillNeutralTertiaryDisabled" | "colorActionFillNeutralTertiaryReadonly" | "colorActionFillOnbrandEnabled" | "colorActionFillOnbrandHovered" | "colorActionFillOnbrandPressed" | "colorActionFillOnbrandActivated" | "colorActionFillOnbrandDisabled" | "colorActionFillEmphasisEnabled" | "colorActionFillEmphasisHovered" | "colorActionFillEmphasisPressed" | "colorActionFillEmphasisActivated" | "colorActionFillEmphasisDisabled" | "colorActionBorderFocused" | "colorActionBorderBrandPrimaryEnabled" | "colorActionBorderBrandPrimaryHovered" | "colorActionBorderBrandPrimaryPressed" | "colorActionBorderBrandPrimaryActivated" | "colorActionBorderBrandPrimaryDisabled" | "colorActionBorderNeutralSecondaryEnabled" | "colorActionBorderNeutralSecondaryHovered" | "colorActionBorderNeutralSecondaryPressed" | "colorActionBorderNeutralSecondaryActivated" | "colorActionBorderNeutralSecondaryDisabled" | "colorActionBorderNeutralTertiaryEnabled" | "colorActionBorderNeutralTertiaryHovered" | "colorActionBorderNeutralTertiaryPressed" | "colorActionBorderNeutralTertiaryActivated" | "colorActionBorderNeutralTertiaryDisabled" | "colorActionBorderNeutralTertiaryReadonly" | "colorActionBorderOnbrandEnabled" | "colorActionBorderOnbrandHovered" | "colorActionBorderOnbrandPressed" | "colorActionBorderOnbrandActivated" | "colorActionBorderOnbrandDisabled" | "colorActionBorderEmphasisEnabled" | "colorActionBorderEmphasisHovered" | "colorActionBorderEmphasisPressed" | "colorActionBorderEmphasisActivated" | "colorActionBorderEmphasisDisabled" | "colorActionTextOnbrandDefault" | "colorActionTextOnbrandHovered" | "colorActionTextOnbrandPressed" | "colorActionTextOnbrandActivated" | "colorActionTextNeutralDeactivated" | "colorActionTextNeutralHovered" | "colorActionTextNeutralPressed" | "colorActionTextNeutralDisabled" | "colorNone" | "colorFormsFillDefault" | "colorFormsFillHovered" | "colorFormsFillFocused" | "colorFormsFillFilled" | "colorFormsFillError" | "colorFormsFillDisabled" | "colorFormsFillReadonly" | "colorFormsBorderDefault" | "colorFormsBorderHovered" | "colorFormsBorderFocused" | "colorFormsBorderFilled" | "colorFormsBorderError" | "colorFormsBorderDisabled" | "colorFormsBorderReadonly" | "colorContainerFillDefault" | "colorContainerFillHovered" | "colorContainerFillPressed" | "colorContainerFillFocused" | "colorContainerFillError" | "colorContainerFillDisabled" | "colorContainerFillReadonly" | "colorContainerBorderDefault" | "colorContainerBorderHovered" | "colorContainerBorderPressed" | "colorContainerBorderFocused" | "colorContainerBorderError" | "colorContainerBorderDisabled" | "colorContainerBorderReadonly" | "colorBrowsingFillOnbrandEnabled" | "colorBrowsingFillOnbrandHovered" | "colorBrowsingFillOnbrandPressed" | "colorBrowsingFillOnbrandActivated" | "colorBrowsingFillOnbrandDisabled" | "colorBrowsingBorderOnbrandEnabled" | "colorBrowsingBorderOnbrandHovered" | "colorBrowsingBorderOnbrandPressed" | "colorBrowsingBorderOnbrandActivated" | "colorBrowsingBorderOnbrandDisabled" | "colorBrowsingTextDefault" | "colorBrowsingTextHovered" | "colorBrowsingTextPressed" | "colorBrowsingTextActivated" | "colorBrowsingTextDisabled" | "colorLabelingFillOnsaleDefault" | "colorLabelingFillPrincipalDefault" | "colorLabelingFillSecondaryDefault" | "colorLabelingFillClubeDefault" | "colorLabelingFillAssinaturaDefault" | "colorLabelingFillRefrigerateDefault" | "colorLabelingFillPrescriptionDefault" | "colorLabelingFillGenericoDefault" | "colorLabelingFillReferenciaDefault" | "colorLabelingFillSimilarDefault" | "colorLabelingFillStixDefault" | "colorLabelingTextOnsaleDefault" | "colorLabelingTextPrincipalDefault" | "colorLabelingTextSecondaryDefault" | "colorLabelingTextClubeDefault" | "colorLabelingTextAssinaturaDefault" | "colorLabelingTextRefrigerateDefault" | "colorLabelingTextPrescriptionDefault" | "colorLabelingTextGenericoDefault" | "colorLabelingTextReferenciaDefault" | "colorLabelingTextSimilarDefault" | "colorLabelingTextStixDefault" | undefined; itemProp?: string | undefined; itemScope?: boolean | undefined; itemType?: string | undefined; itemID?: string | undefined; itemRef?: string | undefined; results?: number | undefined; security?: string | undefined; unselectable?: "on" | "off" | undefined; inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined; is?: string | undefined; "aria-activedescendant"?: string | undefined; "aria-atomic"?: (boolean | "true" | "false") | undefined; "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined; "aria-braillelabel"?: string | undefined; "aria-brailleroledescription"?: string | undefined; "aria-busy"?: (boolean | "true" | "false") | undefined; "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined; "aria-colcount"?: number | undefined; "aria-colindex"?: number | undefined; "aria-colindextext"?: string | undefined; "aria-colspan"?: number | undefined; "aria-controls"?: string | undefined; "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined; "aria-describedby"?: string | undefined; "aria-description"?: string | undefined; "aria-details"?: string | undefined; "aria-disabled"?: (boolean | "true" | "false") | undefined; "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined; "aria-errormessage"?: string | undefined; "aria-expanded"?: (boolean | "true" | "false") | undefined; "aria-flowto"?: string | undefined; "aria-grabbed"?: (boolean | "true" | "false") | undefined; "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined; "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined; "aria-keyshortcuts"?: string | undefined; "aria-label"?: string | undefined; "aria-labelledby"?: string | undefined; "aria-level"?: number | undefined; "aria-live"?: "off" | "assertive" | "polite" | undefined; "aria-modal"?: (boolean | "true" | "false") | undefined; "aria-multiline"?: (boolean | "true" | "false") | undefined; "aria-multiselectable"?: (boolean | "true" | "false") | undefined; "aria-orientation"?: "horizontal" | "vertical" | undefined; "aria-owns"?: string | undefined; "aria-placeholder"?: string | undefined; "aria-posinset"?: number | undefined; "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined; "aria-readonly"?: (boolean | "true" | "false") | undefined; "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined; "aria-required"?: (boolean | "true" | "false") | undefined; "aria-roledescription"?: string | undefined; "aria-rowcount"?: number | undefined; "aria-rowindex"?: number | undefined; "aria-rowindextext"?: string | undefined; "aria-rowspan"?: number | undefined; "aria-selected"?: (boolean | "true" | "false") | undefined; "aria-setsize"?: number | undefined; "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined; "aria-valuemax"?: number | undefined; "aria-valuemin"?: number | undefined; "aria-valuenow"?: number | undefined; "aria-valuetext"?: string | undefined; dangerouslySetInnerHTML?: { __html: string | TrustedHTML; } | undefined; onCopy?: React__default.ClipboardEventHandler<HTMLDivElement> | undefined; onCopyCapture?: React__default.ClipboardEventHandler<HTMLDivElement> | undefined; onCut?: React__default.ClipboardEventHandler<HTMLDivElement> | undefined; onCutCapture?: React__default.ClipboardEventHandler<HTMLDivElement> | undefined; onPaste?: React__default.ClipboardEventHandler<HTMLDivElement> | undefined; onPasteCapture?: React__default.ClipboardEventHandler<HTMLDivElement> | undefined; onCompositionEnd?: React__default.CompositionEventHandler<HTMLDivElement> | undefined; onCompositionEndCapture?: React__default.CompositionEventHandler<HTMLDivElement> | undefined; onCompositionStart?: React__default.CompositionEventHandler<HTMLDivElement> | undefined; onCompositionStartCapture?: React__default.CompositionEventHandler<HTMLDivElement> | undefined; onCompositionUpdate?: React__default.CompositionEventHandler<HTMLDivElement> | undefined; onCompositionUpdateCapture?: React__default.CompositionEventHandler<HTMLDivElement> | undefined; onFocus?: React__default.FocusEventHandler<HTMLDivElement> | undefined; onFocusCapture?: React__default.FocusEventHandler<HTMLDivElement> | undefined; onBlur?: React__default.FocusEventHandler<HTMLDivElement> | undefined; onBlurCapture?: React__default.FocusEventHandler<HTMLDivElement> | undefined; onChange?: React__default.FormEventHandler<HTMLDivElement> | undefined; onChangeCapture?: React__default.FormEventHandler<HTMLDivElement> | undefined; onBeforeInput?: React__default.FormEventHandler<HTMLDivElement> | undefined; onBeforeInputCapture?: React__default.FormEventHandler<HTMLDivElement> | undefined; onInput?: React__default.FormEventHandler<HTMLDivElement> | undefined; onInputCapture?: React__default.FormEventHandler<HTMLDivElement> | undefined; onReset?: React__default.FormEventHandler<HTMLDivElement> | undefined; onResetCapture?: React__default.FormEventHandler<HTMLDivElement> | undefined; onSubmit?: React__default.FormEventHandler<HTMLDivElement> | undefined; onSubmitCapture?: React__default.FormEventHandler<HTMLDivElement> | undefined; onInvalid?: React__default.FormEventHandler<HTMLDivElement> | undefined; onInvalidCapture?: React__default.FormEventHandler<HTMLDivElement> | undefined; onLoad?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onLoadCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onError?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onErrorCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onKeyDown?: React__default.KeyboardEventHandler<HTMLDivElement> | undefined; onKeyDownCapture?: React__default.KeyboardEventHandler<HTMLDivElement> | undefined; onKeyPress?: React__default.KeyboardEventHandler<HTMLDivElement> | undefined; onKeyPressCapture?: React__default.KeyboardEventHandler<HTMLDivElement> | undefined; onKeyUp?: React__default.KeyboardEventHandler<HTMLDivElement> | undefined; onKeyUpCapture?: React__default.KeyboardEventHandler<HTMLDivElement> | undefined; onAbort?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onAbortCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onCanPlay?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onCanPlayCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onCanPlayThrough?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onCanPlayThroughCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onDurationChange?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onDurationChangeCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onEmptied?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onEmptiedCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onEncrypted?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onEncryptedCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onEnded?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onEndedCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onLoadedData?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onLoadedDataCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onLoadedMetadata?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onLoadedMetadataCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onLoadStart?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onLoadStartCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onPause?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onPauseCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onPlay?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onPlayCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onPlaying?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onPlayingCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onProgress?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onProgressCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onRateChange?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onRateChangeCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onResize?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onResizeCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onSeeked?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onSeekedCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onSeeking?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onSeekingCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onStalled?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onStalledCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onSuspend?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onSuspendCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onTimeUpdate?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onTimeUpdateCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onVolumeChange?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onVolumeChangeCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onWaiting?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onWaitingCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onAuxClick?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onAuxClickCapture?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onClick?: (React__default.MouseEventHandler<HTMLDivElement> & (() => void)) | undefined; onClickCapture?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onContextMenu?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onContextMenuCapture?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onDoubleClick?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onDoubleClickCapture?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onDrag?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragCapture?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragEnd?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragEndCapture?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragEnter?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragEnterCapture?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragExit?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragExitCapture?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragLeave?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragLeaveCapture?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragOver?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragOverCapture?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragStart?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDragStartCapture?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDrop?: React__default.DragEventHandler<HTMLDivElement> | undefined; onDropCapture?: React__default.DragEventHandler<HTMLDivElement> | undefined; onMouseDown?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseDownCapture?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseEnter?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseLeave?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseMove?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseMoveCapture?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseOut?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseOutCapture?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseOver?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseOverCapture?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseUp?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onMouseUpCapture?: React__default.MouseEventHandler<HTMLDivElement> | undefined; onSelect?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onSelectCapture?: React__default.ReactEventHandler<HTMLDivElement> | undefined; onTouchCancel?: React__default.TouchEventHandler<HTMLDivElement> | undefined; onTouchCancelCapture?: React__default.TouchEventHandler<HTMLDivElement> | undefined; onTouchEnd?: React__default.TouchEventHandler<HTMLDivElement> | undefined; onTouchEndCapture?: React__default.TouchEventHandler<HTMLDivElement> | undefined; onTouchMove?: React__default.TouchEventHandler<HTMLDivElement> | undefined; onTouchMoveCapture?: React__default.TouchEventHandler<HTMLDivElement> | undefined; onTouchStart?: React__default.TouchEventHandler<HTMLDivElement> | undefined; onTouchStartCapture?: React__default.TouchEventHandler<HTMLDivElement> | undefined; onPointerDown?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerDownCapture?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerMove?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerMoveCapture?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerUp?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerUpCapture?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerCancel?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerCancelCapture?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerEnter?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerLeave?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerOver?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerOverCapture?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerOut?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onPointerOutCapture?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onGotPointerCapture?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onGotPointerCaptureCapture?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onLostPointerCapture?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onLostPointerCaptureCapture?: React__default.PointerEventHandler<HTMLDivElement> | undefined; onScroll?: React__default.UIEventHandler<HTMLDivElement> | undefined; onScrollCapture?: React__default.UIEventHandler<HTMLDivElement> | undefined; onWheel?: React__default.WheelEventHandler<HTMLDivElement> | undefined; onWheelCapture?: React__default.WheelEventHandler<HTMLDivElement> | undefined; onAnimationStart?: React__default.AnimationEventHandler<HTMLDivElement> | undefined; onAnimationStartCapture?: React__default.AnimationEventHandler<HTMLDivElement> | undefined; onAnimationEnd?: React__default.AnimationEventHandler<HTMLDivElement> | undefined; onAnimationEndCapture?: React__default.AnimationEventHandler<HTMLDivElement> | undefined; onAnimationIteration?: React__default.AnimationEventHandler<HTMLDivElement> | undefined; onAnimationIterationCapture?: React__default.AnimationEventHandler<HTMLDivElement> | undefined; onTransitionEnd?: React__default.TransitionEventHandler<HTMLDivElement> | undefined; onTransitionEndCapture?: React__default.TransitionEventHandler<HTMLDivElement> | undefined; size?: ("tiny" | "extra-small" | "small" | "medium") | undefined; disabled?: boolean | undefined; testID?: string | undefined; context?: ("brand" | "neutral") | undefined; }) => react_jsx_runtime.JSX.Element; }; type BigNumberProps = React.ComponentPropsWithRef<'h1'> & VariantProps<typeof bigNumberVariants> & { asChild?: boolean; }; declare const bigNumberVariants: tailwind_variants.TVReturnType<{ variant: { 'large-bold': string; 'default-bold': string; 'small-bold': string; }; }, undefined, "font-bold font-sans leading-tiny tracking-normal no-underline", { responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | { variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined; } | undefined; } & tailwind_variants_dist_config_js.TWMConfig & { twMerge: true; twMergeConfig: { extend: { classGroups: { 'font-size': { text: string[]; }[]; 'border-width': { border: string[]; }[]; '--tw-ring-inset': { ring: string[]; }[]; }; }; }; }, { variant: { 'large-bold': string; 'default-bold': string; 'small-bold': string; }; }, undefined, tailwind_variants.TVReturnType<{ variant: { 'large-bold': string; 'default-bold': string; 'small-bold': string; }; }, undefined, "font-bold font-sans leading-tiny tracking-normal no-underline", tailwind_variants_dist_config_js.TVConfig<{ variant: { 'large-bold': string; 'default-bold': string; 'small-bold': string; }; }, { variant: { 'large-bold': string; 'default-bold': string; 'small-bold': string; }; }>, unknown, unknown, undefined>>; declare function BigNumber({ variant, asChild, ...props }: BigNumberProps): react_jsx_runtime.JSX.Element; type BodyProps = React.ComponentPropsWithRef<'p'> & VariantProps<typeof bodyVariants> & { asChild?: boolean; }; declare const bodyVariants: tailwind_variants.TVReturnType<{ variant: { 'default-bold': null; 'underline-bold': null; 'default-semibold': null; 'underline-semibold': null; 'default-regular': string; }; }, undefined, "font-sans text-threeandhalfpulse/small tracking-normal no-underline", { responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | { variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined; } | undefined; } & tailwind_variants_dist_config_js.TWMConfig & { twMerge: true; twMergeConfig: { extend: { classGroups: { 'font-size': { text: string[]; }[]; 'border-width': { border: string[]; }[]; '--tw-ring-inset': { ring: string[]; }[]; }; }; }; }, { variant: { 'default-bold': null; 'underline-bold': null; 'default-semibold': null; 'underline-semibold': null; 'default-regular': string; }; }, undefined, tailwind_variants.TVReturnType<{ variant: { 'default-bold': null; 'underline-bold': null; 'default-semibold': null; 'underline-semibold': null; 'default-regular': string; }; }, undefined, "font-sans text-threeandhalfpulse/small tracking-normal no-underline", tailwind_variants_dist_config_js.TVConfig<{ variant: { 'default-bold': null; 'underline-bold': null; 'default-semibold': null; 'underline-semibold': null; 'default-regular': string; }; }, { variant: { 'default-bold': null; 'underline-bold': null; 'default-semibold': null; 'underline-semibold': null; 'default-regular': string; }; }>, unknown, unknown, undefined>>; declare function Body({ variant, asChild, ...props }: BodyProps): react_jsx_runtime.JSX.Element; type CaptionProps = React.ComponentPropsWithRef<'caption'> & VariantProps<typeof captionVariants> & { asChild?: boolean; }; declare const captionVariants: tailwind_variants.TVReturnType<{ variant: { 'default-bold': null; 'underline-bold': null; 'default-semibold': null; 'underline-semibold': null; }; }, undefined, "inline font-sans text-threepulse/medium tracking-normal no-underline", { responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | { variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined; } | undefined; } & tailwind_variants_dist_config_js.TWMConfig & { twMerge: true; twMergeConfig: { extend: { classGroups: { 'font-size': { text: string[]; }[]; 'border-width': { border: string[]; }[]; '--tw-ring-inset': { ring: string[]; }[]; }; }; }; }, { variant: { 'default-bold': null; 'underline-bold': null; 'default-semibold': null; 'underline-semibold': null; }; }, undefined, tailwind_variants.TVReturnType<{ variant: { 'default-bold': null; 'underline-bold': null; 'default-semibold': null; 'underline-semibold': null; }; }, undefined, "inline font-sans text-threepulse/medium tracking-normal no-underline", tailwind_variants_dist_config_js.TVConfig<{ variant: { 'default-bold': null; 'underline-bold': null; 'default-semibold': null; 'underline-semibold': null; }; }, { variant: { 'default-bold': null; 'underline-bold': null; 'default-semibold': null; 'underline-semibold': null; }; }>, unknown, unknown, undefined>>; declare function Caption({ variant, asChild, ...props }: CaptionProps): react_jsx_runtime.JSX.Element; type SubtitleProps = React.ComponentPropsWithRef<'h3'> & VariantProps<typeof subtitleVariants> & { asChild?: boolean; }; declare const subtitleVariants: tailwind_variants.TVReturnType<{ variant: { 'default-bold': string; 'underline-bold': string; 'default-regular': string; }; }, undefined, "font-sans text-fourpulse/small tracking-normal", { responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | { variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined; } | undefined; } & tailwind_variants_dist_config_js.TWMConfig & { twMerge: true; twMergeConfig: { extend: { classGroups: { 'font-size': { text: string[]; }[]; 'border-width': { border: string[]; }[]; '--tw-ring-inset': { ring: string[]; }[]; }; }; }; }, { variant: { 'default-bold': string; 'underline-bold': string; 'default-regular': string; }; }, undefined, tailwind_variants.TVReturnType<{ variant: { 'default-bold': string; 'underline-bold': string; 'default-regular': string; }; }, undefined, "font-sans text-fourpulse/small tracking-normal", tailwind_variants_dist_config_js.TVConfig<{ variant: { 'default-bold': string; 'underline-bold': string; 'default-regular': string; }; }, { variant: { 'default-bold': string; 'underline-bold': string; 'default-regular': string; }; }>, unknown, unknown, undefined>>; declare function Subtitle({ variant, asChild, ...props }: SubtitleProps): react_jsx_runtime.JSX.Element; type TitleProps = React.ComponentPropsWithRef<'h2'> & VariantProps<typeof titleVariants> & { asChild?: boolean; }; declare const titleVariants: tailwind_variants.TVReturnType<{ variant: { 'large-bold': string; 'default-bold': string; 'small-bold': string; }; }, undefined, "font-bold font-sans leading-tiny tracking-normal no-underline", { responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | { variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined; } | undefined; } & tailwind_variants_dist_config_js.TWMConfig & { twMerge: true; twMergeConfig: { extend: { classGroups: { 'font-size': { text: string[]; }[]; 'border-width': { border: string[]; }[]; '--tw-ring-inset': { ring: string[]; }[]; }; }; }; }, { variant: { 'large-bold': string; 'default-bold': string; 'small-bold': string; }; }, undefined, tailwind_variants.TVReturnType<{ variant: { 'large-bold': string; 'default-bold': string; 'small-bold': string; }; }, undefined, "font-bold font-sans leading-tiny tracking-normal no-underline", tailwind_variants_dist_config_js.TVConfig<{ variant: { 'large-bold': string; 'default-bold': string; 'small-bold': string; }; }, { variant: { 'large-bold': string; 'default-bold': string; 'small-bold': string; }; }>, unknown, unknown, undefined>>; declare function Title({ variant, asChild, ...props }: TitleProps): react_jsx_runtime.JSX.Element; declare const Typography: { BigNumber: typeof BigNumber; Title: typeof Title; Subtitle: typeof Subtitle; Body: typeof Body; Caption: typeof Caption; }; declare const Rating: ({ size, value, ratingLimit, onClick, ...rest }: IRatingProps) => react_jsx_runtime.JSX.Element; type SideSheetContentProps = React.ComponentPropsWithRef<typeof PrimitiveDialog.Content> & { showOverlay?: boolean; }; declare function SideSheetContent({ showOverlay, ...props }: SideSheetContentProps): react_jsx_runtime.JSX.Element; type RightActionButton$1 = ButtonRootProps & { icon?: TIconProps['symbol']; hidden?: boolean; }; type SideSheetHeaderProps$1 = { title: string; description?: string; showBackButton?: boolean; onBackButton?(): void; rightActionButton?: RightActionButton$1; }; declare function SideSheetHeader({ title, description, showBackButton, onBackButton, rightActionButton, }: SideSheetHeaderProps$1): react_jsx_runtime.JSX.Element; type SideSheetProps = React.ComponentPropsWithRef<typeof PrimitiveDialog.Root>; declare const SideSheet: { Root: (props: SideSheetProps) => react_jsx_runtime.JSX.Element; Trigger: (props: React.ComponentPropsWithRef<typeof PrimitiveDialog.Trigger>) => react_jsx_runtime.JSX.Element; Content: typeof SideSheetContent; Header: typeof SideSheetHeader; Close: (props: React.ComponentPropsWithRef<typeof PrimitiveDialog.Close>) => react_jsx_runtime.JSX.Element; }; type BottomSheetContentProps = React.ComponentPropsWithRef<typeof Drawer.Content> & { showOverlay?: boolean; }; declare function BottomSheetContent({ children, showOverlay, ...props }: BottomSheetContentProps): react_jsx_runtime.JSX.Element; type RightActionButton = ButtonRootProps & { icon?: TIconProps['symbol']; hidden?: boolean; }; type SideSheetHeaderProps = { title: string; description?: string; iconBackButton?: TIconProps['symbol']; showBackButton?: boolean; onBackButton?(): void; rightActionButton?: RightActionButton; }; declare function BottomSheetHeader({ title, description, iconBackButton, showBackButton, onBackButton, rightActionButton, }: SideSheetHeaderProps): react_jsx_runtime.JSX.Element; type BottomSheetProps = React.ComponentPropsWithRef<typeof Drawer.Root>; declare function BottomSheetRoot(props: React.ComponentPropsWithRef<typeof Drawer.Root>): react_jsx_runtime.JSX.Element; declare function BottomSheetTrigger(props: React.ComponentPropsWithRef<typeof Drawer.Trigger>): react_jsx_runtime.JSX.Element; declare function BottomSheetClose(props: React.ComponentPropsWithRef<typeof Drawer.Close>): react_jsx_runtime.JSX.Element; declare const BottomSheet: { Root: typeof BottomSheetRoot; Trigger: typeof BottomSheetTrigger; Content: typeof BottomSheetContent; Header: typeof BottomSheetHeader; Close: typeof BottomSheetClose; }; type ListItemProps = React$1.ComponentProps<'a'> & { /** * Título principal do item. Geralmente representa o nome do recurso ou entidade. */ title: string; /** * Elemento HTML utilizado para renderizar o título. * Exemplo: `h2`, `span`, `p`, entre outros. * Útil para controle semântico do título. */ titleAs?: keyof React$1.JSX.IntrinsicElements; /** * Descrição opcional exibida abaixo do título. * Pode conter detalhes adicionais sobre o item. */ description?: string; /** * Desabilita o item visualmente e semanticamente. * Quando `true`, o item se torna inativo e sem interação. */ disabled?: boolean; /** * Objeto que representa uma tag de status relacionada ao item. */ tag?: { /** * Variante visual da tag. Define o estilo aplicado. */ variant?: Extract<TagProps['variants'], 'principal' | 'secondary'>; /** * Texto exibido dentro da tag. */ label: string; }; /** * Quando `true`, exibe uma linha separadora abaixo do item. */ showSeparator?: boolean; /** * Ícone exibido à esquerda do título. * Deve ser um símbolo válido utilizado pelo componente Icon. */ leftIcon?: TIconProps['symbol']; /** * Quando `true`, renderiza o componente como um slot via `@radix-ui/react-slot`, * permitindo controle externo sobre o elemento raiz. */ asChild?: boolean; /** * Propriedades adicionais repassadas ao elemento `<li>` que envolve o item. */ rootProps?: React$1.ComponentProps<'li'>; }; declare function ListItem({ children, title, titleAs: TitleComponent, description, disabled, tag, leftIcon, showSeparator, asChild, rootProps, ...props }: ListItemProps): react_jsx_runtime.JSX.Element; declare const labelStyles: tailwind_variants.TVReturnType<{ size: { md: string; ml: null; lg: null; xl: null; }; }, undefined, string[], { responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | { size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined; } | undefined; } & tailwind_variants_dist_config_js.TWMConfig & { twMerge: true; twMergeConfig: { extend: { classGroups: { 'font-size': { text: string[]; }[]; 'border-width': { border: string[]; }[]; '--tw-ring-inset': { ring: string[]; }[]; }; }; }; }, { size: { md: string; ml: null; lg: null; xl: null; }; }, undefined, tailwind_variants.TVReturnType<{ size: { md: string; ml: null; lg: null; xl: null; }; }, undefined, string[], tailwind_variants_dist_config_js.TVConfig<{ size: { md: string; ml: null; lg: null; xl: null; }; }, { size: { md: string; ml: null; lg: null; xl: null; }; }>, unknown, unknown, undefined>>; type LabelProps = React.ComponentProps<typeof ark.span> & VariantProps<typeof labelStyles>; declare function Label({ className, size, ...props }: LabelProps): react_jsx_runtime.JSX.Element; export { type BigNumberProps, type BodyProps, BottomSheet, type BottomSheetProps, ButtonRootProps as ButtonProps, type CaptionProps, CardCategory, type CardCategoryProps, IRatingProps, Label, type LabelProps, ListItem, type ListItemProps, Rating, Refresh, type RefreshColor, type RefreshProps, SearchBar, type SearchBarContext, type SearchBarProps, SideSheet, type SideSheetProps, type SubtitleProps, TIconProps