\n {loading ? : children}\n \n \n )\n }\n)\n\nButtonRoot.displayName = DISPLAY_NAME\n\n/*\n----------------------------------------------------------------\nScope Definition\n----------------------------------------------------------------\n*/\n\nexport type ScopedProps = P & {\n __scopeButton?: Scope\n}\n\nconst [createButtonContext] = createContextScope(DISPLAY_NAME)\n\nexport const [ButtonProvider, useButtonContext]: readonly [\n ProviderType,\n (consumerName: string, scope: Scope) => ButtonContext,\n] = createButtonContext(DISPLAY_NAME)\n\n/*\n----------------------------------------------------------------\nComposition Export\n----------------------------------------------------------------\n*/\n\nexport const Button = {\n Root: ButtonRoot,\n Icon: ButtonIcon,\n}\n","import { type VariantProps, createTV } from 'tailwind-variants'\n\nexport const tv = createTV({\n twMergeConfig: {\n extend: {\n classGroups: {\n 'font-size': [\n {\n text: ['threepulse', 'threeandhalfpulse'],\n },\n ],\n 'border-width': [\n {\n border: ['quarterpulse', 'halfpulse'],\n },\n ],\n '--tw-ring-inset': [\n {\n ring: ['none', 'quarterpulse', 'halfpulse'],\n },\n ],\n },\n },\n },\n})\n\nexport type { VariantProps }\n","import { tv } from '~/utils/tv'\n\nexport const buttonVariants = tv({\n base: `\n tracking inline-flex items-center justify-center gap-twopulse rounded-pill\n border-quarterpulse border-[transparent] font-bold font-rdmodern text-threeandhalfpulse truncate`,\n variants: {\n variant: {\n 'brand-primary': `bg-action-fill-brand-primary-enabled text-text-neutral-inverse\n enabled:active:bg-action-fill-brand-primary-pressed enabled:hover:bg-action-fill-brand-primary-hovered`,\n 'neutral-secondary': `border-action-border-neutral-secondary-enabled bg-action-fill-neutral-secondary-enabled text-text-neutral\n enabled:active:border-action-border-neutral-secondary-pressed enabled:active:bg-action-fill-neutral-secondary-pressed enabled:hover:bg-action-fill-neutral-secondary-hovered`,\n 'neutral-tertiary': `border-action-border-neutral-tertiary-enabled bg-action-fill-neutral-tertiary-enabled text-text-neutral\n enabled:active:bg-action-fill-neutral-tertiary-pressed enabled:hover:bg-action-fill-neutral-tertiary-hovered`,\n },\n size: {\n md: 'h-medium min-w-medium px-fourpulse text-threepulse leading-medium',\n ml: 'h-mediumlarge min-w-mediumlarge px-fourpulse leading-small',\n lg: 'h-large min-w-large px-fivepulse leading-small',\n xl: 'h-extralarge min-w-extralarge px-sixpulse leading-small',\n },\n disabled: {\n true: 'cursor-not-allowed text-text-neutral-disabled outline-none',\n false:\n 'outline-action-border-focused outline-offset-4 focus-visible:outline-1',\n },\n full: {\n true: 'w-full',\n },\n asIconOnly: {\n true: 'aspect-square px-none',\n },\n },\n compoundVariants: [\n {\n variant: 'brand-primary',\n disabled: true,\n class:\n 'border-action-border-brand-primary-disabled bg-action-fill-brand-primary-disabled',\n },\n {\n variant: 'neutral-secondary',\n disabled: true,\n class:\n 'border-action-border-neutral-secondary-disabled bg-action-fill-neutral-secondary-disabled',\n },\n {\n variant: 'neutral-tertiary',\n disabled: true,\n class:\n 'border-action-fill-neutral-tertiary-disabled bg-action-fill-neutral-tertiary-enabled',\n },\n ],\n\n defaultVariants: {\n variant: 'brand-primary',\n size: 'ml',\n },\n})\n","import {\n DROGASIL_TOKENS,\n GLOBALS_TOKENS,\n PRIME_TOKENS,\n RAIA_TOKENS,\n RDSAUDESISTEMAS_TOKENS,\n SUBSCRIPTION_TOKENS,\n} from '@raiadrogasil/pulso-design-tokens'\n\nimport { useContext } from 'react'\n\nimport { ThemeContext } from '~/components/theme-provider/theme-provider'\n\nexport function useTheme() {\n const { currentTheme } = useContext(ThemeContext)\n\n const themes = {\n rdsaudesistemas: RDSAUDESISTEMAS_TOKENS,\n drogasil: DROGASIL_TOKENS,\n raia: RAIA_TOKENS,\n subscription: SUBSCRIPTION_TOKENS,\n prime: PRIME_TOKENS,\n }\n\n return {\n ...themes[currentTheme],\n ...GLOBALS_TOKENS,\n }\n}\n","import { createContext, useEffect } from 'react'\n\nimport type { Themes } from '@raiadrogasil/pulso-design-tokens'\n\ntype TThemeContextData = {\n currentTheme: Themes\n}\n\ninterface IThemeProviderProps {\n children: React.ReactNode\n theme: Themes\n}\n\nexport const ThemeContext = createContext({} as TThemeContextData)\n\nexport function ThemeProvider({ children, theme }: IThemeProviderProps) {\n useEffect(() => {\n if (theme && document) {\n document?.documentElement?.classList?.add(theme)\n }\n\n return () => {\n document?.documentElement?.classList?.remove(theme)\n }\n }, [theme])\n\n return (\n \n {children}\n \n )\n}\n","import type { TIconColors } from '../icon.types'\n\nimport { useTheme } from '~/hooks/use-theme'\n\nexport function getColorIcon(color: keyof TIconColors) {\n const theme = useTheme()\n const allTokens = Object.keys(theme)\n\n const colorTokens = allTokens.reduce((acc, tokenKey) => {\n if (tokenKey.includes('color')) {\n const colorToken = tokenKey as keyof TIconColors\n acc[colorToken] = theme[colorToken]\n }\n\n return acc\n }, {} as TIconColors)\n\n return colorTokens[color]\n}\n","export const getIconSize = {\n tiny: 'var(--sizing-tiny)',\n 'extra-small': 'var(--sizing-extrasmall)',\n small: 'var(--sizing-small)',\n medium: 'var(--sizing-medium)',\n}\n","import type { TIconProps } from './icon.types'\n\nimport { getColorIcon } from './utils/get-icon-color'\nimport { getIconSize } from './utils/get-icon-size'\n\nexport function Icon({\n symbol = 'rdicon-default',\n size = 'small',\n color = 'colorActionFillBrandPrimaryEnabled',\n ...props\n}: TIconProps) {\n const symbolName = symbol.replace('rdicon', '').trim()\n\n return (\n \n )\n}\n\nexport type { TIconProps }\n","import { type ScopedProps, useButtonContext } from '../button'\nimport type { ButtonSizes, ButtonVariants } from '../button.types'\n\nimport { Icon, type TIconProps } from '~/components/icon'\n\ntype ButtonIconProps = Pick\n\nexport function ButtonIcon(props: ButtonIconProps) {\n const { __scopeButton, ...rest } = props as ScopedProps\n\n const { variant, size, disabled } = useButtonContext(\n 'ButtonIcon',\n __scopeButton\n )\n\n const iconColorMapper: Record = {\n 'brand-primary': 'colorTextNeutralInverse',\n 'neutral-secondary': 'colorTextNeutralDefault',\n 'neutral-tertiary': 'colorTextNeutralDefault',\n } as const\n\n const iconSizeMapper: Record = {\n md: 'extra-small',\n ml: 'small',\n lg: 'small',\n xl: 'small',\n } as const\n\n return (\n \n )\n}\n","import { useTheme } from '~/hooks/use-theme'\n\nimport type { TRefreshColor } from '../refresh.types'\n\nexport function getRefreshColor(color: TRefreshColor) {\n const theme = useTheme()\n\n const colors = {\n brand: theme.colorActionFillBrandPrimaryEnabled,\n neutral: theme.colorTextNeutralReadonly,\n black: theme.colorTextNeutralDefault,\n white: theme.colorTextNeutralInverse,\n } as Record\n\n return colors[color]\n}\n","import type { TRefreshProps } from './refresh.types'\n\nimport { getRefreshColor } from './utils/get-refresh-color'\n\nexport function Refresh({ color = 'brand', srText }: TRefreshProps) {\n return (\n \n \n \n )\n}\n\nexport type { TRefreshProps }\n","import { type ScopedProps, useButtonContext } from '../button'\n\nimport { Refresh, type TRefreshProps } from '~/components/refresh'\nimport type { ButtonVariants } from '../button.types'\n\ntype ButtonRefreshProps = Pick\n\nexport function ButtonRefresh(props: ButtonRefreshProps) {\n const { __scopeButton, ...rest } = props as ScopedProps\n\n const { variant } = useButtonContext('ButtonRefresh', __scopeButton)\n\n const refreshColorMapper = {\n 'brand-primary': 'white',\n 'neutral-secondary': 'neutral',\n 'neutral-tertiary': 'black',\n } as Record\n\n return \n}\n","import React from 'react'\n\nimport { ButtonIcon } from '../components/button-icon'\n\nexport function isIconOnly(children: React.ReactNode) {\n if (React.Children.count(children) === 1 && React.isValidElement(children)) {\n return children.type === ButtonIcon\n }\n\n return false\n}\n","import { Button } from '../../../button'\n\ntype OptionMenuFooterProps = {\n controls: {\n type: 'cancel' | 'confirm'\n label: string\n handler(): void\n }[]\n testID?: string\n}\n\nexport const Footer = ({ controls, testID }: OptionMenuFooterProps) => {\n return (\n \n {controls.slice(0, 2).map((control, idx) => {\n const btnVariant =\n control.type === 'confirm' ? 'brand-primary' : 'neutral-tertiary'\n\n return (\n \n {control.label}\n \n )\n })}\n \n )\n}\n","import { Divider } from './components/divider'\nimport { Footer } from './components/footer'\nimport type { OptionMenuProps } from './option-menu.types'\n\nimport { type Scope, createContextScope } from '@radix-ui/react-context'\nimport React from 'react'\nimport { Group } from './components/group'\nimport { Item } from './components/item'\nimport { List } from './components/list'\n\ntype OptionMenuContext = Pick\n\nconst DISPLAY_NAME = 'OptionMenu'\n\nconst Root = (props: OptionMenuProps) => {\n const {\n type,\n children,\n customEmptyMessage = 'Não foi encontrado nenhum resultado.',\n testID,\n __scopeOptionMenu,\n } = props as ScopedProps\n\n const renderChildren = React.Children.map(children, child => {\n if (\n React.isValidElement(child) &&\n (child.type === List || child.type === Footer)\n ) {\n return child\n }\n })\n\n return (\n \n \n {React.Children.count(children) > 0 ? (\n
{renderChildren}
\n ) : (\n
\n
\n {customEmptyMessage}\n
\n
\n )}\n
= P & {\n __scopeOptionMenu?: Scope\n}\n\nconst [createOptionMenuContext] = createContextScope(DISPLAY_NAME)\n\nexport const [OptionMenuProvider, useOptionMenuContext]: readonly [\n ProviderType,\n (consumerName: string, scope: Scope) => OptionMenuContext,\n] = createOptionMenuContext(DISPLAY_NAME)\n\n/*\n----------------------------------------------------------------\nComposition Export\n----------------------------------------------------------------\n*/\n\nexport const OptionMenu = {\n Root,\n Footer,\n Divider,\n Item,\n List,\n Group,\n}\n","import type React from 'react'\nimport { Divider } from '../divider'\n\ntype GroupProps = {\n children: React.ReactNode\n title?: string\n}\n\nexport function Group({ children, title }: GroupProps) {\n const hasTitle = !!title?.length\n\n return (\n \n
\n
\n {hasTitle && (\n
\n {title}\n
\n )}\n \n {children}\n
\n {type === 'multi' && (\n
\n \n
\n )}\n\n {hasPrefixIcon && (\n
\n )}\n\n
\n
\n {content.label}\n \n {hasDescription && (\n \n {truncateLabel(content.description)}\n \n )}\n \n\n {type === 'single' && checked && (\n
\n )}\n