@rdsaude/pulso-react-components/dist/components/modal/index.cjs.map

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.

{"version":3,"sources":["../../../src/components/modal/index.ts","../../../src/components/modal/modal.tsx","../../../src/components/modal/components/modal-body/index.tsx","../../../src/components/button/button.tsx","../../../src/utils/tv.ts","../../../src/components/button/button.styles.ts","../../../src/hooks/use-theme.ts","../../../src/components/theme-provider/theme-provider.tsx","../../../src/components/icon/utils/get-icon-color.ts","../../../src/components/icon/utils/get-icon-size.ts","../../../src/components/icon/icon.tsx","../../../src/components/button/components/button-icon.tsx","../../../src/components/refresh/utils/get-refresh-color.ts","../../../src/components/refresh/refresh.tsx","../../../src/components/button/components/button-refresh.tsx","../../../src/components/button/utils/is-icon-only.ts","../../../src/components/modal/components/modal-closable-button/index.tsx","../../../src/components/modal/components/modal-description/modal-description.styles.ts","../../../src/components/modal/components/modal-description/index.tsx","../../../src/components/modal/components/modal-footer/index.tsx","../../../src/components/modal/components/modal-header/modal-header.styles.ts","../../../src/components/modal/components/modal-header/index.tsx","../../../src/components/modal/components/modal-icon/index.tsx","../../../src/components/modal/components/modal-title/index.tsx","../../../src/components/modal/modal.styles.ts"],"sourcesContent":["export { Modal } from './modal'\nexport type { ModalProps } from './modal.types'\n","import { type Scope, createContextScope } from '@radix-ui/react-context'\nimport React, { forwardRef } from 'react'\nimport { ModalBody } from './components/modal-body'\nimport { ModalClosableButton } from './components/modal-closable-button'\nimport { ModalDescription } from './components/modal-description'\nimport {\n  ModalFirstButtonFooter,\n  ModalFooter,\n  ModalSecondButtonFooter,\n} from './components/modal-footer'\nimport { ModalHeader } from './components/modal-header'\nimport { ModalIcon } from './components/modal-icon'\nimport { ModalTitle } from './components/modal-title'\nimport { modalVariants } from './modal.styles'\nimport type { ModalProps } from './modal.types'\n\ntype ModalContext = Pick<ModalProps, 'variant' | 'visible'>\n\nconst DISPLAY_NAME = 'Modal'\n\nconst ModalRoot = forwardRef<HTMLDivElement, ModalProps>(\n  (props: ModalScopedProps<ModalProps>, ref) => {\n    const { children, variant, visible, id, _scopeModal, ...rest } = props\n\n    const modalClassName = modalVariants({\n      variant,\n    })\n\n    const renderInternalHeaderIcon = React.Children.map(children, child => {\n      if (!React.isValidElement(child)) return\n\n      if (React.isValidElement(child) && child.type === ModalIcon) {\n        return React.cloneElement(child)\n      }\n    })\n\n    const renderInternalHeaderTitle = React.Children.map(children, child => {\n      if (!React.isValidElement(child)) return\n\n      if (React.isValidElement(child) && child.type === ModalTitle) {\n        return React.cloneElement(child)\n      }\n    })\n\n    const renderInternalHeaderClosableButton = React.Children.map(\n      children,\n      child => {\n        if (!React.isValidElement(child)) return\n\n        if (React.isValidElement(child) && child.type === ModalClosableButton) {\n          return React.cloneElement(child)\n        }\n      }\n    )\n\n    const renderInternalDescription = React.Children.map(children, child => {\n      if (!React.isValidElement(child)) return\n\n      if (React.isValidElement(child) && child.type === ModalDescription) {\n        return React.cloneElement(child)\n      }\n    })\n\n    const renderInternalBody = React.Children.map(children, child => {\n      if (!React.isValidElement(child)) return\n\n      if (React.isValidElement(child) && child.type === ModalBody) {\n        return React.cloneElement(child)\n      }\n    })\n\n    const renderInternalFooter = React.Children.map(children, child => {\n      if (!React.isValidElement(child)) return\n\n      if (React.isValidElement(child) && child.type === ModalFooter) {\n        return React.cloneElement(child)\n      }\n    })\n\n    if (!visible) {\n      return null\n    }\n\n    return (\n      <ModalProvider scope={_scopeModal} variant={variant} visible={visible}>\n        <div className=\"flex h-[100%] w-[100%] items-center justify-center overflow-hidden\">\n          <div\n            style={{ backgroundColor: 'rgba(66, 66, 66, 0.32)' }}\n            className=\"absolute top-0 right-0 bottom-0 left-0 h-[100vh] w-[100vw] overflow-hidden\"\n          />\n          <div {...rest} ref={ref} className={modalClassName} data-testid={id}>\n            <ModalHeader>\n              {renderInternalHeaderIcon}\n              {renderInternalHeaderTitle}\n              <div className=\"ml-auto flex w-[80px] items-center justify-end bg-transparent\">\n                {renderInternalHeaderClosableButton}\n              </div>\n            </ModalHeader>\n            <div\n              data-testid=\"first-description-container\"\n              className=\"w-[100%] rounded-none border-[#e6e6e6] border-r-quarterpulse border-l-quarterpulse bg-[#FFF] pt-twopulse pr-sixpulse pb-twopulse pl-sixpulse\"\n            >\n              {renderInternalDescription?.slice(0, 1)}\n            </div>\n            {renderInternalBody}\n            <div\n              data-testid=\"second-description-container\"\n              className=\"w-[100%] rounded-none border-[#e6e6e6] border-r-quarterpulse border-l-quarterpulse bg-[#FFF] pt-twopulse pr-sixpulse pb-twopulse pl-sixpulse\"\n            >\n              {renderInternalDescription?.slice(1, 2)}\n            </div>\n            {renderInternalFooter}\n          </div>\n        </div>\n      </ModalProvider>\n    )\n  }\n)\n\nModalRoot.displayName = DISPLAY_NAME\n\n/*\nScope Definition\n*/\n\nexport type ModalScopedProps<P> = P & {\n  _scopeModal?: Scope\n}\n\nconst [createModalContext] = createContextScope(DISPLAY_NAME)\n\nexport const [ModalProvider, useModalContext]: readonly [\n  ProviderType<ModalContext>,\n  (consumerName: string, scope: Scope) => ModalContext,\n] = createModalContext<ModalContext>(DISPLAY_NAME)\n\n/*\nComposition Export\n*/\n\nexport const Modal = {\n  Root: ModalRoot,\n  HeaderIcon: ModalIcon,\n  HeaderTitle: ModalTitle,\n  HeaderClosableButton: ModalClosableButton,\n  Description: ModalDescription,\n  Body: ModalBody,\n  Footer: ModalFooter,\n  PrimaryButton: ModalFirstButtonFooter,\n  SecondaryButton: ModalSecondButtonFooter,\n}\n","type TModalBodyProps = {\n  children: React.ReactNode\n  id?: string\n} & Partial<React.HTMLAttributes<HTMLDivElement>>\n\nexport function ModalBody({ children, id, ...rest }: TModalBodyProps) {\n  return (\n    <div\n      {...rest}\n      data-testid={id}\n      className=\"border-[#e6e6e6] border-t-none border-r-quarterpulse border-b-none border-l-quarterpulse bg-[#FFF] pt-fourpulse pr-fourpulse pb-fourpulse pl-fourpulse\"\n    >\n      {children}\n    </div>\n  )\n}\n","import { forwardRef } from 'react'\n\nimport { type Scope, createContextScope } from '@radix-ui/react-context'\n\nimport type { ButtonProps } from './button.types'\n\nimport { buttonVariants } from './button.styles'\n\nimport { ButtonIcon } from './components/button-icon'\nimport { ButtonRefresh } from './components/button-refresh'\n\nimport { isIconOnly } from './utils/is-icon-only'\n\ntype ButtonContext = Pick<ButtonProps, 'variant' | 'size' | 'disabled'>\n\nconst DISPLAY_NAME = 'Button'\n\nconst ButtonRoot = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ScopedProps<ButtonProps>, ref) => {\n    const {\n      children,\n      variant = 'brand-primary',\n      size = 'ml',\n      loading = false,\n      disabled = false,\n      full,\n      className,\n      __scopeButton,\n    } = props\n\n    const isDisabled = loading || disabled\n\n    return (\n      <ButtonProvider\n        scope={__scopeButton}\n        variant={variant}\n        size={size}\n        disabled={disabled}\n      >\n        <button\n          {...props}\n          ref={ref}\n          className={buttonVariants({\n            variant,\n            size,\n            disabled,\n            full,\n            className,\n            asIconOnly: isIconOnly(children),\n          })}\n          disabled={isDisabled}\n          aria-disabled={disabled}\n        >\n          {loading ? <ButtonRefresh /> : children}\n        </button>\n      </ButtonProvider>\n    )\n  }\n)\n\nButtonRoot.displayName = DISPLAY_NAME\n\n/*\n----------------------------------------------------------------\nScope Definition\n----------------------------------------------------------------\n*/\n\nexport type ScopedProps<P> = P & {\n  __scopeButton?: Scope\n}\n\nconst [createButtonContext] = createContextScope(DISPLAY_NAME)\n\nexport const [ButtonProvider, useButtonContext]: readonly [\n  ProviderType<ButtonContext>,\n  (consumerName: string, scope: Scope) => ButtonContext,\n] = createButtonContext<ButtonContext>(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    <ThemeContext.Provider\n      value={{\n        currentTheme: theme,\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\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    <i\n      {...props}\n      title={symbolName}\n      className={symbol}\n      style={{\n        fontSize: getIconSize[size],\n        color: getColorIcon(color),\n      }}\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<TIconProps, 'symbol'>\n\nexport function ButtonIcon(props: ButtonIconProps) {\n  const { __scopeButton, ...rest } = props as ScopedProps<ButtonIconProps>\n\n  const { variant, size, disabled } = useButtonContext(\n    'ButtonIcon',\n    __scopeButton\n  )\n\n  const iconColorMapper: Record<ButtonVariants, TIconProps['color']> = {\n    'brand-primary': 'colorTextNeutralInverse',\n    'neutral-secondary': 'colorTextNeutralDefault',\n    'neutral-tertiary': 'colorTextNeutralDefault',\n  } as const\n\n  const iconSizeMapper: Record<ButtonSizes, TIconProps['size']> = {\n    md: 'extra-small',\n    ml: 'small',\n    lg: 'small',\n    xl: 'small',\n  } as const\n\n  return (\n    <Icon\n      {...rest}\n      color={disabled ? 'colorTextNeutralDisabled' : iconColorMapper[variant!]}\n      size={iconSizeMapper[size!]}\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<TRefreshColor, string>\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    <div\n      role=\"status\"\n      className=\"grid size-eightpulse place-items-center\"\n      aria-label={srText}\n    >\n      <svg className=\"size-sixpulse animate-spin fill-none\" viewBox=\"0 0 24 24\">\n        <path\n          fillRule=\"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          clipRule=\"evenodd\"\n          fill={getRefreshColor(color)}\n        />\n\n        <title>{srText}</title>\n      </svg>\n    </div>\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<TRefreshProps, 'srText'>\n\nexport function ButtonRefresh(props: ButtonRefreshProps) {\n  const { __scopeButton, ...rest } = props as ScopedProps<ButtonRefreshProps>\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<ButtonVariants, TRefreshProps['color']>\n\n  return <Refresh {...rest} color={refreshColorMapper[variant!]} />\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, type ButtonProps } from '~/components/button'\n\ninterface ModalClosableButtonProps\n  extends Omit<ButtonProps, 'size' | 'variant' | 'onClick'> {\n  onClick?: () => void\n}\n\nexport function ModalClosableButton({\n  onClick,\n  ...rest\n}: ModalClosableButtonProps) {\n  return (\n    <Button.Root\n      {...rest}\n      variant=\"neutral-tertiary\"\n      size=\"lg\"\n      onClick={onClick}\n      data-testid={rest.id}\n    >\n      <Button.Icon symbol=\"rdicon-dismiss\" />\n    </Button.Root>\n  )\n}\n","import { tv } from '~/utils/tv'\n\nexport const modalDescriptionStyles = tv({\n  base: 'line-clamp-5 pt-none pr-none pb-none pl-none text-left font-rdmodern font-regular text-text-neutral text-threeandhalfpulse leading-small tracking-tiny',\n})\n","import { modalDescriptionStyles } from './modal-description.styles'\n\ntype THeaderLabelProps = {\n  children: string\n} & Partial<React.HTMLAttributes<HTMLSpanElement>>\n\nexport function ModalDescription({ children, ...rest }: THeaderLabelProps) {\n  return (\n    <span {...rest} data-testid={rest.id} className={modalDescriptionStyles()}>\n      {children}\n    </span>\n  )\n}\n","import React from 'react'\nimport { Button, type ButtonProps } from '~/components/button'\n\ntype TModalFooterProps = {\n  children: React.ReactNode\n  orientation?: 'vertical' | 'horizontal'\n} & Partial<React.HTMLAttributes<HTMLDivElement>>\n\ninterface TButtonFooterProps\n  extends Omit<\n    ButtonProps,\n    'variant' | 'full' | 'size' | 'onClick' | 'children'\n  > {\n  onClick?: () => void\n  children: string\n}\n\nexport function ModalFirstButtonFooter({\n  onClick,\n  children,\n  ...rest\n}: TButtonFooterProps) {\n  return (\n    <Button.Root\n      {...rest}\n      full\n      variant=\"brand-primary\"\n      size=\"lg\"\n      onClick={onClick}\n      data-testid={rest.id}\n    >\n      {children}\n    </Button.Root>\n  )\n}\n\nexport function ModalSecondButtonFooter({\n  onClick,\n  children,\n  ...rest\n}: TButtonFooterProps) {\n  return (\n    <Button.Root\n      {...rest}\n      full\n      variant=\"neutral-secondary\"\n      size=\"lg\"\n      onClick={onClick}\n      data-testid={rest.id}\n    >\n      {children}\n    </Button.Root>\n  )\n}\n\nexport function ModalFooter({\n  children,\n  orientation = 'horizontal',\n  ...rest\n}: TModalFooterProps) {\n  const renderInternalFooterChildrens = React.Children.toArray(children).filter(\n    child =>\n      React.isValidElement(child) &&\n      (child.type === ModalFirstButtonFooter ||\n        child.type === ModalSecondButtonFooter)\n  ) as React.ReactElement[]\n\n  if (orientation === 'horizontal') {\n    renderInternalFooterChildrens.sort((a, b) =>\n      a.type === ModalSecondButtonFooter ? -1 : 1\n    )\n  } else {\n    renderInternalFooterChildrens.sort((a, b) =>\n      a.type === ModalFirstButtonFooter ? -1 : 1\n    )\n  }\n\n  const classNameByOrientationFooter = () => {\n    if (orientation === 'horizontal') {\n      return 'flex w-[100%] max-w-[720px] flex-row items-center justify-center ml-auto mr-auto gap-fourpulse bg-[transparent] pt-fourpulse pr-fourpulse pb-fourpulse pl-fourpulse'\n    }\n    return 'flex w-[100%] max-w-[360px] flex-col items-center justify-center ml-auto mr-auto gap-fourpulse bg-[transparent] pt-fourpulse pr-fourpulse pb-fourpulse pl-fourpulse'\n  }\n\n  return (\n    <div\n      {...rest}\n      data-testid={rest.id}\n      className=\"rounded-tl-none rounded-tr-none rounded-br-mediumcontainer rounded-bl-mediumcontainer border-[#e6e6e6] border-t-none border-r-quarterpulse border-b-quarterpulse border-l-quarterpulse bg-[#FFF]\"\n    >\n      <div className={classNameByOrientationFooter()}>\n        {renderInternalFooterChildrens?.slice(0, 2)}\n      </div>\n    </div>\n  )\n}\n","import { tv } from '~/utils/tv'\n\nexport const modalHeaderStyles = tv({\n  base: 'min-w[100%] row flex h-[72px] max-h-[72px] min-h-[72px] items-center gap-twopulse rounded-tl-mediumcontainer rounded-tr-mediumcontainer rounded-br-none rounded-bl-none border-[#e6e6e6] border-t-quarterpulse border-r-quarterpulse border-b-none border-b-none border-l-quarterpulse bg-[#FFF] pt-fourpulse pb-twopulse pl-sixpulse',\n})\n","import { modalHeaderStyles } from './modal-header.styles'\n\nexport const ModalHeader = ({ children }: { children?: React.ReactNode }) => {\n  return <div className={modalHeaderStyles()}>{children}</div>\n}\n","import { Icon, type TIconProps } from '~/components/icon'\n\ninterface TModalIconProps\n  extends Omit<TIconProps, 'symbol' | 'size' | 'color'> {\n  symbol?: TIconProps['symbol']\n  color?: TIconProps['color']\n}\n\nexport function ModalIcon({ symbol, color, ...rest }: TModalIconProps) {\n  return <Icon {...rest} size=\"small\" symbol={symbol} color={color} />\n}\n","type THeaderLabelProps = {\n  children: string\n  id?: string\n} & Partial<React.HTMLAttributes<HTMLSpanElement>>\n\nexport function ModalTitle({ children, id, ...rest }: THeaderLabelProps) {\n  return (\n    <span\n      {...rest}\n      data-testid={id}\n      className=\"line-clamp-1 font-bold font-rdmodern text-sixpulse text-text-neutral leading-tiny tracking-tiny\"\n    >\n      {children}\n    </span>\n  )\n}\n","import { tv } from '~/utils/tv'\n\nexport const modalVariants = tv({\n  base: 'relative bg-transparent [z-index:999]',\n  variants: {\n    variant: {\n      sm: 'h-auto min-w-[240px] max-w-[319px]',\n      md: 'h-auto min-w-[320px] max-w-[719px]',\n      lg: 'h-auto min-w-[720px] max-w-[1151px]',\n      xl: 'h-auto min-w-[1152px] max-w-[1920px]',\n    },\n  },\n  defaultVariants: {\n    variant: 'sm',\n  },\n})\n"],"mappings":"ikCAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,WAAAE,KAAA,eAAAC,GAAAH,ICAA,IAAAI,GAA+C,mCAC/CC,EAAkC,sBCM9B,IAAAC,EAAA,6BAFG,SAASC,EAAUC,EAA4C,CAA5C,IAAAC,EAAAD,EAAE,UAAAE,EAAU,GAAAC,CALtC,EAK0BF,EAAmBG,EAAAC,EAAnBJ,EAAmB,CAAjB,WAAU,OACpC,SACE,OAAC,MAAAK,EAAAC,EAAA,GACKH,GADL,CAEC,cAAaD,EACb,UAAU,yJAET,SAAAD,GACH,CAEJ,CCfA,IAAAM,GAA2B,iBAE3BC,GAA+C,mCCF/C,IAAAC,EAA4C,6BAE/BC,KAAK,YAAS,CACzB,cAAe,CACb,OAAQ,CACN,YAAa,CACX,YAAa,CACX,CACE,KAAM,CAAC,aAAc,mBAAmB,CAC1C,CACF,EACA,eAAgB,CACd,CACE,OAAQ,CAAC,eAAgB,WAAW,CACtC,CACF,EACA,kBAAmB,CACjB,CACE,KAAM,CAAC,OAAQ,eAAgB,WAAW,CAC5C,CACF,CACF,CACF,CACF,CACF,CAAC,ECtBM,IAAMC,EAAiBC,EAAG,CAC/B,KAAM;AAAA;AAAA,sGAGN,SAAU,CACR,QAAS,CACP,gBAAiB;AAAA,gHAEjB,oBAAqB;AAAA,sLAErB,mBAAoB;AAAA,qHAEtB,EACA,KAAM,CACJ,GAAI,oEACJ,GAAI,6DACJ,GAAI,iDACJ,GAAI,yDACN,EACA,SAAU,CACR,KAAM,6DACN,MACE,wEACJ,EACA,KAAM,CACJ,KAAM,QACR,EACA,WAAY,CACV,KAAM,uBACR,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,gBACT,SAAU,GACV,MACE,mFACJ,EACA,CACE,QAAS,oBACT,SAAU,GACV,MACE,2FACJ,EACA,CACE,QAAS,mBACT,SAAU,GACV,MACE,sFACJ,CACF,EAEA,gBAAiB,CACf,QAAS,gBACT,KAAM,IACR,CACF,CAAC,EC1DD,IAAAC,EAOO,6CAEPC,GAA2B,iBCT3B,IAAAC,EAAyC,iBA2BrCC,GAAA,6BAdSC,MAAe,iBAAc,CAAC,CAAsB,EDA1D,SAASC,GAAW,CACzB,GAAM,CAAE,aAAAC,CAAa,KAAI,eAAWC,EAAY,EAUhD,OAAOC,IAAA,GARQ,CACb,gBAAiB,yBACjB,SAAU,kBACV,KAAM,cACN,aAAc,sBACd,MAAO,cACT,EAGYF,CAAY,GACnB,iBAEP,CExBO,SAASG,GAAaC,EAA0B,CACrD,IAAMC,EAAQC,EAAS,EAYvB,OAXkB,OAAO,KAAKD,CAAK,EAEL,OAAO,CAACE,EAAKC,IAAa,CACtD,GAAIA,EAAS,SAAS,OAAO,EAAG,CAC9B,IAAMC,EAAaD,EACnBD,EAAIE,CAAU,EAAIJ,EAAMI,CAAU,CACpC,CAEA,OAAOF,CACT,EAAG,CAAC,CAAgB,EAEDH,CAAK,CAC1B,CClBO,IAAMM,GAAc,CACzB,KAAM,qBACN,cAAe,2BACf,MAAO,sBACP,OAAQ,sBACV,ECSI,IAAAC,GAAA,6BATG,SAASC,EAAKC,EAKN,CALM,IAAAC,EAAAD,EACnB,QAAAE,EAAS,iBACT,KAAAC,EAAO,QACP,MAAAC,EAAQ,oCARV,EAKqBH,EAIhBI,EAAAC,EAJgBL,EAIhB,CAHH,SACA,OACA,UAGA,IAAMM,EAAaL,EAAO,QAAQ,SAAU,EAAE,EAAE,KAAK,EAErD,SACE,QAAC,IAAAM,EAAAC,EAAA,GACKJ,GADL,CAEC,MAAOE,EACP,UAAWL,EACX,MAAO,CACL,SAAUQ,GAAYP,CAAI,EAC1B,MAAOQ,GAAaP,CAAK,CAC3B,GACF,CAEJ,CCKI,IAAAQ,GAAA,6BAtBG,SAASC,EAAWC,EAAwB,CACjD,IAAmCC,EAAAD,EAA3B,eAAAE,CARV,EAQqCD,EAATE,EAAAC,EAASH,EAAT,CAAlB,kBAEF,CAAE,QAAAI,EAAS,KAAAC,EAAM,SAAAC,CAAS,EAAIC,EAClC,aACAN,CACF,EAEMO,EAA+D,CACnE,gBAAiB,0BACjB,oBAAqB,0BACrB,mBAAoB,yBACtB,EAEMC,EAA0D,CAC9D,GAAI,cACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,EAEA,SACE,QAACC,EAAAC,EAAAC,EAAA,GACKV,GADL,CAEC,MAAOI,EAAW,2BAA6BE,EAAgBJ,CAAQ,EACvE,KAAMK,EAAeJ,CAAK,GAC5B,CAEJ,CC/BO,SAASQ,GAAgBC,EAAsB,CACpD,IAAMC,EAAQC,EAAS,EASvB,MAPe,CACb,MAAOD,EAAM,mCACb,QAASA,EAAM,yBACf,MAAOA,EAAM,wBACb,MAAOA,EAAM,uBACf,EAEcD,CAAK,CACrB,CCJM,IAAAG,EAAA,6BAPC,SAASC,EAAQ,CAAE,MAAAC,EAAQ,QAAS,OAAAC,CAAO,EAAkB,CAClE,SACE,OAAC,OACC,KAAK,SACL,UAAU,0CACV,aAAYA,EAEZ,oBAAC,OAAI,UAAU,uCAAuC,QAAQ,YAC5D,oBAAC,QACC,SAAS,UACT,EAAE,sHACF,SAAS,UACT,KAAMC,GAAgBF,CAAK,EAC7B,KAEA,OAAC,SAAO,SAAAC,EAAO,GACjB,EACF,CAEJ,CCLS,IAAAE,GAAA,6BAXF,SAASC,GAAcC,EAA2B,CACvD,IAAmCC,EAAAD,EAA3B,eAAAE,CARV,EAQqCD,EAATE,EAAAC,EAASH,EAAT,CAAlB,kBAEF,CAAE,QAAAI,CAAQ,EAAIC,EAAiB,gBAAiBJ,CAAa,EAE7DK,EAAqB,CACzB,gBAAiB,QACjB,oBAAqB,UACrB,mBAAoB,OACtB,EAEA,SAAO,QAACC,EAAAC,EAAAC,EAAA,GAAYP,GAAZ,CAAkB,MAAOI,EAAmBF,CAAQ,GAAG,CACjE,CCnBA,IAAAM,EAAkB,sBAIX,SAASC,GAAWC,EAA2B,CACpD,OAAI,EAAAC,QAAM,SAAS,MAAMD,CAAQ,IAAM,GAAK,EAAAC,QAAM,eAAeD,CAAQ,EAChEA,EAAS,OAASE,EAGpB,EACT,CZ2CqB,IAAAC,EAAA,6BAtCfC,EAAe,SAEfC,MAAa,eACjB,CAACC,EAAiCC,IAAQ,CACxC,GAAM,CACJ,SAAAC,EACA,QAAAC,EAAU,gBACV,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,KAAAC,EACA,UAAAC,EACA,cAAAC,CACF,EAAIT,EAEEU,EAAaL,GAAWC,EAE9B,SACE,OAACK,GAAA,CACC,MAAOF,EACP,QAASN,EACT,KAAMC,EACN,SAAUE,EAEV,mBAAC,SAAAM,EAAAC,EAAA,GACKb,GADL,CAEC,IAAKC,EACL,UAAWa,EAAe,CACxB,QAAAX,EACA,KAAAC,EACA,SAAAE,EACA,KAAAC,EACA,UAAAC,EACA,WAAYO,GAAWb,CAAQ,CACjC,CAAC,EACD,SAAUQ,EACV,gBAAeJ,EAEd,SAAAD,KAAU,OAACW,GAAA,EAAc,EAAKd,GACjC,EACF,CAEJ,CACF,EAEAH,GAAW,YAAcD,EAYzB,GAAM,CAACmB,EAAmB,KAAI,uBAAmBnB,CAAY,EAEhD,CAACa,GAAgBO,CAAgB,EAG1CD,GAAmCnB,CAAY,EAQtCqB,EAAS,CACpB,KAAMpB,GACN,KAAMqB,CACR,EarEM,IAAAC,EAAA,6BAZC,SAASC,EAAoBC,EAGP,CAHO,IAAAC,EAAAD,EAClC,SAAAE,CARF,EAOoCD,EAE/BE,EAAAC,EAF+BH,EAE/B,CADH,YAGA,SACE,OAACI,EAAO,KAAPC,EAAAC,EAAA,GACKJ,GADL,CAEC,QAAQ,mBACR,KAAK,KACL,QAASD,EACT,cAAaC,EAAK,GAElB,mBAACE,EAAO,KAAP,CAAY,OAAO,iBAAiB,GACvC,CAEJ,CCpBO,IAAMG,GAAyBC,EAAG,CACvC,KAAM,wJACR,CAAC,ECIG,IAAAC,GAAA,6BAFG,SAASC,EAAiBC,EAA0C,CAA1C,IAAAC,EAAAD,EAAE,UAAAE,CANnC,EAMiCD,EAAeE,EAAAC,EAAfH,EAAe,CAAb,aACjC,SACE,QAAC,OAAAI,EAAAC,EAAA,GAASH,GAAT,CAAe,cAAaA,EAAK,GAAI,UAAWI,GAAuB,EACrE,SAAAL,GACH,CAEJ,CCZA,IAAAM,EAAkB,sBAuBd,IAAAC,EAAA,6BANG,SAASC,EAAuBC,EAIhB,CAJgB,IAAAC,EAAAD,EACrC,SAAAE,EACA,SAAAC,CAnBF,EAiBuCF,EAGlCG,EAAAC,EAHkCJ,EAGlC,CAFH,UACA,aAGA,SACE,OAACK,EAAO,KAAPC,EAAAC,EAAA,GACKJ,GADL,CAEC,KAAI,GACJ,QAAQ,gBACR,KAAK,KACL,QAASF,EACT,cAAaE,EAAK,GAEjB,SAAAD,GACH,CAEJ,CAEO,SAASM,EAAwBT,EAIjB,CAJiB,IAAAC,EAAAD,EACtC,SAAAE,EACA,SAAAC,CAtCF,EAoCwCF,EAGnCG,EAAAC,EAHmCJ,EAGnC,CAFH,UACA,aAGA,SACE,OAACK,EAAO,KAAPC,EAAAC,EAAA,GACKJ,GADL,CAEC,KAAI,GACJ,QAAQ,oBACR,KAAK,KACL,QAASF,EACT,cAAaE,EAAK,GAEjB,SAAAD,GACH,CAEJ,CAEO,SAASO,EAAYV,EAIN,CAJM,IAAAC,EAAAD,EAC1B,UAAAG,EACA,YAAAQ,EAAc,YAzDhB,EAuD4BV,EAGvBG,EAAAC,EAHuBJ,EAGvB,CAFH,WACA,gBAGA,IAAMW,EAAgC,EAAAC,QAAM,SAAS,QAAQV,CAAQ,EAAE,OACrEW,GACE,EAAAD,QAAM,eAAeC,CAAK,IACzBA,EAAM,OAASf,GACde,EAAM,OAASL,EACrB,EAEIE,IAAgB,aAClBC,EAA8B,KAAK,CAACG,EAAG,IACrCA,EAAE,OAASN,EAA0B,GAAK,CAC5C,EAEAG,EAA8B,KAAK,CAACG,EAAG,IACrCA,EAAE,OAAShB,EAAyB,GAAK,CAC3C,EAGF,IAAMiB,EAA+B,IAC/BL,IAAgB,aACX,sKAEF,sKAGT,SACE,OAAC,MAAAJ,EAAAC,EAAA,GACKJ,GADL,CAEC,cAAaA,EAAK,GAClB,UAAU,mMAEV,mBAAC,OAAI,UAAWY,EAA6B,EAC1C,SAAAJ,GAAA,YAAAA,EAA+B,MAAM,EAAG,GAC3C,GACF,CAEJ,CC7FO,IAAMK,GAAoBC,EAAG,CAClC,KAAM,uUACR,CAAC,ECDQ,IAAAC,GAAA,6BADIC,GAAc,CAAC,CAAE,SAAAC,CAAS,OAC9B,QAAC,OAAI,UAAWC,GAAkB,EAAI,SAAAD,EAAS,ECM/C,IAAAE,GAAA,6BADF,SAASC,EAAUC,EAA6C,CAA7C,IAAAC,EAAAD,EAAE,QAAAE,EAAQ,MAAAC,CARpC,EAQ0BF,EAAoBG,EAAAC,EAApBJ,EAAoB,CAAlB,SAAQ,UAClC,SAAO,QAACK,EAAAC,EAAAC,EAAA,GAASJ,GAAT,CAAe,KAAK,QAAQ,OAAQF,EAAQ,MAAOC,GAAO,CACpE,CCHI,IAAAM,GAAA,6BAFG,SAASC,EAAWC,EAA8C,CAA9C,IAAAC,EAAAD,EAAE,UAAAE,EAAU,GAAAC,CALvC,EAK2BF,EAAmBG,EAAAC,EAAnBJ,EAAmB,CAAjB,WAAU,OACrC,SACE,QAAC,OAAAK,EAAAC,EAAA,GACKH,GADL,CAEC,cAAaD,EACb,UAAU,kGAET,SAAAD,GACH,CAEJ,CCbO,IAAMM,GAAgBC,EAAG,CAC9B,KAAM,wCACN,SAAU,CACR,QAAS,CACP,GAAI,qCACJ,GAAI,qCACJ,GAAI,sCACJ,GAAI,sCACN,CACF,EACA,gBAAiB,CACf,QAAS,IACX,CACF,CAAC,EvBuES,IAAAC,EAAA,6BApEJC,EAAe,QAEfC,MAAY,cAChB,CAACC,EAAqCC,IAAQ,CAC5C,IAAiEC,EAAAF,EAAzD,UAAAG,EAAU,QAAAC,EAAS,QAAAC,EAAS,GAAAC,EAAI,YAAAC,CAtB5C,EAsBqEL,EAATM,EAAAC,EAASP,EAAT,CAAhD,WAAU,UAAS,UAAS,KAAI,gBAElCQ,EAAiBC,GAAc,CACnC,QAAAP,CACF,CAAC,EAEKQ,EAA2B,EAAAC,QAAM,SAAS,IAAIV,EAAUW,GAAS,CACrE,GAAK,EAAAD,QAAM,eAAeC,CAAK,GAE3B,EAAAD,QAAM,eAAeC,CAAK,GAAKA,EAAM,OAASC,EAChD,OAAO,EAAAF,QAAM,aAAaC,CAAK,CAEnC,CAAC,EAEKE,EAA4B,EAAAH,QAAM,SAAS,IAAIV,EAAUW,GAAS,CACtE,GAAK,EAAAD,QAAM,eAAeC,CAAK,GAE3B,EAAAD,QAAM,eAAeC,CAAK,GAAKA,EAAM,OAASG,EAChD,OAAO,EAAAJ,QAAM,aAAaC,CAAK,CAEnC,CAAC,EAEKI,GAAqC,EAAAL,QAAM,SAAS,IACxDV,EACAW,GAAS,CACP,GAAK,EAAAD,QAAM,eAAeC,CAAK,GAE3B,EAAAD,QAAM,eAAeC,CAAK,GAAKA,EAAM,OAASK,EAChD,OAAO,EAAAN,QAAM,aAAaC,CAAK,CAEnC,CACF,EAEMM,EAA4B,EAAAP,QAAM,SAAS,IAAIV,EAAUW,GAAS,CACtE,GAAK,EAAAD,QAAM,eAAeC,CAAK,GAE3B,EAAAD,QAAM,eAAeC,CAAK,GAAKA,EAAM,OAASO,EAChD,OAAO,EAAAR,QAAM,aAAaC,CAAK,CAEnC,CAAC,EAEKQ,GAAqB,EAAAT,QAAM,SAAS,IAAIV,EAAUW,GAAS,CAC/D,GAAK,EAAAD,QAAM,eAAeC,CAAK,GAE3B,EAAAD,QAAM,eAAeC,CAAK,GAAKA,EAAM,OAASS,EAChD,OAAO,EAAAV,QAAM,aAAaC,CAAK,CAEnC,CAAC,EAEKU,GAAuB,EAAAX,QAAM,SAAS,IAAIV,EAAUW,GAAS,CACjE,GAAK,EAAAD,QAAM,eAAeC,CAAK,GAE3B,EAAAD,QAAM,eAAeC,CAAK,GAAKA,EAAM,OAASW,EAChD,OAAO,EAAAZ,QAAM,aAAaC,CAAK,CAEnC,CAAC,EAED,OAAKT,KAKH,OAACqB,GAAA,CAAc,MAAOnB,EAAa,QAASH,EAAS,QAASC,EAC5D,oBAAC,OAAI,UAAU,qEACb,oBAAC,OACC,MAAO,CAAE,gBAAiB,wBAAyB,EACnD,UAAU,6EACZ,KACA,QAAC,MAAAsB,EAAAC,EAAA,GAAQpB,GAAR,CAAc,IAAKP,EAAK,UAAWS,EAAgB,cAAaJ,EAC/D,qBAACuB,GAAA,CACE,UAAAjB,EACAI,KACD,OAAC,OAAI,UAAU,gEACZ,SAAAE,GACH,GACF,KACA,OAAC,OACC,cAAY,8BACZ,UAAU,+IAET,SAAAE,GAAA,YAAAA,EAA2B,MAAM,EAAG,GACvC,EACCE,MACD,OAAC,OACC,cAAY,+BACZ,UAAU,+IAET,SAAAF,GAAA,YAAAA,EAA2B,MAAM,EAAG,GACvC,EACCI,KACH,GACF,EACF,EAlCO,IAoCX,CACF,EAEAzB,GAAU,YAAcD,EAUxB,GAAM,CAACgC,EAAkB,KAAI,uBAAmBhC,CAAY,EAE/C,CAAC4B,GAAeK,EAAe,EAGxCD,GAAiChC,CAAY,EAMpCkC,GAAQ,CACnB,KAAMjC,GACN,WAAYgB,EACZ,YAAaE,EACb,qBAAsBE,EACtB,YAAaE,EACb,KAAME,EACN,OAAQE,EACR,cAAeQ,EACf,gBAAiBC,CACnB","names":["modal_exports","__export","Modal","__toCommonJS","import_react_context","import_react","import_jsx_runtime","ModalBody","_a","_b","children","id","rest","__objRest","__spreadProps","__spreadValues","import_react","import_react_context","import_tailwind_variants","tv","buttonVariants","tv","import_pulso_design_tokens","import_react","import_react","import_jsx_runtime","ThemeContext","useTheme","currentTheme","ThemeContext","__spreadValues","getColorIcon","color","theme","useTheme","acc","tokenKey","colorToken","getIconSize","import_jsx_runtime","Icon","_a","_b","symbol","size","color","props","__objRest","symbolName","__spreadProps","__spreadValues","getIconSize","getColorIcon","import_jsx_runtime","ButtonIcon","props","_a","__scopeButton","rest","__objRest","variant","size","disabled","useButtonContext","iconColorMapper","iconSizeMapper","Icon","__spreadProps","__spreadValues","getRefreshColor","color","theme","useTheme","import_jsx_runtime","Refresh","color","srText","getRefreshColor","import_jsx_runtime","ButtonRefresh","props","_a","__scopeButton","rest","__objRest","variant","useButtonContext","refreshColorMapper","Refresh","__spreadProps","__spreadValues","import_react","isIconOnly","children","React","ButtonIcon","import_jsx_runtime","DISPLAY_NAME","ButtonRoot","props","ref","children","variant","size","loading","disabled","full","className","__scopeButton","isDisabled","ButtonProvider","__spreadProps","__spreadValues","buttonVariants","isIconOnly","ButtonRefresh","createButtonContext","useButtonContext","Button","ButtonIcon","import_jsx_runtime","ModalClosableButton","_a","_b","onClick","rest","__objRest","Button","__spreadProps","__spreadValues","modalDescriptionStyles","tv","import_jsx_runtime","ModalDescription","_a","_b","children","rest","__objRest","__spreadProps","__spreadValues","modalDescriptionStyles","import_react","import_jsx_runtime","ModalFirstButtonFooter","_a","_b","onClick","children","rest","__objRest","Button","__spreadProps","__spreadValues","ModalSecondButtonFooter","ModalFooter","orientation","renderInternalFooterChildrens","React","child","a","classNameByOrientationFooter","modalHeaderStyles","tv","import_jsx_runtime","ModalHeader","children","modalHeaderStyles","import_jsx_runtime","ModalIcon","_a","_b","symbol","color","rest","__objRest","Icon","__spreadProps","__spreadValues","import_jsx_runtime","ModalTitle","_a","_b","children","id","rest","__objRest","__spreadProps","__spreadValues","modalVariants","tv","import_jsx_runtime","DISPLAY_NAME","ModalRoot","props","ref","_a","children","variant","visible","id","_scopeModal","rest","__objRest","modalClassName","modalVariants","renderInternalHeaderIcon","React","child","ModalIcon","renderInternalHeaderTitle","ModalTitle","renderInternalHeaderClosableButton","ModalClosableButton","renderInternalDescription","ModalDescription","renderInternalBody","ModalBody","renderInternalFooter","ModalFooter","ModalProvider","__spreadProps","__spreadValues","ModalHeader","createModalContext","useModalContext","Modal","ModalFirstButtonFooter","ModalSecondButtonFooter"]}