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.

1 lines 55 kB
{"version":3,"sources":["../../../src/components/input-counter/index.ts","../../../src/components/input-counter/input-counter.tsx","../../../src/components/button/namespace.ts","../../../src/components/button/button-root.tsx","../../../src/hooks/use-enhanced-children.ts","../../../src/utils/inject-props-to-children.ts","../../../src/utils/cn.ts","../../../src/components/refresh/index.tsx","../../../src/hooks/use-theme.ts","../../../src/components/theme-provider/index.tsx","../../../src/utils/tv.ts","../../../src/components/button/button.styles.ts","../../../src/components/button/button-icon.tsx","../../../src/components/icon/index.tsx","../../../src/components/icon-dual-color/namespace.ts","../../../src/components/icon-dual-color/icon-dual-color-root.tsx","../../../src/components/icon-dual-color/icon-dual-color-top.tsx","../../../src/components/icon-dual-color/icon-dual-color-bottom.tsx","../../../src/components/button/button-icon-dual-color.tsx","../../../src/components/input-counter/components/input-counter-button/index.tsx","../../../src/components/input-counter/components/input-counter-control/input-counter-control.styles.ts","../../../src/components/input-counter/components/input-counter-control/index.tsx","../../../src/components/input-counter/components/input-counter-helpertext/index.tsx","../../../src/components/input-counter/components/input-counter-helpertext/input-counter-helpertext.styles.ts","../../../src/components/input-counter/components/input-counter-input/index.tsx","../../../src/components/input-counter/components/input-counter-input/input-counter-input.styles.ts","../../../src/components/input-counter/components/input-counter-label/input-counter-label.styles.ts","../../../src/components/input-counter/components/input-counter-label/index.tsx","../../../src/components/input-counter/input-counter.styles.ts"],"sourcesContent":["export { InputCounter } from './input-counter'\nexport type { TInputCounterProps } from './input-counter.types'\n","import { useState } from 'react'\n\nimport { type Scope, createContextScope } from '@radix-ui/react-context'\nimport {\n InputCounterDecrement,\n InputCounterIncrement,\n} from './components/input-counter-button'\nimport { InputCounterControl } from './components/input-counter-control'\nimport { InputCounterHelperText } from './components/input-counter-helpertext'\nimport { InputCounterInput } from './components/input-counter-input'\nimport { InputCounterLabel } from './components/input-counter-label'\nimport { InputCounterRootVariants } from './input-counter.styles'\nimport type {\n InputCounterContext,\n InputCounterScopedProps,\n TInputCounterProps,\n} from './input-counter.types'\n\nconst DISPLAY_NAME = 'InputCounterRoot'\n\nconst InputCounterRoot = (\n props: InputCounterScopedProps<TInputCounterProps>\n) => {\n const {\n size = 'ml',\n children,\n value,\n onValueChange,\n disabled,\n hasError,\n readOnly,\n __scopeInputCounter,\n } = props\n const [currentValue, setCurrentValue] = useState(value ?? 0)\n\n const componentsProps = {\n size: size,\n scope: __scopeInputCounter,\n setCurrentValue,\n currentValue,\n value,\n onValueChange,\n disabled,\n readOnly,\n hasError,\n }\n\n return (\n <InputCounterProvider {...componentsProps}>\n <div className={InputCounterRootVariants({})}>{children}</div>\n </InputCounterProvider>\n )\n}\n\nInputCounterRoot.displayName = DISPLAY_NAME\n\n/*\n----------------------------------------------------------------\nScope Definition\n----------------------------------------------------------------\n*/\n\nconst [createInputCounterContext] = createContextScope(DISPLAY_NAME)\n\nexport const [InputCounterProvider, useInputCounterContext]: readonly [\n ProviderType<InputCounterContext>,\n (consumerName: string, scope: Scope) => InputCounterContext,\n] = createInputCounterContext<InputCounterContext>(DISPLAY_NAME)\n\n/*\n----------------------------------------------------------------\nComposition Export\n----------------------------------------------------------------\n*/\n\nexport const InputCounter = {\n Root: InputCounterRoot,\n Decrement: InputCounterDecrement,\n Increment: InputCounterIncrement,\n Control: InputCounterControl,\n Input: InputCounterInput,\n Label: InputCounterLabel,\n HelperText: InputCounterHelperText,\n}\n","export { ButtonRoot as Root } from './button-root'\nexport { ButtonIcon as Icon } from './button-icon'\nexport { ButtonIconDualColor as IconDualColor } from './button-icon-dual-color'\n","import * as React from 'react'\n\nimport type { Assign } from '@ark-ui/react'\nimport { ark } from '@ark-ui/react/factory'\n\nimport { useEnhancedChildren } from '~/hooks/use-enhanced-children'\n\nimport { cn } from '~/utils/cn'\nimport type { VariantProps } from '~/utils/tv'\n\nimport { Refresh, type RefreshColor } from '~/components/refresh'\n\nimport { root as rootStyle } from './button.styles'\n\nexport type ButtonSharedProps = Omit<\n VariantProps<typeof rootStyle>,\n 'asIconOnly'\n> & {\n disabled?: boolean\n}\n\nexport type ButtonRootProps = Assign<\n React.ComponentProps<typeof ark.button>,\n ButtonSharedProps\n> & {\n loading?: boolean\n full?: boolean\n}\n\nexport function ButtonRoot({\n children,\n className,\n variant = 'brand-primary',\n size,\n disabled,\n loading,\n asChild,\n full,\n ...props\n}: ButtonRootProps) {\n const enhancedChildrenWithInjectProps = useEnhancedChildren(children, {\n targets: ['ButtonIcon', 'ButtonIconDualColor'],\n props: {\n variant,\n size,\n disabled,\n },\n asChild,\n })\n\n const shouldShowSpinner = !disabled && loading\n\n const refreshColorByVariant = {\n 'brand-primary': 'white',\n 'neutral-secondary': 'black',\n 'neutral-tertiary': 'black',\n } as Record<typeof variant, RefreshColor>\n\n const loadingAccessibilityProps = {\n 'aria-live': 'polite',\n 'aria-busy': true,\n } as const\n\n const isOnlyIcon = React.useCallback(() => {\n if (\n React.Children.count(children) === 1 &&\n React.isValidElement(children)\n ) {\n const displayName =\n (children.type as React.ComponentType)?.displayName ?? ''\n return ['ButtonIcon', 'ButtonIconDualColor'].includes(displayName)\n }\n\n return false\n }, [children])\n\n return (\n <ark.button\n {...props}\n {...(shouldShowSpinner && loadingAccessibilityProps)}\n className={cn(\n rootStyle({\n variant,\n size,\n asIconOnly: isOnlyIcon(),\n className: shouldShowSpinner && 'pointer-events-none',\n }),\n full && 'w-full',\n className\n )}\n disabled={disabled}\n data-scope=\"button\"\n >\n {shouldShowSpinner ? (\n <Refresh color={refreshColorByVariant[variant]} />\n ) : (\n enhancedChildrenWithInjectProps\n )}\n </ark.button>\n )\n}\n\nButtonRoot.displayName = 'ButtonRoot'\n","import * as React from 'react'\n\nimport { injectPropsToChildren } from '~/utils/inject-props-to-children'\n\nexport function useEnhancedChildren<T extends object>(\n children: React.ReactNode,\n {\n targets,\n props,\n asChild,\n }: {\n targets: string[]\n props: T\n asChild?: boolean\n }\n) {\n const keyPrefix = React.useId()\n\n return injectPropsToChildren(children, {\n targets,\n props,\n asChild,\n keyPrefix,\n })\n}\n","import * as React from 'react'\n\ntype InjectPropsToChildrenOptions<T = unknown> = {\n /**\n * List of component displayNames to match.\n * Props will only be injected into components matching these names.\n */\n targets: string[]\n\n /**\n * Props to inject into the matched components.\n */\n props: Partial<T>\n\n /**\n * Optional key prefix for cloned elements.\n */\n keyPrefix?: string\n\n /**\n * Whether to return only the first child (e.g. for Slot-like behavior).\n */\n asChild?: boolean\n}\n\n/**\n * Recursively injects props into React children whose displayName matches a list of target names.\n *\n * This is useful for compound component patterns where parent-level props need to reach\n * specific nested children without direct prop drilling.\n *\n * @param children - The children tree to traverse.\n * @param options - Match configuration and props to inject.\n * @returns The cloned React nodes with props injected into matching components.\n */\nexport function injectPropsToChildren<T = unknown>(\n children: React.ReactNode,\n options: InjectPropsToChildrenOptions<T>\n): React.ReactNode {\n const { targets, props, keyPrefix = 'inject', asChild } = options\n\n const cloned = React.Children.map(children, (child, index) => {\n if (!React.isValidElement(child)) return child\n\n const displayName = (child.type as React.ComponentType)?.displayName ?? ''\n const shouldInject = targets.includes(displayName)\n\n const childProps = child.props as {\n children?: React.ReactNode\n asChild?: boolean\n }\n\n return React.cloneElement(\n child,\n {\n ...(shouldInject ? props : {}),\n key: `${keyPrefix}-${index.toString()}`,\n },\n injectPropsToChildren(childProps?.children, {\n targets,\n props,\n keyPrefix,\n asChild: childProps?.asChild,\n })\n )\n })\n\n return asChild ? cloned?.[0] : cloned\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport const cn = (...input: ClassValue[]) => twMerge(clsx(...input))\n","import * as React from 'react'\n\nimport { useTheme } from '~/hooks/use-theme'\nimport { cn } from '~/utils/cn'\n\n/**\n * Conjunto de opções de cor disponíveis para o componente Refresh.\n */\nexport type RefreshColor = 'brand' | 'neutral' | 'black' | 'white'\n\n/**\n * Propriedades do componente Refresh.\n */\nexport type RefreshProps = {\n /**\n * Define a cor do ícone de carregamento com base nos tokens do tema.\n * - `brand`: usa a cor primária da marca.\n * - `neutral`: usa um tom neutro de leitura.\n * - `black`: usa a cor padrão para texto.\n * - `white`: usa a cor inversa (geralmente branco).\n *\n * @default \"brand\"\n */\n color?: RefreshColor\n\n /**\n * Texto alternativo para acessibilidade (leitores de tela).\n * É renderizado como `aria-label` e como conteúdo do elemento `<title>` do SVG.\n */\n srText?: string\n}\n\n/**\n * Componente de ícone animado de carregamento, com suporte a temas e acessibilidade.\n */\nexport function Refresh({ color = 'brand', srText }: RefreshProps) {\n const theme = useTheme()\n\n const colorMap = React.useMemo(() => {\n return {\n brand: theme.colorActionFillBrandPrimaryEnabled,\n neutral: theme.colorTextNeutralReadonly,\n black: theme.colorTextNeutralDefault,\n white: theme.colorTextNeutralInverse,\n }\n }, [theme])\n\n const fillColor = colorMap[color]\n\n return (\n <div\n role=\"status\"\n className={cn('grid size-8 place-items-center')}\n aria-label={srText}\n >\n <svg className={cn('size-6 animate-spin fill-none')} viewBox=\"0 0 24 24\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0v2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12H0z\"\n fill={fillColor}\n />\n <title>{srText}</title>\n </svg>\n </div>\n )\n}\n\nexport * from './deprecated'\n","import * as React from 'react'\n\nimport {\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 { ThemeContext } from '~/components/theme-provider'\n\ntype ThemeTokens = typeof RDSAUDESISTEMAS_TOKENS & typeof GLOBALS_TOKENS\n\nexport function useTheme(): ThemeTokens {\n const mappedTheme = React.useMemo(() => {\n return {\n rdsaudesistemas: RDSAUDESISTEMAS_TOKENS,\n drogasil: DROGASIL_TOKENS,\n raia: RAIA_TOKENS,\n subscription: SUBSCRIPTION_TOKENS,\n prime: PRIME_TOKENS,\n }\n }, [])\n\n const context = React.useContext(ThemeContext)\n\n if (!context) {\n throw new Error(\n '[Pulso] useTheme precisa estar dentro de um <ThemeProvider>. Verifique se o provedor está corretamente configurado na raiz da aplicação.'\n )\n }\n\n const { currentTheme } = context\n\n const result = {\n ...GLOBALS_TOKENS,\n ...mappedTheme[currentTheme],\n } as ThemeTokens\n\n return result\n}\n","import * as React from 'react'\n\nimport type { Themes } from '@raiadrogasil/pulso-design-tokens'\n\nexport const ThemeContext = React.createContext({\n currentTheme: 'rdsaudesistemas',\n} as {\n currentTheme: Themes\n})\n\ntype ThemeProviderProps = {\n children: React.ReactNode\n theme?: Themes\n}\n\nexport function ThemeProvider({\n children,\n theme = 'rdsaudesistemas',\n}: ThemeProviderProps) {\n if (typeof window !== 'undefined') {\n document.documentElement.setAttribute('class', theme)\n }\n\n return (\n <ThemeContext.Provider\n value={{\n currentTheme: theme,\n }}\n >\n {children}\n </ThemeContext.Provider>\n )\n}\n","import { type VariantProps, createTV } from 'tailwind-variants'\n\nexport const tv = createTV({\n twMerge: true,\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\nconst buttonStyles = tv({\n slots: {\n root: [\n 'inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap',\n 'gap-x-[var(--spacing-inline-twopulse)] rounded-full',\n 'outline-[var(--color-action-border-focused)] outline-offset-2',\n 'font-inherit font-bold tracking-[var(--letter-spacing-default)]',\n 'focus-visible:outline-2',\n 'disabled:cursor-not-allowed disabled:text-[var(--color-text-neutral-disabled)]',\n ],\n },\n variants: {\n variant: {\n 'brand-primary': {\n root: [\n 'bg-[var(--color-action-fill-brand-primary-enabled)]',\n 'text-[var(--color-text-neutral-inverse)]',\n 'enabled:hover:bg-[var(--color-action-fill-brand-primary-hovered)]',\n 'active:bg-[var(--color-action-fill-brand-primary-pressed)]',\n 'disabled:bg-[var(--color-action-fill-brand-primary-disabled)]',\n ],\n },\n 'neutral-secondary': {\n root: [\n 'ring-[var(--color-action-border-neutral-secondary-enabled)]',\n 'ring-[length:var(--border-width-quarterpulse)]',\n 'bg-[var(--color-action-fill-neutral-secondary-enabled)]',\n 'text-[var(--color-text-neutral-default)]',\n 'enabled:hover:ring-[var(--color-action-border-neutral-secondary-hovered)]',\n 'enabled:hover:bg-[var(--color-action-fill-neutral-secondary-hovered)]',\n 'active:ring-[var(--color-action-border-neutral-secondary-pressed)]',\n 'active:bg-[var(--color-action-fill-neutral-secondary-pressed)]',\n 'disabled:ring-[var(--color-action-border-neutral-secondary-disabled)]',\n 'disabled:bg-[var(--color-action-fill-neutral-secondary-disabled)]',\n ],\n },\n 'neutral-tertiary': {\n root: [\n 'ring-[var(--color-action-border-neutral-tertiary-enabled)]',\n 'ring-[length:var(--border-width-quarterpulse)]',\n 'bg-[var(--color-action-fill-neutral-tertiary-enabled)]',\n 'text-[var(--color-text-neutral-default)]',\n 'enabled:hover:ring-[var(--color-action-border-neutral-tertiary-hovered)]',\n 'enabled:hover:bg-[var(--color-action-fill-neutral-tertiary-hovered)]',\n 'active:ring-[var(--color-action-border-neutral-tertiary-pressed)]',\n 'active:bg-[var(--color-action-fill-neutral-tertiary-pressed)]',\n 'disabled:ring-[var(--color-action-border-neutral-tertiary-disabled)]',\n 'disabled:bg-[var(--color-action-fill-neutral-tertiary-disabled)]',\n ],\n },\n },\n size: {\n md: {\n root: [\n 'h-[var(--sizing-medium)] min-w-8 px-[var(--padding-inset-fourpulse)]',\n 'text-[length:var(--font-size-threepulse)]',\n 'leading-[var(--line-height-medium)]',\n ],\n },\n ml: {\n root: [\n 'h-[var(--sizing-mediumlarge)] min-w-10 px-[var(--padding-inset-fourpulse)]',\n ],\n },\n lg: {\n root: [\n 'h-[var(--sizing-large)] min-w-12 px-[var(--padding-inset-fivepulse)]',\n ],\n },\n xl: {\n root: [\n 'h-[var(--sizing-extralarge)] min-w-14 px-[var(--padding-inset-sixpulse)]',\n ],\n },\n },\n asIconOnly: {\n true: {\n root: 'aspect-square px-0',\n },\n },\n },\n compoundVariants: [\n {\n size: ['ml', 'lg'],\n class: {\n root: [\n 'text-[length:var(--font-size-threeandhalfpulse)]',\n 'leading-[var(--line-height-small)]',\n ],\n },\n },\n ],\n defaultVariants: {\n variant: 'brand-primary',\n size: 'ml',\n asIconOnly: false,\n },\n})\n\nexport const { root } = buttonStyles()\n","import { useMemo } from 'react'\nimport { Icon, type IconProps } from '~/components/icon'\nimport type { ButtonSharedProps } from './button-root'\n\ntype ButtonIconProps = Omit<ButtonSharedProps, 'asIconOnly'> & {\n iconColor?: IconProps['color']\n symbol?: IconProps['symbol']\n}\n\nexport function ButtonIcon({\n variant,\n size,\n disabled,\n iconColor,\n symbol,\n}: ButtonIconProps) {\n const sizeToIconSize: Record<\n NonNullable<ButtonSharedProps['size']>,\n IconProps['size']\n > = {\n md: 'extra-small',\n ml: 'small',\n lg: 'small',\n xl: 'small',\n }\n\n const variantToIconColor: Record<\n NonNullable<ButtonSharedProps['variant']>,\n IconProps['color']\n > = {\n 'brand-primary': 'colorTextNeutralInverse',\n 'neutral-secondary': 'colorTextNeutralDefault',\n 'neutral-tertiary': 'colorTextNeutralDefault',\n }\n\n const color = useMemo(() => {\n if (disabled) return 'colorTextNeutralDisabled'\n if (iconColor) return iconColor\n\n return variantToIconColor[variant!]\n }, [disabled, variant])\n\n const iconSize = sizeToIconSize[size!]\n\n return <Icon color={color} size={iconSize} symbol={symbol} />\n}\n\nButtonIcon.displayName = 'ButtonIcon'\n","import * as React from 'react'\n\nimport type { RDSAUDESISTEMAS_TOKENS } from '@raiadrogasil/pulso-design-tokens'\nimport type { IconName } from '@raiadrogasil/pulso-icons'\n\nimport { useTheme } from '~/hooks/use-theme'\n\ntype IconVisualSize = 'tiny' | 'extra-small' | 'small' | 'medium'\ntype DesignTokens = typeof RDSAUDESISTEMAS_TOKENS\n\ntype TokenColorKeys = {\n [K in keyof DesignTokens as K extends `color${string}`\n ? K\n : never]: DesignTokens[K]\n}\n\n/**\n * Propriedades do componente Icon.\n */\nexport type IconProps = React.ComponentProps<'i'> & {\n /**\n * Define o ícone a ser exibido, com base na lista de nomes disponíveis em `@raiadrogasil/pulso-icons`.\n *\n * @default 'rdicon-default'\n */\n symbol?: IconName\n\n /**\n * Define o tamanho visual do ícone, controlando o `font-size` com base nos tokens de espaçamento.\n *\n * Valores possíveis: 'tiny', 'extra-small', 'small', 'medium'.\n *\n * @default 'small'\n */\n size?: IconVisualSize\n\n /**\n * Define a cor do ícone usando uma chave de token de cor do design system.\n * A cor é aplicada via `style.color`.\n *\n * @default 'colorActionFillBrandPrimaryEnabled'\n */\n color?: keyof TokenColorKeys\n}\n\nexport function Icon({\n symbol = 'rdicon-default',\n size = 'small',\n color = 'colorActionFillBrandPrimaryEnabled',\n ...props\n}: IconProps) {\n const theme = useTheme()\n\n const resolvedFontSizes = React.useMemo(() => {\n return {\n tiny: theme.sizingTiny,\n 'extra-small': theme.sizingExtrasmall,\n small: theme.sizingSmall,\n medium: theme.sizingMedium,\n }\n }, [])\n\n return (\n <i\n {...props}\n className={symbol}\n style={{\n fontSize: resolvedFontSizes[size],\n color: theme[color],\n display: 'inline-flex',\n }}\n />\n )\n}\n\nIcon.displayName = 'Icon'\n\nexport * from './deprecated'\n","export { IconDualColorRoot as Root } from './icon-dual-color-root'\nexport { IconDualColorTop as Top } from './icon-dual-color-top'\nexport { IconDualColorBottom as Bottom } from './icon-dual-color-bottom'\n","import { ark } from '@ark-ui/react/factory'\nimport { useEnhancedChildren } from '~/hooks/use-enhanced-children'\nimport type { IconProps } from '../icon'\n\nexport type IconDualColorRootProps = Omit<\n React.ComponentPropsWithRef<'div'>,\n 'className'\n> &\n Pick<IconProps, 'size'> & {\n /**\n * Quando `true`, renderiza o componente como um slot via `@radix-ui/react-slot`,\n * permitindo controle externo sobre o elemento raiz.\n */\n asChild?: boolean\n /**\n * Define se o componente está desabilitado.\n * Quando `true`, o componente não pode ser interagido.\n */\n disabled?: boolean\n }\n\nexport function IconDualColorRoot({\n children,\n size = 'small',\n disabled = false,\n asChild,\n ...props\n}: IconDualColorRootProps) {\n const enhancedChildrenWithInjectProps = useEnhancedChildren(children, {\n targets: ['IconDualColorTop', 'IconDualColorBottom'],\n props: {\n size,\n disabled,\n },\n asChild,\n })\n\n return (\n <ark.div\n data-testid=\"icon-dual-color-root\"\n aria-label=\"Ícones\"\n aria-disabled={disabled}\n asChild={asChild}\n {...props}\n className=\"relative flex [&>[data-icon=top]]:absolute\"\n >\n {enhancedChildrenWithInjectProps}\n </ark.div>\n )\n}\n\nIconDualColorRoot.displayName = 'IconDualColorRoot'\n","import { Icon, type IconProps } from '../icon'\n\ntype IconDualColorTopProps = Omit<IconProps, 'size'>\n\nexport function IconDualColorTop({\n children,\n color = 'colorActionTextOnbrandDefault',\n // @ts-expect-error size prop is taken from IconDualColorRoot\n size,\n // @ts-expect-error disabled prop is taken from IconDualColorRoot\n disabled,\n ...props\n}: IconDualColorTopProps) {\n const iconColor = disabled ? 'colorTextNeutralDisabled' : color\n\n return (\n <Icon\n data-testid=\"icon-dual-color-top\"\n data-icon=\"top\"\n data-size={size}\n color={iconColor}\n size={size}\n {...props}\n >\n {children}\n </Icon>\n )\n}\n\nIconDualColorTop.displayName = 'IconDualColorTop'\n","import { Icon, type IconProps } from '../icon'\n\ntype IconDualColorBottomProps = Omit<IconProps, 'size'>\n\nexport function IconDualColorBottom({\n children,\n color = 'colorTextNeutralDefault',\n // @ts-expect-error size prop is taken from IconDualColorRoot\n size,\n // @ts-expect-error disabled prop is taken from IconDualColorRoot\n disabled,\n ...props\n}: IconDualColorBottomProps) {\n const iconColor = disabled ? 'colorTextNeutralDisabled' : color\n\n return (\n <Icon\n data-testid=\"icon-dual-color-bottom\"\n data-icon=\"bottom\"\n data-size={size}\n color={iconColor}\n size={size}\n {...props}\n >\n {children}\n </Icon>\n )\n}\n\nIconDualColorBottom.displayName = 'IconDualColorBottom'\n","import type { Assign } from '@ark-ui/react'\nimport type { IconProps } from '../icon'\nimport { IconDualColor, type IconDualColorProps } from '../icon-dual-color'\nimport type { ButtonSharedProps } from './button-root'\n\ntype ButtonIconDualColorProps = Assign<\n IconDualColorProps,\n Omit<ButtonSharedProps, 'asIconOnly'>\n>\n\nexport function ButtonIconDualColor({\n size = 'ml',\n ...props\n}: ButtonIconDualColorProps) {\n const sizeToIconSize: Record<\n NonNullable<ButtonSharedProps['size']>,\n IconProps['size']\n > = {\n md: 'extra-small',\n ml: 'small',\n lg: 'small',\n xl: 'small',\n }\n\n return <IconDualColor.Root {...props} size={sizeToIconSize[size]} />\n}\n\nButtonIconDualColor.displayName = 'ButtonIconDualColor'\n","import type { IconName } from '@raiadrogasil/pulso-icons'\nimport { Button, type ButtonProps } from '~/components/button'\nimport { useInputCounterContext } from '../../input-counter'\nimport type {\n InputCounterScopedProps,\n TInputCounterProps,\n} from '../../input-counter.types'\n\ntype InputCounterButtonProps = Omit<\n ButtonProps,\n 'variant' | 'size' | 'children'\n> & {\n symbol?: IconName\n}\nconst InputCounterButton = (props: InputCounterButtonProps) => {\n const { symbol, __scopeInputCounter } =\n props as InputCounterScopedProps<InputCounterButtonProps>\n\n const { size } = useInputCounterContext(\n 'InputCounterButton',\n __scopeInputCounter\n )\n\n const mapSizeToButtonSize = (size: TInputCounterProps['size']) => {\n const sizeMap: Record<\n NonNullable<ButtonProps['size']>,\n 'md' | 'ml' | 'lg' | 'xl'\n > = {\n md: 'md',\n ml: 'md',\n lg: 'ml',\n xl: 'ml',\n }\n\n return sizeMap[size]\n }\n\n return (\n <Button.Root\n {...props}\n variant=\"neutral-tertiary\"\n size={mapSizeToButtonSize(size || 'md')}\n >\n <Button.Icon symbol={symbol} />\n </Button.Root>\n )\n}\n\nexport const InputCounterDecrement = (props: InputCounterButtonProps) => {\n const { __scopeInputCounter, onClick } =\n props as InputCounterScopedProps<InputCounterButtonProps>\n\n const { setCurrentValue, currentValue, disabled, readOnly } =\n useInputCounterContext('InputCounterButton', __scopeInputCounter)\n\n return (\n <InputCounterButton\n {...props}\n symbol={currentValue === 1 ? 'rdicon-delete' : 'rdicon-minus'}\n tabIndex={0}\n onClick={event => {\n if (currentValue > 0) {\n setCurrentValue(currentValue - 1)\n }\n onClick?.(event)\n }}\n disabled={disabled || readOnly || currentValue === 0}\n />\n )\n}\nexport const InputCounterIncrement = (props: InputCounterButtonProps) => {\n const { __scopeInputCounter, onClick } =\n props as InputCounterScopedProps<InputCounterButtonProps>\n\n const { setCurrentValue, currentValue, disabled, readOnly } =\n useInputCounterContext('InputCounterButton', __scopeInputCounter)\n\n return (\n <InputCounterButton\n {...props}\n symbol={'rdicon-plus'}\n tabIndex={0}\n onClick={event => {\n if (currentValue >= 0 && currentValue < 999) {\n setCurrentValue(currentValue + 1)\n }\n onClick?.(event)\n }}\n disabled={disabled || readOnly || currentValue === 999}\n />\n )\n}\n","import { tv } from '~/utils/tv'\n\nexport const InputCounterControlVariants = tv({\n base: [\n `grid grid-cols-[auto_1fr_auto] place-content-center w-full gap-onepulse duration-100 ease-in overflow-hidden\n bg-[var(--color-forms-fill-default)]\n has-[:placeholder-shown]:bg-forms-fill\n has-[:placeholder-shown]:border-transparent\n has-[:placeholder-shown]:border-none\n has-[:focus-within]:has-[:placeholder-shown]:bg-forms-fill-focused\n `,\n ],\n variants: {\n size: {\n md: 'h-medium rounded-form px-threepulse',\n ml: 'h-mediumlarge rounded-form px-threepulse',\n lg: 'h-large rounded-form px-threepulse',\n xl: 'h-extralarge rounded-largecontainer px-threepulse',\n },\n readOnly: {\n true: `\n cursor-not-allowed\n has-[:placeholder-shown]:bg-forms-fill-readonly\n has-[:placeholder-shown]:ring-forms-border-readonly\n has-[:placeholder-shown]:ring-quarterpulse\n `,\n },\n disabled: {\n true: `\n cursor-not-allowed\n has-[:placeholder-shown]:bg-forms-fill-disabled\n has-[:placeholder-shown]:ring-forms-border-disabled\n has-[:placeholder-shown]:ring-quarterpulse\n `,\n },\n hasFilled: {\n true: '',\n },\n hasError: {\n true: `\n has-[:placeholder-shown]:ring-forms-border-error\n has-[:placeholder-shown]:ring-quarterpulse\n has-[:placeholder-shown]:hover:ring-halfpulse\n `,\n },\n },\n compoundVariants: [\n {\n hasError: false,\n hasFilled: true,\n readOnly: false,\n disabled: false,\n class: `\n [&:not(:focus-within)]:bg-forms-fill-filled\n [&:not(:focus-within)]:border-forms-border-filled\n [&:not(:focus-within)]:border-quarterpulse\n [&:not(:focus-within)]:hover:border-halfpulse\n `,\n },\n {\n hasError: false,\n readOnly: false,\n disabled: false,\n class: `\n has-[:focus-within]:ring-action-border-focused\n has-[:focus-within]:ring-halfpulse\n has-[:focus-within]:bg-forms-fill-focused\n [&:not(:focus-within)]:has-[:placeholder-shown]:hover:bg-forms-fill-hovered\n [&:not(:focus-within)]:has-[:placeholder-shown]:hover:border-forms-border-hovered\n\n `,\n },\n {\n hasError: true,\n hasFilled: true,\n readOnly: false,\n disabled: false,\n class: `\n has-[:not(:placeholder-shown)]:ring-forms-border-error\n has-[:not(:placeholder-shown)]:bg-forms-fill-error\n has-[:not(:placeholder-shown)]:ring-quarterpulse\n has-[:not(:placeholder-shown)]:hover:ring-halfpulse\n has-[:not(:placeholder-shown)]:border-none\n `,\n },\n {\n hasError: false,\n hasFilled: true,\n readOnly: false,\n disabled: true,\n class: `\n has-[:not(:placeholder-shown)]:ring-forms-border-disabled\n has-[:not(:placeholder-shown)]:bg-forms-fill-disabled\n has-[:not(:placeholder-shown)]:ring-quarterpulse\n has-[:not(:placeholder-shown)]:border-none\n `,\n },\n {\n hasError: false,\n hasFilled: true,\n readOnly: true,\n disabled: false,\n class: `\n has-[:not(:placeholder-shown)]:ring-forms-border-readonly\n has-[:not(:placeholder-shown)]:bg-forms-fill-readonly\n has-[:not(:placeholder-shown)]:ring-quarterpulse\n has-[:not(:placeholder-shown)]:border-none\n `,\n },\n ],\n defaultVariants: {\n size: 'md',\n isFocused: false,\n hasError: false,\n readOnly: false,\n disabled: false,\n },\n})\n","import { useInputCounterContext } from '../../input-counter'\nimport type { InputCounterScopedProps } from '../../input-counter.types'\nimport { InputCounterControlVariants } from './input-counter-control.styles'\n\ntype InputCounterControlProps = {\n children: React.ReactNode\n}\n\nexport const InputCounterControl = (props: InputCounterControlProps) => {\n const { children, __scopeInputCounter } =\n props as InputCounterScopedProps<InputCounterControlProps>\n\n const { size, disabled, hasError, readOnly, currentValue } =\n useInputCounterContext('InputCounterControl', __scopeInputCounter)\n\n const hasFilled = currentValue >= 1\n return (\n <div\n className={InputCounterControlVariants({\n size,\n disabled,\n hasError,\n readOnly,\n hasFilled,\n })}\n >\n {children}\n </div>\n )\n}\n","import type { IconName } from '@raiadrogasil/pulso-icons'\nimport { useMemo } from 'react'\nimport { Icon, type TIconProps } from '~/components/icon'\nimport { useInputCounterContext } from '../../input-counter'\nimport type { InputCounterScopedProps } from '../../input-counter.types'\nimport {\n inputCounterHelperTextContainerVariants,\n inputCounterHelperTextMessageVariants,\n} from './input-counter-helpertext.styles'\n\ntype InputCounterHelperTextProps = {\n iconName?: IconName\n children: React.ReactNode\n}\n\nexport const InputCounterHelperText = (props: InputCounterHelperTextProps) => {\n const {\n children,\n iconName = '',\n __scopeInputCounter,\n } = props as InputCounterScopedProps<InputCounterHelperTextProps>\n\n const { hasError, disabled, readOnly } = useInputCounterContext(\n 'InputCounterHelperText',\n __scopeInputCounter\n )\n const symbol = hasError ? 'rdicon-warning-circle' : iconName\n\n const iconColor = useMemo((): TIconProps['color'] => {\n if (disabled) return 'colorTextNeutralDisabled'\n if (readOnly) return 'colorTextNeutralReadonly'\n if (hasError) return 'colorTextDangerAlternative'\n return 'colorTextNeutralAlternative'\n }, [disabled, hasError, readOnly])\n\n if (!children) return null\n\n const displayIcon = hasError || iconName !== ''\n\n return (\n <div\n {...props}\n aria-disabled={disabled}\n className={inputCounterHelperTextContainerVariants({})}\n >\n {displayIcon && (\n <div className=\"mr-onepulse flex items-center\">\n <Icon\n symbol={symbol as TIconProps['symbol']}\n color={iconColor}\n size=\"tiny\"\n />\n </div>\n )}\n <span\n className={inputCounterHelperTextMessageVariants({\n hasError,\n disabled,\n readOnly,\n })}\n >\n {children}\n </span>\n </div>\n )\n}\n","import { tv } from '~/utils/tv'\n\nexport const inputCounterHelperTextContainerVariants = tv({\n base: `flex flex-row justify-star w-[100%] items-center px-onepulse\n `,\n variants: {},\n})\n\nexport const inputCounterHelperTextMessageVariants = tv({\n base: `\n flex text-left font-rdmodern font-semibold text-text-neutral-alternative text-threepulse\n line-clamp-2\n `,\n variants: {\n hasError: {\n true: 'text-text-danger-alternative',\n false: '',\n },\n readOnly: {\n true: 'cursor-not-allowed',\n },\n disabled: {\n true: 'cursor-not-allowed text-text-neutral-disabled',\n false: '',\n },\n },\n compoundVariants: [\n {\n readOnly: true,\n disabled: false,\n class: 'text-text-neutral-readonly',\n },\n ],\n defaultVariants: {\n hasError: false,\n disabled: false,\n readOnly: false,\n },\n})\n","import { forwardRef, useEffect, useRef } from 'react'\nimport { InputCounterinputVariants } from './input-counter-input.styles'\n\nimport { useInputCounterContext } from '../../input-counter'\nimport type { InputCounterScopedProps } from '../../input-counter.types'\n\ntype InputCounterInputProps = Omit<React.ComponentProps<'input'>, 'value'> & {}\n\nconst MIN_VALUE_LIMIT = 0\nconst MAX_VALUE_LIMIT = 999\n\nexport const InputCounterInput = forwardRef<\n HTMLInputElement,\n InputCounterInputProps\n>(({ ...props }, ref) => {\n const { __scopeInputCounter } =\n props as InputCounterScopedProps<InputCounterInputProps>\n\n const {\n currentValue,\n setCurrentValue,\n disabled,\n readOnly,\n hasError,\n onValueChange,\n } = useInputCounterContext('InputCounterInput', __scopeInputCounter)\n\n const inputRef = useRef<HTMLInputElement | null>(null)\n\n function ensureValueIsNumeric(value: string) {\n const regexForValidadeNumber = /[^0-9]/g\n const numbersEntered = value.replace(regexForValidadeNumber, '').trim()\n\n const _currentValue = Math.min(\n MAX_VALUE_LIMIT,\n Math.max(\n MIN_VALUE_LIMIT,\n Number.parseInt(numbersEntered) || MIN_VALUE_LIMIT\n )\n )\n\n setCurrentValue(Number(_currentValue))\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.value = currentValue > 0 ? String(currentValue) : ''\n onValueChange(currentValue)\n }\n }, [currentValue])\n\n return (\n <input\n {...props}\n ref={node => {\n if (typeof ref === 'function') {\n ref(node)\n }\n\n inputRef.current = node\n }}\n inputMode=\"numeric\"\n type=\"tel\"\n pattern=\"[0-9]*\"\n className={InputCounterinputVariants({ hasError })}\n maxLength={3}\n onChange={event => {\n ensureValueIsNumeric(event.target.value)\n onValueChange(Number(event.target.value))\n }}\n value={currentValue}\n disabled={disabled}\n readOnly={readOnly}\n placeholder=\"0\"\n />\n )\n})\n\nInputCounterInput.displayName = 'InputCounterInput'\n","import { tv } from '~/utils/tv'\n\nexport const InputCounterinputVariants = tv({\n base: [\n 'w-full bg-transparent text-center text-text-neutral-alternative tabular-nums outline-none placeholder:invisible focus-within:text-text-neutral',\n 'disabled:cursor-not-allowed disabled:text-text-neutral-disabled',\n 'read-only:pointer-events-none read-only:cursor-not-allowed read-only:text-text-neutral-readonly',\n ],\n variants: {\n hasError: {\n true: 'text-text-neutral-alternative',\n },\n },\n})\n","import { tv } from '~/utils/tv'\n\nexport const InputCounterLabelVariants = tv({\n base: 'line-clamp-1 rounded-none px-onepulse font-rdmodern font-regular text-text-neutral',\n variants: {\n size: {\n md: 'text-threepulse',\n ml: 'text-threeandhalfpulse',\n lg: 'text-threeandhalfpulse',\n xl: 'text-threeandhalfpulse',\n },\n disabled: {\n true: 'cursor-not-allowed text-text-neutral-disabled',\n false: '',\n },\n readOnly: {\n true: 'cursor-not-allowed text-text-neutral-readonly',\n false: '',\n },\n },\n})\n","import { useInputCounterContext } from '../../input-counter'\nimport type { InputCounterScopedProps } from '../../input-counter.types'\nimport { InputCounterLabelVariants } from './input-counter-label.styles'\n\ntype InputCounterLabelProps = React.ComponentProps<'label'> & {\n children: React.ReactNode\n}\n\nexport const InputCounterLabel = (props: InputCounterLabelProps) => {\n const { children, __scopeInputCounter } =\n props as InputCounterScopedProps<InputCounterLabelProps>\n\n const { disabled, readOnly, size } = useInputCounterContext(\n 'InputCounterControl',\n __scopeInputCounter\n )\n return (\n <label\n className={InputCounterLabelVariants({\n disabled,\n readOnly,\n size,\n })}\n >\n {children}\n </label>\n )\n}\n","import { tv } from '~/utils/tv'\n\nexport const InputCounterRootVariants = tv({\n base: 'flex w-full min-w-[calc(var(--sizing-colossal)_+_var(--sizing-micro))] flex-col gap-halfpulse ',\n variants: {},\n})\n"],"mappings":"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