@jenesei-software/jenesei-kit-react 1.3.9 → 1.3.10

package/build/component-DKMsOpqH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-DKMsOpqH.js","sources":["../src/components/typography/component.styles.ts","../src/components/popover/component.tsx","../src/components/popover/component.styles.ts","../src/components/popover/component.constants.tsx","../src/components/tooltip/component.styles.ts","../src/components/tooltip/component.tsx","../src/components/tooltip/component.constants.ts","../src/components/typography/component.tsx"],"sourcesContent":["import { addOutline } from '@local/styles/add';\nimport { addSX as addSXStandard } from '@local/styles/sx';\nimport { JeneseiPalette } from '@local/theme/theme';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport { addSXTypographyStyleProps, TypographyAllProps, TypographyCSSProps } from '.';\n\nconst shadowPulse = keyframes`\n  0% {\n    text-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  }\n  50% {\n    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);\n  }\n  100% {\n    text-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  }\n`;\n\nfunction toStyledCSS(value: TypographyAllProps) {\n  return css`\n    ${\n      value.shadow &&\n      value.shadow === 'shadowPulse' &&\n      css`\n      animation: ${shadowPulse} 2s infinite;\n    `\n    };\n    ${\n      value.letterSpacing &&\n      css`\n      letter-spacing: ${value.letterSpacing};\n    `\n    };\n    ${\n      value.flex &&\n      css`\n      flex: ${value.flex};\n    `\n    };\n    ${\n      value.cursor &&\n      css`\n      cursor: ${value.cursor};\n    `\n    };\n    ${\n      value.overflow &&\n      css`\n      overflow: ${value.overflow};\n    `\n    };\n    ${\n      value.line !== undefined\n        ? value.line === 1\n          ? css`\n            text-overflow: ellipsis;\n            overflow: hidden;\n            white-space: nowrap;\n            width: -webkit-fill-available;\n            max-width: fit-content;\n          `\n          : css`\n            word-break: break-word;\n            white-space: normal;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            overflow: hidden;\n            -webkit-box-orient: vertical;\n            -webkit-line-clamp: ${value.line};\n            width: fit-content;\n            overflow-wrap: anywhere;\n          `\n        : css``\n    };\n    ${\n      value.family &&\n      css`\n      font-family: ${value.family};\n    `\n    };\n    ${\n      value.weight &&\n      css`\n      font-weight: ${value.weight};\n    `\n    };\n    ${\n      value.height &&\n      css`\n      line-height: ${value.height}px;\n    `\n    };\n    ${\n      value.color &&\n      css`\n      color: ${JeneseiPalette[value.color]};\n    `\n    };\n    ${\n      value.align &&\n      css`\n      text-align: ${value.align};\n    `\n    };\n    ${\n      value.wrap &&\n      css`\n      text-wrap: ${value.wrap};\n    `\n    };\n    ${\n      value.decoration &&\n      css`\n      text-decoration: ${value.decoration};\n    `\n    };\n    ${\n      value.transform &&\n      css`\n      text-transform: ${value.transform};\n    `\n    };\n    ${\n      value.isHoverUnderlining &&\n      css`\n      &:hover {\n        text-decoration: underline;\n      }\n    `\n    };\n    ${\n      value.isNoUserSelect &&\n      css`\n      user-select: none;\n      -webkit-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n    `\n    };\n    ${\n      'size' in value &&\n      value.size &&\n      css`\n      font-size: ${value.size}px;\n    `\n    };\n    ${\n      'variant' in value && value.variant\n        ? value.variant === 'h1'\n          ? css`\n            font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.default}px;\n            line-height: ${(props) => props.theme.font.lineHeight};\n            margin: 0;\n            @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n              font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.tablet}px;\n            }\n\n            @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n              font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.mobile}px;\n            }\n          `\n          : value.variant === 'h2'\n            ? css`\n              font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.default}px;\n              line-height: ${(props) => props.theme.font.lineHeight};\n              margin: 0;\n              @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n                font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.tablet}px;\n              }\n\n              @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n                font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.mobile}px;\n              }\n            `\n            : value.variant === 'h3'\n              ? css`\n                font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.default}px;\n                line-height: ${(props) => props.theme.font.lineHeight};\n                margin: 0;\n                @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n                  font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.tablet}px;\n                }\n\n                @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n                  font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.mobile}px;\n                }\n              `\n              : value.variant === 'h4'\n                ? css`\n                  font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.default}px;\n                  line-height: ${(props) => props.theme.font.lineHeight};\n                  margin: 0;\n                  @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n                    font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.tablet}px;\n                  }\n\n                  @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n                    font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.mobile}px;\n                  }\n                `\n                : value.variant === 'h5'\n                  ? css`\n                    font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.default}px;\n                    line-height: ${(props) => props.theme.font.lineHeight};\n                    margin: 0;\n                    @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n                      font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.tablet}px;\n                    }\n\n                    @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n                      font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.mobile}px;\n                    }\n                  `\n                  : value.variant === 'h6'\n                    ? css`\n                      font-size: ${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.default}px;\n                      line-height: ${(props) => props.theme.font.lineHeight};\n                      margin: 0;\n                      @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n                        font-size: ${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.tablet}px;\n                      }\n\n                      @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n                        font-size: ${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.mobile}px;\n                      }\n                    `\n                    : value.variant === 'h7'\n                      ? css`\n                        font-size: ${(props) => props.theme.font.sizeHeading.h7 * props.theme.font.sizeDefault.default}px;\n                        line-height: ${(props) => props.theme.font.lineHeight};\n                        margin: 0;\n                        @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n                          font-size: ${(props) =>\n                            props.theme.font.sizeHeading.h7 * props.theme.font.sizeDefault.tablet}px;\n                        }\n\n                        @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n                          font-size: ${(props) =>\n                            props.theme.font.sizeHeading.h7 * props.theme.font.sizeDefault.mobile}px;\n                        }\n                      `\n                      : value.variant === 'h8'\n                        ? css`\n                          font-size: ${(props) =>\n                            props.theme.font.sizeHeading.h8 * props.theme.font.sizeDefault.default}px;\n                          line-height: ${(props) => props.theme.font.lineHeight};\n                          margin: 0;\n                          @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n                            font-size: ${(props) =>\n                              props.theme.font.sizeHeading.h8 * props.theme.font.sizeDefault.tablet}px;\n                          }\n\n                          @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n                            font-size: ${(props) =>\n                              props.theme.font.sizeHeading.h8 * props.theme.font.sizeDefault.mobile}px;\n                          }\n                        `\n                        : value.variant === 'h9'\n                          ? css`\n                            font-size: ${(props) =>\n                              props.theme.font.sizeHeading.h9 * props.theme.font.sizeDefault.default}px;\n                            line-height: ${(props) => props.theme.font.lineHeight};\n                            margin: 0;\n                            @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n                              font-size: ${(props) =>\n                                props.theme.font.sizeHeading.h9 * props.theme.font.sizeDefault.tablet}px;\n                            }\n\n                            @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n                              font-size: ${(props) =>\n                                props.theme.font.sizeHeading.h9 * props.theme.font.sizeDefault.mobile}px;\n                            }\n                          `\n                          : null\n        : null\n    };\n  `;\n}\n\nexport const addSXTypography = css<addSXTypographyStyleProps>`\n  ${(props) => {\n    const rawSX = props.$sxTypography;\n    if (!rawSX) return null;\n    return toStyledCSS(rawSX.default);\n  }}\n\n  ${(props) => {\n    const rawSX = props.$sxTypography;\n    if (!rawSX) return null;\n\n    return Object.entries(rawSX)\n      .filter(([key]) => key !== 'default')\n      .map(([deviceKey, value]) => {\n        const screenWidth = props.theme.screens[deviceKey as keyof typeof props.theme.screens]?.width;\n        if (!screenWidth) return null;\n        return css`\n          @media (max-width: ${screenWidth}px) {\n            ${toStyledCSS(value)}\n          }\n        `;\n      });\n  }}\n`;\n\nconst TypographyCSS = css<TypographyCSSProps>`\n  font-style: normal;\n  position: relative;\n  overflow: visible;\n  text-overflow: ellipsis;\n  overflow-wrap: anywhere;\n  line-height: ${(props) => props.theme.font.lineHeight};\n  ${addSXTypography};\n  ${addSXStandard}\n`;\n\nexport const Title = styled.span<TypographyCSSProps>`\n  ${TypographyCSS}\n  ${addOutline}\n`;\n","import { KEY_SIZE_DATA } from '@local/theme';\n\nimport { autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/react';\nimport { AnimatePresence } from 'framer-motion';\nimport { FC, Ref, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { useTheme } from 'styled-components';\n\nimport { DEFAULT_POPOVER_CLOSE_DELAY, DEFAULT_POPOVER_OFFSET, PopoverProps, PopoverWrapper, UsePopoverProps } from '.';\n\nexport const Popover: FC<PopoverProps> = (props) => {\n  const theme = useTheme();\n  return ReactDOM.createPortal(\n    <AnimatePresence>\n      {props.isOpen && (\n        <div\n          tabIndex={-1}\n          ref={props.ref as Ref<HTMLDivElement | null>}\n          style={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            ...props.floatingStyles,\n            transform: props.floatingStyles.transform,\n            zIndex: 9999,\n          }}\n        >\n          <PopoverWrapper\n            tabIndex={-1}\n            $isShowAlwaysOutline={props.isShowAlwaysOutline}\n            $genre={props.genre ?? 'black'}\n            $font={{\n              size: props.font?.size ?? KEY_SIZE_DATA[props.size ?? 'medium'].font,\n              weight: props.font?.weight ?? 700,\n              family: props.font?.family ?? theme.font.family,\n              height: props.font?.height,\n            }}\n            className={props.className}\n            initial={{ opacity: 0, scale: 0.95 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.95 }}\n            transition={{ duration: 0.2 }}\n            $sx={props.sx}\n            $size={props.size}\n            $sxTypography={props.sxTypography}\n            $maxHeight={props.maxHeight}\n            $maxWidth={props.maxWidth}\n          >\n            {props.children}\n          </PopoverWrapper>\n        </div>\n      )}\n    </AnimatePresence>,\n    document.body,\n  );\n};\n\nexport const usePopover = (props: UsePopoverProps) => {\n  const { onFocus, onBlur, onBlurReference } = props;\n\n  // Состояние открытия поповера\n  const [isOpen, setIsOpen] = useState(false);\n  // Минимальная ширина поповера (нужна, если хотим, чтобы ширина совпадала с референсом)\n  const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n  // Флаг, был ли поповер когда-либо открыт (чтобы onBlur не вызывался при первом рендере)\n  const [wasEverOpen, setWasEverOpen] = useState(false);\n\n  // Позиционирование через floating-ui\n  const {\n    refs,\n    floatingStyles,\n    update,\n    placement: actualPlacement,\n  } = useFloating({\n    open: isOpen,\n    placement: props.placement,\n    middleware: [offset(props.offset ?? 8), flip(), shift()],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // Сохраняем обработчик клика вне поповера (чтобы можно было удалить при cleanup)\n  const clickOutsideHandler = useRef<((e: MouseEvent) => void) | null>(null);\n  // Таймаут для закрытия при hover-режиме\n  const hoverCloseTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Отступ для hover-зоны (чтобы не закрывался мгновенно при небольших движениях мыши)\n  const hoverOffset = useMemo(\n    () => props.hoverOffset ?? props.offset ?? DEFAULT_POPOVER_OFFSET,\n    [props.hoverOffset, props.offset],\n  );\n  // Задержка перед закрытием при hover\n  const hoverCloseDelay = useMemo(() => props.hoverCloseDelay ?? DEFAULT_POPOVER_CLOSE_DELAY, [props.hoverCloseDelay]);\n\n  /**\n   * Навешиваем обработчики на reference-элемент в зависимости от режима:\n   * - click / clickOpen → открытие/переключение по клику\n   * - hover → открытие/закрытие при наведении\n   */\n  useEffect(() => {\n    if (props.isDisabled) return;\n    const refEl = refs.reference.current;\n    if (!refEl) return;\n\n    // Режим клика\n    if ((props.mode === 'click' || props.mode === 'clickOpen') && refEl instanceof HTMLElement) {\n      const handleClick = () => {\n        if (props.mode === 'click') {\n          setIsOpen((prev) => !prev);\n        } else if (props.mode === 'clickOpen') {\n          setIsOpen(true);\n        }\n      };\n\n      refEl.addEventListener('click', handleClick);\n      return () => {\n        refEl.removeEventListener('click', handleClick);\n      };\n\n      // Режим ховера\n    } else if (props.mode === 'hover' && refEl instanceof HTMLElement) {\n      const handleMouseEnter = () => {\n        setIsOpen(true);\n      };\n      const handleMouseLeave = () => {\n        if (hoverCloseTimeout.current) clearTimeout(hoverCloseTimeout.current);\n        hoverCloseTimeout.current = setTimeout(() => setIsOpen(false), hoverCloseDelay);\n      };\n\n      refEl.addEventListener('mouseenter', handleMouseEnter);\n      refEl.addEventListener('mouseleave', handleMouseLeave);\n      return () => {\n        refEl.removeEventListener('mouseenter', handleMouseEnter);\n        refEl.removeEventListener('mouseleave', handleMouseLeave);\n        if (hoverCloseTimeout.current) clearTimeout(hoverCloseTimeout.current);\n      };\n    }\n  }, [props.mode, refs.reference, hoverCloseDelay, props.isDisabled]);\n\n  // Автоматическое обновление позиции, пока поповер открыт\n  useEffect(() => {\n    if (!isOpen || !refs.reference.current || !refs.floating.current || props.isDisabled) return;\n\n    const cleanup = autoUpdate(refs.reference.current, refs.floating.current, update);\n\n    return () => cleanup();\n  }, [isOpen, refs.reference, refs.floating, update, props.isDisabled]);\n\n  /**\n   * Логика закрытия поповера при клике вне него\n   */\n  useEffect(() => {\n    if (!isOpen || !refs.reference.current || !refs.floating.current || props.isDisabled) return;\n\n    if (props.isClickOutside) {\n      clickOutsideHandler.current = (e: MouseEvent) => {\n        const refEl = refs.reference.current;\n        const floatingEl = refs.floating.current;\n        const otherRefs = props.refsExcludeClickOutside || [];\n\n        // Проверяем, что клик не по поповеру, не по reference и не по исключенным ref'ам\n        if (\n          refEl instanceof HTMLElement &&\n          floatingEl instanceof HTMLElement &&\n          !refEl.contains(e.target as Node) &&\n          !floatingEl.contains(e.target as Node) &&\n          !otherRefs.some((ref) => {\n            if (typeof ref === 'object' && ref !== null && 'current' in ref) {\n              return (ref.current as HTMLElement | null)?.contains(e.target as Node);\n            }\n            return false;\n          })\n        ) {\n          setIsOpen(false);\n        }\n      };\n\n      document.addEventListener('mousedown', clickOutsideHandler.current);\n    }\n\n    return () => {\n      if (clickOutsideHandler.current) {\n        document.removeEventListener('mousedown', clickOutsideHandler.current);\n        clickOutsideHandler.current = null;\n      }\n      if (hoverCloseTimeout.current) {\n        clearTimeout(hoverCloseTimeout.current);\n      }\n    };\n  }, [isOpen, refs.reference, refs.floating, props.isClickOutside, props.isDisabled, props.refsExcludeClickOutside]);\n\n  /**\n   * Поддержка режима \"плавающего hover\"\n   * Закрывает поповер, если мышь ушла за пределы reference+floating с отступом\n   */\n  useEffect(() => {\n    if (!isOpen || !props.isFloatingHover || !refs.reference.current || !refs.floating.current || props.isDisabled)\n      return;\n\n    const refEl = refs.reference.current;\n    const floatingEl = refs.floating.current;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const mouseX = e.clientX;\n      const mouseY = e.clientY;\n\n      const refRect = refEl.getBoundingClientRect();\n      const floatingRect = floatingEl.getBoundingClientRect();\n\n      // Находим, внутри ли курсор reference или floating с учётом отступа\n      const isInsideRef =\n        mouseX >= refRect.left - hoverOffset &&\n        mouseX <= refRect.right + hoverOffset &&\n        mouseY >= refRect.top - hoverOffset &&\n        mouseY <= refRect.bottom + hoverOffset;\n\n      const isInsideFloating =\n        mouseX >= floatingRect.left - hoverOffset &&\n        mouseX <= floatingRect.right + hoverOffset &&\n        mouseY >= floatingRect.top - hoverOffset &&\n        mouseY <= floatingRect.bottom + hoverOffset;\n\n      if (isInsideRef || isInsideFloating) {\n        // Если вернулись внутрь — отменяем закрытие\n        if (hoverCloseTimeout.current) {\n          clearTimeout(hoverCloseTimeout.current);\n          hoverCloseTimeout.current = null;\n        }\n      } else {\n        // Если вышли — запускаем таймер на закрытие\n        if (hoverCloseTimeout.current) clearTimeout(hoverCloseTimeout.current);\n        hoverCloseTimeout.current = setTimeout(() => setIsOpen(false), hoverCloseDelay);\n      }\n    };\n\n    document.addEventListener('mousemove', handleMouseMove);\n\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      if (hoverCloseTimeout.current) {\n        clearTimeout(hoverCloseTimeout.current);\n      }\n    };\n  }, [isOpen, props.isFloatingHover, refs.reference, refs.floating, hoverOffset, hoverCloseDelay, props.isDisabled]);\n\n  /**\n   * Устанавливаем минимальную ширину поповера, равную reference (если включено isWidthAsContent)\n   */\n  useLayoutEffect(() => {\n    if (!props.isWidthAsContent || !refs.reference.current) return;\n    const rect = refs.reference.current.getBoundingClientRect();\n    setMinWidth(rect.width);\n  }, [props.isWidthAsContent, refs.reference]);\n\n  // Методы управления открытием\n  const open = useCallback(() => {\n    if (props.isDisabled) return;\n    setIsOpen(true);\n  }, [props.isDisabled]);\n  const close = useCallback(() => {\n    if (props.isDisabled) return;\n    setIsOpen(false);\n  }, [props.isDisabled]);\n  const toggle = useCallback(() => {\n    if (props.isDisabled) return;\n    setIsOpen((prev) => !prev);\n  }, [props.isDisabled]);\n\n  // Объединяем стили floating-ui с дополнительными ограничениями по ширине\n  const combinedStyles = useMemo(() => {\n    return {\n      ...floatingStyles,\n      minWidth: props.isWidthAsContent && minWidth ? `${minWidth}px` : undefined,\n      maxWidth: props.isWidthAsContent && minWidth ? `${minWidth}px` : undefined,\n    };\n  }, [floatingStyles, props.isWidthAsContent, minWidth]);\n\n  /**\n   * Вызываем onFocus при открытии\n   * и запоминаем, что поповер хоть раз был открыт\n   */\n  useEffect(() => {\n    if (isOpen) {\n      onFocus?.();\n      setWasEverOpen(true);\n    }\n  }, [isOpen, onFocus]);\n\n  /**\n   * Вызываем onBlur при первом закрытии после открытия\n   */\n  useEffect(() => {\n    if (!isOpen && wasEverOpen) {\n      onBlur?.();\n    }\n  }, [isOpen, wasEverOpen, onBlur]);\n\n  /**\n   * Закрытие при потере фокуса (focusin вне поповера + reference)\n   * (но не на исключённые элементы)\n   */\n  useEffect(() => {\n    if (!isOpen || props.isDisabled) return;\n\n    const handleFocusIn = (e: FocusEvent) => {\n      const refEl = refs.reference.current;\n      const floatingEl = refs.floating.current;\n      const otherRefs = props.refsExcludeClickOutside || [];\n\n      const isInside =\n        (refEl instanceof HTMLElement && refEl.contains(e.target as Node)) ||\n        (floatingEl instanceof HTMLElement && floatingEl.contains(e.target as Node)) ||\n        otherRefs.some((ref) => {\n          if (ref && 'current' in ref && ref.current && ref.current instanceof HTMLElement) {\n            return ref.current.contains(e.target as Node);\n          }\n          return false;\n        });\n\n      if (!isInside) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('focusin', handleFocusIn);\n\n    return () => {\n      document.removeEventListener('focusin', handleFocusIn);\n    };\n  }, [isOpen, refs.reference, refs.floating, props.refsExcludeClickOutside, props.isDisabled]);\n\n  /**\n   * Вызываем onBlurReference, если фокус ушёл с reference-элемента\n   * (но не на исключённые элементы)\n   */\n  useEffect(() => {\n    if (!refs.reference.current || props.isDisabled || !onBlurReference) return;\n\n    const refEl = refs.reference.current;\n    const otherRefs = props.refsExcludeBlur || [];\n\n    const handleBlur = (e: FocusEvent) => {\n      if (\n        refEl instanceof HTMLElement &&\n        !refEl.contains(e.relatedTarget as Node) &&\n        !otherRefs.some((ref) => {\n          if (ref && 'current' in ref && ref.current && ref.current instanceof HTMLElement)\n            return ref.current.contains(e.relatedTarget as Node);\n        })\n      ) {\n        onBlurReference();\n      }\n    };\n\n    if (refEl instanceof HTMLElement) refEl.addEventListener('blur', handleBlur, true);\n\n    return () => {\n      if (refEl instanceof HTMLElement) refEl.removeEventListener('blur', handleBlur, true);\n    };\n  }, [refs.reference, props.isDisabled, onBlurReference, props.refsExcludeBlur]);\n\n  /**\n   * Функция возвращает true или false в зависимости от состояния от FocusEvent который находится внутри или снаружи\n   */\n  const getIsInside = useCallback(\n    (target: Node | null) => {\n      if (!target) return false; // если relatedTarget null, значит фокус ушёл вне окна — закрываем\n\n      const refEl = refs.reference.current;\n      const floatingEl = refs.floating.current;\n      const otherRefs = props.refsExcludeBlur || [];\n\n      return (\n        (refEl instanceof HTMLElement && refEl.contains(target)) ||\n        (floatingEl instanceof HTMLElement && floatingEl.contains(target)) ||\n        otherRefs.some((ref) => {\n          if (ref && 'current' in ref && ref.current && ref.current instanceof HTMLElement) {\n            return ref.current.contains(target);\n          }\n          return false;\n        })\n      );\n    },\n    [refs.reference, refs.floating, props.refsExcludeBlur],\n  );\n  // Возвращаем наружу API для использования поповера\n  return {\n    getIsInside,\n    isOpen,\n    setIsOpen,\n    open,\n    close,\n    toggle,\n    refReference: refs.setReference as Ref<HTMLElement | null>,\n    refFloating: refs.setFloating as Ref<HTMLElement | null>,\n    floatingStyles: combinedStyles,\n    placement: actualPlacement,\n  };\n};\n","import { addSXTypography } from '@local/components/typography';\nimport { addAlwaysOutline, addFont } from '@local/styles/add';\nimport { addSX } from '@local/styles/sx';\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme';\n\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\nimport { StyledPopoverProps } from '.';\n\n/****************************************** Popover Genre *************************************************/\nconst addPopoverGenre = css<StyledPopoverProps>`\n  ${(props) => css`\n    background: ${props.theme.colors.button[props.$genre].background.rest};\n    border-color: ${props.theme.colors.button[props.$genre].border.rest};\n    color: ${props.theme.colors.button[props.$genre].color.rest};\n    /* box-shadow: ${props.theme.effects.button}; */\n  `};\n`;\n\n/****************************************** Popover Size *************************************************/\nexport const addPopoverSize = css<StyledPopoverProps>`\n  ${(props) =>\n    addPopoverSizeConstructor({\n      ...KEY_SIZE_DATA[props.$size ?? 'medium'],\n    })};\n`;\nexport const addPopoverSizeConstructor = (props: IThemeSizePropertyDefault) => css`\n  display: flex;\n  border-radius: ${props.radius}px;\n  padding: ${props.padding}px;\n  gap: ${props.padding - 2}px;\n`;\n\n/****************************************** Default *************************************************/\nexport const PopoverWrapper = styled(motion.div)<StyledPopoverProps>`\n  max-width: ${(props) => props.$maxWidth || '100%'};\n  max-height: ${(props) => props.$maxHeight || '100%'};\n  overflow: auto;\n  flex-direction: column;\n  ${addFont};\n  ${addPopoverSize};\n  ${addAlwaysOutline};\n  ${addSXTypography};\n  ${addPopoverGenre};\n  ${addSX};\n`;\n","export const DEFAULT_POPOVER_OFFSET = 8\nexport const DEFAULT_POPOVER_CLOSE_DELAY = 100\n","import styled, { css } from 'styled-components'\n\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { Popover, PopoverProps } from '../popover'\nimport { Stack } from '../stack'\n\nexport const TooltipContainer = styled(Stack)`\n  display: flex;\n  width: fit-content;\n  height: fit-content;\n`\n\nexport const addTooltipBoxSize = css<PopoverProps>`\n  ${props =>\n    addTooltipBoxSizeConstructor({\n      ...KEY_SIZE_DATA[props.size ?? 'medium']\n    })};\n`\nexport const addTooltipBoxSizeConstructor = (props: IThemeSizePropertyDefault) => css`\n  gap: 0px;\n  padding: ${props.padding}px ${props.padding}px 0px ${props.padding}px;\n  :after {\n    content: '';\n    display: block;\n    height: ${props.padding}px;\n    width: 100%;\n  }\n`\n\n/****************************************** TooltipBox *************************************************/\nexport const TooltipBox = styled(Popover)`\n  ${addTooltipBoxSize};\n`\n","import { FC, Ref, memo } from 'react'\n\nimport { Typography } from '@local/components/typography'\n\nimport {\n  DEFAULT_TOOLTIP_OFFSET_FALLBACK,\n  DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,\n  TooltipBox,\n  TooltipContainer,\n  TooltipProps\n} from '.'\nimport { usePopover } from '../popover'\n\nexport const Tooltip: FC<TooltipProps> = memo(props => {\n  if (props.isDisabled) return <>{props.children}</>\n\n  return <TooltipContent {...props} />\n})\n\nexport const TooltipContent: FC<TooltipProps> = props => {\n  const { isOpen, refReference, refFloating, floatingStyles } = usePopover({\n    placement: props.placement ?? DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,\n    offset: props.offset ?? DEFAULT_TOOLTIP_OFFSET_FALLBACK,\n    mode: props.mode ?? 'hover',\n    isClickOutside: props.isClickOutside ?? true,\n    isFloatingHover: props.isFloatingHover ?? true,\n    isWidthAsContent: props.isWidthAsContent ?? false,\n    hoverCloseDelay: props.hoverCloseDelay ?? undefined,\n    hoverOffset: props.hoverOffset ?? undefined\n  })\n  return (\n    <>\n      <TooltipContainer sx={props.sx} ref={refReference as Ref<HTMLDivElement | null>}>\n        {props.children}\n      </TooltipContainer>\n      <TooltipBox\n        size={props.size}\n        isOpen={isOpen}\n        genre={props.genre}\n        floatingStyles={floatingStyles}\n        ref={refFloating}\n        maxHeight={props.maxHeight}\n        maxWidth={props.maxWidth}\n      >\n        <Typography\n          sx={\n            props.sxTypography ?? {\n              default: {\n                size: 14\n              }\n            }\n          }\n        >\n          {props.content}\n        </Typography>\n      </TooltipBox>\n    </>\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n","import { Placement } from '@floating-ui/react'\n\nexport const DEFAULT_TOOLTIP_PLACEMENT_FALLBACK: Placement = 'bottom-start'\nexport const DEFAULT_TOOLTIP_OFFSET_FALLBACK: number = 8\n","import { useScreenWidth } from '@local/contexts/context-screen-width';\n\nimport { createLink, LinkProps } from '@tanstack/react-router';\nimport { memo, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Tooltip } from '../tooltip';\nimport { Title, TypographyCSSProps, TypographyProps, TypographyTooltipProps } from '.';\n\nconst TypographyWithRef = (props: TypographyProps) => {\n  const { screenActual } = useScreenWidth();\n  const cssProps: TypographyCSSProps & Pick<TypographyProps, 'onClick' | 'className' | 'style'> = useMemo(\n    () => ({\n      $sxTypography: props.sx,\n      style: props.style,\n      className: props.className,\n      $sx: props.sxStandard,\n      $isDisabledOutline: props.isDisabledOutline,\n      $isOutlineBoxShadow: props.isOutlineBoxShadow,\n      $isReadOnly: props.isReadOnly,\n      onClick: props.onClick ? props.onClick : () => {},\n    }),\n    [\n      props.sx,\n      props.style,\n      props.className,\n      props.sxStandard,\n      props.onClick,\n      props.isDisabledOutline,\n      props.isOutlineBoxShadow,\n      props.isReadOnly,\n    ],\n  );\n\n  const screenSX = useMemo(() => props.sx?.[screenActual] ?? props.sx?.default, [props.sx, screenActual]);\n\n  if (screenSX && 'variant' in screenSX) {\n    if (screenSX.variant === 'h7' || screenSX.variant === 'h8' || screenSX.variant === 'h9') {\n      return (\n        <Title\n          // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n          ref={props.ref as any}\n          as={props.isAnchor ? 'a' : props.isParagraph ? 'p' : props.isSpan ? 'span' : 'span'}\n          href={props.href}\n          {...cssProps}\n        >\n          {props.children}\n        </Title>\n      );\n    } else {\n      return (\n        <Title\n          // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n          ref={props.ref as any}\n          as={props.isAnchor ? 'a' : props.isParagraph ? 'p' : props.isSpan ? 'span' : screenSX.variant}\n          href={props.href}\n          {...cssProps}\n        >\n          {props.children}\n        </Title>\n      );\n    }\n  }\n\n  return (\n    <Title\n      // biome-ignore lint/suspicious/noExplicitAny: <explanation>\n      ref={props.ref as any}\n      as={props.isAnchor ? 'a' : props.isParagraph ? 'p' : props.isSpan ? 'span' : 'span'}\n      href={props.href}\n      {...cssProps}\n    >\n      {props.children}\n    </Title>\n  );\n};\n\nexport const Typography = (props: TypographyProps) => {\n  return <TypographyWithRef {...props} />;\n};\n\nconst TypographySizeIsAnchor = (props: TypographyProps & LinkProps) => {\n  return <TypographyWithRef isAnchor {...props} ref={props.ref} href={props.href} />;\n};\n\nexport const TypographyLink = createLink(TypographySizeIsAnchor);\n\nexport const TypographyTooltip = memo((props: TypographyTooltipProps) => {\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n  useEffect(() => {\n    const checkOverflow = () => {\n      if (contentRef.current) {\n        setIsOverflowing(contentRef.current.scrollWidth > contentRef.current.clientWidth);\n      }\n    };\n    checkOverflow();\n    window.addEventListener('resize', checkOverflow);\n    return () => window.removeEventListener('resize', checkOverflow);\n  }, [props.children]);\n\n  return (\n    <Tooltip isDisabled={!isOverflowing} content={props.children} {...props.tooltip}>\n      <TypographyWithRef ref={contentRef} {...props.typography} style={{ position: 'relative' }}>\n        {props.children}\n      </TypographyWithRef>\n    </Tooltip>\n  );\n});\n\nTypographyTooltip.displayName = 'TypographyTooltip';\nTypographyWithRef.displayName = 'TypographyWithRef';\nTypographySizeIsAnchor.displayName = 'TypographySizeIsAnchor';\n"],"names":["addSXStandard","ReactDOM","jsx","Fragment","jsxs"],"mappings":"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"}

package/build/{component-Bzw_uobM.js → component-DaXKDHnc.js}

@@ -1,24 +1,27 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { b as ErrorMessage } from "./style-BQ653xOS.js";
+import { b as ErrorMessage } from "./style-uVTmdhsH.js";
 import { useCallback } from "react";
-import { S as StyledInputWrapper, j as InputPrefixChildren, h as StyledInputPattern, i as StyledInputNumeric, f as StyledInput, k as InputPostfixChildren } from "./component.styles-DYS_AJ9F.js";
+import { useTheme } from "styled-components";
+import { S as StyledInputWrapper, j as InputPrefixChildren, h as StyledInputPattern, i as StyledInputNumeric, f as StyledInput, k as InputPostfixChildren } from "./component.styles-BbwS_Ekx.js";
 const Input = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const handleOnChange = useCallback(
     (input) => {
-      var _a, _b;
+      var _a2, _b2;
       if (props.variety === "standard") {
         const value = typeof input === "string" ? input : input.value;
         const cleaned = props.isNoSpaces ? value.replace(/\s+/g, "") : value;
-        (_a = props.onChange) == null ? void 0 : _a.call(props, cleaned);
+        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, cleaned);
       }
       if (props.variety === "pattern" || props.variety === "numeric") {
         if (typeof input !== "string") {
-          (_b = props.onChange) == null ? void 0 : _b.call(props, input);
+          (_b2 = props.onChange) == null ? void 0 : _b2.call(props, input);
         }
       }
     },
     [props]
   );
+  const theme = useTheme();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       StyledInputWrapper,
@@ -51,9 +54,18 @@ const Input = (props) => {
               $prefixChildren: props == null ? void 0 : props.prefixChildren,
               $genre: props.genre,
               $size: props.size,
+              $font: {
+                size: ((_a = props.font) == null ? void 0 : _a.size) ?? 16,
+                weight: ((_b = props.font) == null ? void 0 : _b.weight) ?? (props.isBold ? 500 : 400),
+                family: ((_c = props.font) == null ? void 0 : _c.family) ?? theme.font.family,
+                height: ((_d = props.font) == null ? void 0 : _d.height) ?? theme.font.lineHeight
+              },
               $isBold: props.isBold,
               $isDisabled: props.isDisabled,
+              $isDisabledOutline: props.isDisabled ?? props.isDisabledOutline,
+              $isOutlineBoxShadow: props.isOutlineBoxShadow,
               $isCenter: props.isCenter,
+              $isReadOnly: props.isReadOnly,
               disabled: props.isDisabled,
               readOnly: props.isReadOnly,
               required: props.isRequired,
@@ -84,8 +96,17 @@ const Input = (props) => {
               $prefixChildren: props == null ? void 0 : props.prefixChildren,
               $genre: props.genre,
               $size: props.size,
+              $font: {
+                size: ((_e = props.font) == null ? void 0 : _e.size) ?? 16,
+                weight: ((_f = props.font) == null ? void 0 : _f.weight) ?? (props.isBold ? 500 : 400),
+                family: ((_g = props.font) == null ? void 0 : _g.family) ?? "Roboto Mono",
+                height: ((_h = props.font) == null ? void 0 : _h.height) ?? theme.font.lineHeight
+              },
               $isBold: props.isBold,
               $isDisabled: props.isDisabled,
+              $isDisabledOutline: props.isDisabled ?? props.isDisabledOutline,
+              $isOutlineBoxShadow: props.isOutlineBoxShadow,
+              $isReadOnly: props.isReadOnly,
               $isCenter: props.isCenter,
               disabled: props.isDisabled,
               readOnly: props.isReadOnly,
@@ -121,8 +142,17 @@ const Input = (props) => {
               $prefixChildren: props == null ? void 0 : props.prefixChildren,
               $genre: props.genre,
               $size: props.size,
+              $font: {
+                size: ((_i = props.font) == null ? void 0 : _i.size) ?? 16,
+                weight: ((_j = props.font) == null ? void 0 : _j.weight) ?? (props.isBold ? 500 : 400),
+                family: ((_k = props.font) == null ? void 0 : _k.family) ?? theme.font.family,
+                height: ((_l = props.font) == null ? void 0 : _l.height) ?? theme.font.lineHeight
+              },
               $isBold: props.isBold,
               $isDisabled: props.isDisabled,
+              $isDisabledOutline: props.isDisabled ?? props.isDisabledOutline,
+              $isOutlineBoxShadow: props.isOutlineBoxShadow,
+              $isReadOnly: props.isReadOnly,
               $isCenter: props.isCenter,
               disabled: props.isDisabled,
               readOnly: props.isReadOnly,
@@ -161,7 +191,18 @@ const Input = (props) => {
         ]
       }
     ),
-    (props == null ? void 0 : props.error) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { ...props.error, size: (props == null ? void 0 : props.error.size) ?? props.size }) : null
+    (props == null ? void 0 : props.error) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorMessage,
+      {
+        ...props.error,
+        size: (props == null ? void 0 : props.error.size) ?? props.size,
+        font: {
+          size: 12,
+          weight: 400,
+          family: ((_m = props.font) == null ? void 0 : _m.family) ?? theme.font.family
+        }
+      }
+    ) : null
   ] });
 };
 function formatPhoneNumber(dialCode, international) {
@@ -204,4 +245,4 @@ export {
   Input as I,
   formatPhoneNumber as f
 };
-//# sourceMappingURL=component-Bzw_uobM.js.map
+//# sourceMappingURL=component-DaXKDHnc.js.map

package/build/component-DaXKDHnc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-DaXKDHnc.js","sources":["../src/components/input/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\n\nimport { useCallback } from 'react';\nimport { NumberFormatValues } from 'react-number-format';\nimport { useTheme } from 'styled-components';\n\nimport {\n  InputPostfixChildren,\n  InputPrefixChildren,\n  InputProps,\n  StyledInput,\n  StyledInputNumeric,\n  StyledInputPattern,\n  StyledInputWrapper,\n} from '.';\n\nexport const Input = (props: InputProps) => {\n  const handleOnChange = useCallback(\n    (input: string | NumberFormatValues) => {\n      if (props.variety === 'standard') {\n        const value = typeof input === 'string' ? input : input.value;\n        const cleaned = props.isNoSpaces ? value.replace(/\\s+/g, '') : value;\n        props.onChange?.(cleaned);\n      }\n\n      if (props.variety === 'pattern' || props.variety === 'numeric') {\n        if (typeof input !== 'string') {\n          props.onChange?.(input);\n        }\n      }\n    },\n    [props],\n  );\n  const theme = useTheme();\n  return (\n    <>\n      <StyledInputWrapper\n        $isInputEffect={props.isInputEffect}\n        className={props.className}\n        $isDisabled={props.isDisabled}\n        $sx={props.sx}\n        $size={props.size}\n        $isWidthAsHeight={props.isWidthAsHeight}\n      >\n        {props.prefixChildren && (\n          <InputPrefixChildren\n            $left={props.prefixChildren.left}\n            $right={props.prefixChildren.right}\n            $isDisabled={props.isDisabled}\n            $width={props.prefixChildren.width}\n          >\n            {props.prefixChildren.children}\n          </InputPrefixChildren>\n        )}\n        {props.variety === 'pattern' ? (\n          <StyledInputPattern\n            $isNiceNumber={props.isNiceNumber}\n            $isInputEffect={props.isInputEffect}\n            $error={props?.error}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $font={{\n              size: props.font?.size ?? 16,\n              weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n              family: props.font?.family ?? theme.font.family,\n              height: props.font?.height ?? theme.font.lineHeight,\n            }}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n            $isOutlineBoxShadow={props.isOutlineBoxShadow}\n            $isCenter={props.isCenter}\n            $isReadOnly={props.isReadOnly}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            onValueChange={(props) => handleOnChange(props)}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            onKeyDown={props.onKeyDown}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            tabIndex={props.tabIndex}\n            {...props.propsPattern}\n          />\n        ) : props.variety === 'numeric' ? (\n          <StyledInputNumeric\n            $isNiceNumber={props.isNiceNumber}\n            $isInputEffect={props.isInputEffect}\n            $error={props?.error}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $font={{\n              size: props.font?.size ?? 16,\n              weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n              family: props.font?.family ?? 'Roboto Mono',\n              height: props.font?.height ?? theme.font.lineHeight,\n            }}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n            $isOutlineBoxShadow={props.isOutlineBoxShadow}\n            $isReadOnly={props.isReadOnly}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            onValueChange={(props) => handleOnChange(props)}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            onKeyDown={props.onKeyDown}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            tabIndex={props.tabIndex}\n            {...props.propsNumeric}\n          />\n        ) : (\n          <StyledInput\n            $isNiceNumber={props.isNiceNumber}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            ref={props.ref}\n            $error={props.error}\n            $isInputEffect={props.isInputEffect}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $font={{\n              size: props.font?.size ?? 16,\n              weight: props.font?.weight ?? (props.isBold ? 500 : 400),\n              family: props.font?.family ?? theme.font.family,\n              height: props.font?.height ?? theme.font.lineHeight,\n            }}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n            $isOutlineBoxShadow={props.isOutlineBoxShadow}\n            $isReadOnly={props.isReadOnly}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            type={props.type}\n            autoComplete={props.autoComplete}\n            onInput={(event) => {\n              const input = event.target as HTMLInputElement;\n              handleOnChange(input.value);\n            }}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            tabIndex={props.tabIndex}\n            onKeyDown={props.onKeyDown}\n            min={props.min}\n            max={props.max}\n            step={props.step}\n          />\n        )}\n\n        {props.postfixChildren && (\n          <InputPostfixChildren\n            $left={props.postfixChildren.left}\n            $right={props.postfixChildren.right}\n            $isDisabled={props.isDisabled}\n            $width={props.postfixChildren.width}\n          >\n            {props.postfixChildren.children}\n          </InputPostfixChildren>\n        )}\n      </StyledInputWrapper>\n      {props?.error ? (\n        <ErrorMessage\n          {...props.error}\n          size={props?.error.size ?? props.size}\n          font={{\n            size: 12,\n            weight: 400,\n            family: props.font?.family ?? theme.font.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n\nexport function formatPhoneNumber(dialCode: string, international: string) {\n  function isDigit(char: string): boolean {\n    return /\\d/.test(char);\n  }\n\n  let formattedNumber = '';\n  let placeholderNumber = '';\n  let dialCodeIndex = 0;\n\n  if (dialCode.length === 0) {\n    return { format: '', placeholder: '' };\n  }\n\n  for (let i = 0; i < international.length; i++) {\n    const char = international.charAt(i);\n\n    if (char === dialCode.charAt(dialCodeIndex)) {\n      formattedNumber += char;\n      placeholderNumber += isDigit(char) ? '#' : char;\n      dialCodeIndex++;\n    } else {\n      if (isDigit(char)) {\n        formattedNumber += '#';\n        placeholderNumber += '-';\n      } else {\n        formattedNumber += char;\n        placeholderNumber += char;\n      }\n    }\n  }\n\n  while (dialCodeIndex < dialCode.length) {\n    formattedNumber += dialCode.charAt(dialCodeIndex);\n    placeholderNumber += dialCode.charAt(dialCodeIndex);\n    dialCodeIndex++;\n  }\n\n  return {\n    format: formattedNumber,\n    placeholder: placeholderNumber,\n  };\n}\n"],"names":["_a","_b","jsxs","Fragment","jsx","props"],"mappings":"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"}

package/build/{component-CQ8fy2gK.js → component-WUYE2soZ.js}

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { c as Button } from "./component-C4ULY0c6.js";
+import { c as Button } from "./component-DJYgewYg.js";
 import { css, styled } from "styled-components";
 import { a as addSX } from "./style-plT9Ah7t.js";
 const ButtonGroupWrapperPositionHorizontal = css`
@@ -63,4 +63,4 @@ export {
   ButtonGroupWrapper as B,
   ButtonGroup as a
 };
-//# sourceMappingURL=component-CQ8fy2gK.js.map
+//# sourceMappingURL=component-WUYE2soZ.js.map

package/build/{component-CQ8fy2gK.js.map → component-WUYE2soZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-CQ8fy2gK.js","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { StyledButtonGroupProps } from '.'\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  justify-content: space-between;\n  & #jenesei-button {\n    &:not(:only-child) {\n      flex-grow: 1;\n      &:first-child {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:last-child {\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nconst ButtonGroupWrapperPositionVertical = css`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n\n  & #jenesei-button {\n    &:not(:only-child) {\n      &:first-child {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n  & #jenesei-button {\n    &:focus-visible {\n      z-index: 1;\n    }\n  }\n  ${props =>\n    props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n  ${addSX};\n`\n","import { FC } from 'react'\n\nimport { Button } from '@local/components/button'\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.'\n\nexport const ButtonGroup: FC<ButtonGroupProps> = props => {\n  return (\n    <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id=\"jenesei-button-group\">\n      {props.value?.map((button, id) => <Button id=\"jenesei-button\" key={id} {...button} />)}\n    </ButtonGroupWrapper>\n  )\n}\n"],"names":["jsx"],"mappings":";;;;AAOA,MAAM,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwB7C,MAAM,qCAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBpC,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrC,CAAA,UACA,MAAM,cAAc,eAAe,uCAAuC,kCAAkC;AAAA,IAC5G,KAAK;AAAA;ACvDF,MAAM,cAAoC,CAAA,UAAS;;AACxD,SACEA,kCAAAA,IAAC,oBAAA,EAAmB,KAAK,MAAM,IAAI,WAAW,MAAM,UAAU,WAAW,MAAM,WAAW,IAAG,wBAC1F,WAAA,WAAM,UAAN,mBAAa,IAAI,CAAC,QAAQ,OAAOA,kCAAAA,IAAC,QAAA,EAAO,IAAG,kBAA2B,GAAG,OAAA,GAAR,EAAgB,GAAE,CACvF;AAEJ;"}
+{"version":3,"file":"component-WUYE2soZ.js","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { StyledButtonGroupProps } from '.'\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  justify-content: space-between;\n  & #jenesei-button {\n    &:not(:only-child) {\n      flex-grow: 1;\n      &:first-child {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:last-child {\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nconst ButtonGroupWrapperPositionVertical = css`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n\n  & #jenesei-button {\n    &:not(:only-child) {\n      &:first-child {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n  & #jenesei-button {\n    &:focus-visible {\n      z-index: 1;\n    }\n  }\n  ${props =>\n    props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n  ${addSX};\n`\n","import { FC } from 'react'\n\nimport { Button } from '@local/components/button'\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.'\n\nexport const ButtonGroup: FC<ButtonGroupProps> = props => {\n  return (\n    <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id=\"jenesei-button-group\">\n      {props.value?.map((button, id) => <Button id=\"jenesei-button\" key={id} {...button} />)}\n    </ButtonGroupWrapper>\n  )\n}\n"],"names":["jsx"],"mappings":";;;;AAOA,MAAM,uCAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwB7C,MAAM,qCAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBpC,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrC,CAAA,UACA,MAAM,cAAc,eAAe,uCAAuC,kCAAkC;AAAA,IAC5G,KAAK;AAAA;ACvDF,MAAM,cAAoC,CAAA,UAAS;;AACxD,SACEA,kCAAAA,IAAC,oBAAA,EAAmB,KAAK,MAAM,IAAI,WAAW,MAAM,UAAU,WAAW,MAAM,WAAW,IAAG,wBAC1F,WAAA,WAAM,UAAN,mBAAa,IAAI,CAAC,QAAQ,OAAOA,kCAAAA,IAAC,QAAA,EAAO,IAAG,kBAA2B,GAAG,OAAA,GAAR,EAAgB,GAAE,CACvF;AAEJ;"}

package/build/component-accordion.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.styles-Bfhg18CX.cjs");exports.Accordion=o.Accordion,exports.AccordionDetails=o.AccordionDetails,exports.AccordionStyledIcon=o.AccordionStyledIcon,exports.AccordionSummary=o.AccordionSummary,exports.AccordionSummaryContent=o.AccordionSummaryContent,exports.AccordionWrapper=o.AccordionWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.styles-Dpo373cZ.cjs");exports.Accordion=o.Accordion,exports.AccordionDetails=o.AccordionDetails,exports.AccordionStyledIcon=o.AccordionStyledIcon,exports.AccordionSummary=o.AccordionSummary,exports.AccordionSummaryContent=o.AccordionSummaryContent,exports.AccordionWrapper=o.AccordionWrapper;
 //# sourceMappingURL=component-accordion.cjs.js.map

package/build/component-accordion.es.js

@@ -1,4 +1,4 @@
-import { A, d, e, b, c, a } from "./component.styles-DX_3POUD.js";
+import { A, d, e, b, c, a } from "./component.styles-DjoG6jr2.js";
 export {
   A as Accordion,
   d as AccordionDetails,

package/build/component-button-group.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-BiNPQpCQ.cjs");exports.ButtonGroup=t.ButtonGroup,exports.ButtonGroupWrapper=t.ButtonGroupWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-CY7lfJVv.cjs");exports.ButtonGroup=t.ButtonGroup,exports.ButtonGroupWrapper=t.ButtonGroupWrapper;
 //# sourceMappingURL=component-button-group.cjs.js.map

package/build/component-button-group.d.ts

@@ -14,6 +14,16 @@ declare type AddDollarSign<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
+declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
 declare interface addSXProps {
     sx?: SXProps;
 }
@@ -78,7 +88,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';
-} & addSXProps & addSXTypographyProps;
+} & addSXProps & addFontProps & addOutlineProps & addSXTypographyProps;
 
 declare type ButtonPropsIconGroup = ButtonPropsDefault & {
     isIconGroup?: true;
@@ -223,6 +233,13 @@ declare enum ENUM_ICON_REALEBAIL {
     User = 4
 }
 
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
+};
+
 declare type IconItemProps<T extends keyof IconTypeMap> = {
     type: T;
     name: IconTypeMap[T];

package/build/component-button-group.es.js

@@ -1,4 +1,4 @@
-import { a, B } from "./component-CQ8fy2gK.js";
+import { a, B } from "./component-WUYE2soZ.js";
 export {
   a as ButtonGroup,
   B as ButtonGroupWrapper

package/build/component-button.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-u_42PteJ.cjs");exports.Button=t.Button,exports.ButtonSize=t.ButtonSize,exports.ButtonSizeConstructor=t.ButtonSizeConstructor,exports.StyledButton=t.StyledButton,exports.StyledButtonIconsWrapper=t.StyledButtonIconsWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-B1bvPlyB.cjs");exports.Button=t.Button,exports.ButtonSize=t.ButtonSize,exports.ButtonSizeConstructor=t.ButtonSizeConstructor,exports.StyledButton=t.StyledButton,exports.StyledButtonIconsWrapper=t.StyledButtonIconsWrapper;
 //# sourceMappingURL=component-button.cjs.js.map

package/build/component-button.d.ts

@@ -22,6 +22,18 @@ declare type AddDollarSign<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
+declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
+declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;
+
 declare interface addSXProps {
     sx?: SXProps;
 }
@@ -80,7 +92,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';
-} & addSXProps & addSXTypographyProps;
+} & addSXProps & addFontProps & addOutlineProps & addSXTypographyProps;
 
 export declare type ButtonPropsIconGroup = ButtonPropsDefault & {
     isIconGroup?: true;
@@ -234,6 +246,13 @@ declare enum ENUM_ICON_REALEBAIL {
     User = 4
 }
 
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
+};
+
 declare type IconItemProps<T extends keyof IconTypeMap> = {
     type: T;
     name: IconTypeMap[T];
@@ -304,7 +323,7 @@ export declare const StyledButtonIconsWrapper: IStyledComponentBase<"web", Subst
 
 export declare type StyledDollarButtonIconsWrapperProps = AddDollarSign<Pick<ButtonProps, 'isIconGroup' | 'size'> & Pick<ButtonPropsIconGroup, 'iconGroupOrder'>>;
 
-export declare type StyledDollarButtonProps = AddDollarSign<Pick<ButtonProps, 'genre' | 'isDisabled' | 'isHidden' | 'isWidthAsHeight' | 'isMinWidthAsContent' | 'isRadius' | 'isHiddenBorder' | 'isPlaystationEffect' | 'size' | 'isFullSize' | 'isNotHoverEffect'>> & addSXStyleProps & addSXTypographyStyleProps;
+export declare type StyledDollarButtonProps = AddDollarSign<Pick<ButtonProps, 'genre' | 'isDisabled' | 'isHidden' | 'isWidthAsHeight' | 'isMinWidthAsContent' | 'isRadius' | 'isHiddenBorder' | 'isPlaystationEffect' | 'size' | 'isFullSize' | 'isNotHoverEffect' | 'font'>> & addSXStyleProps & addOutlinePropsDollar & addSXTypographyStyleProps;
 
 declare type SXProps = ({
     default: CSSObject;

package/build/component-button.es.js

@@ -1,4 +1,4 @@
-import { c, B, a, b, S } from "./component-C4ULY0c6.js";
+import { c, B, a, b, S } from "./component-DJYgewYg.js";
 export {
   c as Button,
   B as ButtonSize,

package/build/component-checkbox-group.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-8tkaznu_.cjs");exports.CheckboxChildren=e.CheckboxChildren,exports.CheckboxGroup=e.CheckboxGroup,exports.CheckboxGroupItem=e.CheckboxGroupItem,exports.CheckboxGroupLabel=e.CheckboxGroupLabel,exports.CheckboxGroupSize=e.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=e.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=e.CheckboxGroupWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-DWGUgUoF.cjs");exports.CheckboxChildren=e.CheckboxChildren,exports.CheckboxGroup=e.CheckboxGroup,exports.CheckboxGroupItem=e.CheckboxGroupItem,exports.CheckboxGroupLabel=e.CheckboxGroupLabel,exports.CheckboxGroupSize=e.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=e.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=e.CheckboxGroupWrapper;
 //# sourceMappingURL=component-checkbox-group.cjs.js.map

package/build/component-checkbox-group.d.ts

@@ -19,6 +19,16 @@ declare interface addErrorProps {
     error?: ErrorMessageProps;
 }
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
+declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
 declare interface addSXProps {
     sx?: SXProps;
 }
@@ -52,7 +62,7 @@ export declare type CheckboxGroupProps<T extends ICheckboxValue> = {
     options: T[];
     value: T[];
     valueField: keyof T;
-} & addSXProps;
+} & addSXProps & addFontProps;
 
 /****************************************** Size *************************************************/
 export declare const CheckboxGroupSize: RuleSet<CheckboxGroupWrapperProps>;
@@ -62,7 +72,7 @@ export declare const CheckboxGroupSizeConstructor: (props: IThemeSizePropertyDef
 /****************************************** Default *************************************************/
 export declare const CheckboxGroupWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CheckboxGroupWrapperProps>> & string;
 
-export declare type CheckboxGroupWrapperProps = AddDollarSign<Pick<CheckboxGroupProps<ICheckboxValue>, 'size'>> & addSXStyleProps;
+export declare type CheckboxGroupWrapperProps = AddDollarSign<Pick<CheckboxGroupProps<ICheckboxValue>, 'size' | 'font'>> & addSXStyleProps;
 
 declare type CheckboxProps = PropsWithChildren & {
     checked?: boolean;
@@ -78,7 +88,7 @@ declare type CheckboxProps = PropsWithChildren & {
     onChange?: (checked: boolean) => void;
     isWidthAsHeight?: boolean;
     size: IThemeSize;
-} & addSXProps & addErrorProps & addSXTypographyProps;
+} & addSXProps & addErrorProps & addSXTypographyProps & addOutlineProps & addFontProps;
 
 declare enum ENUM_ICON_BUSTMARKET {
     Card = 0,
@@ -220,6 +230,13 @@ declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
+} & addFontProps;
+
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
 };
 
 export declare interface ICheckboxValue {

package/build/component-checkbox-group.es.js

@@ -1,4 +1,4 @@
-import { f, C, d, e, a, b, c } from "./component.styles-CpFA5YrM.js";
+import { f, C, d, e, a, b, c } from "./component.styles-nl99kkS3.js";
 export {
   f as CheckboxChildren,
   C as CheckboxGroup,

package/build/component-checkbox.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BuzZQhqS.cjs");exports.Checkbox=e.Checkbox,exports.CheckboxGenre=e.CheckboxGenre,exports.CheckboxSize=e.CheckboxSize,exports.CheckboxSizeConstructor=e.CheckboxSizeConstructor,exports.CheckboxWrapper=e.CheckboxWrapper,exports.StyledIcon=e.StyledIcon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BpvpyZax.cjs");exports.Checkbox=e.Checkbox,exports.CheckboxGenre=e.CheckboxGenre,exports.CheckboxSize=e.CheckboxSize,exports.CheckboxSizeConstructor=e.CheckboxSizeConstructor,exports.CheckboxWrapper=e.CheckboxWrapper,exports.StyledIcon=e.StyledIcon;
 //# sourceMappingURL=component-checkbox.cjs.js.map

package/build/component-checkbox.d.ts

@@ -29,6 +29,18 @@ declare interface addErrorProps {
 
 declare type addErrorStylesProps = AddDollarSign<addErrorProps>;
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
+declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
+declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;
+
 declare interface addSXProps {
     sx?: SXProps;
 }
@@ -60,7 +72,7 @@ export declare type CheckboxProps = PropsWithChildren & {
     onChange?: (checked: boolean) => void;
     isWidthAsHeight?: boolean;
     size: IThemeSize;
-} & addSXProps & addErrorProps & addSXTypographyProps;
+} & addSXProps & addErrorProps & addSXTypographyProps & addOutlineProps & addFontProps;
 
 /****************************************** Size *************************************************/
 export declare const CheckboxSize: RuleSet<StyledCheckboxProps>;
@@ -212,6 +224,13 @@ declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
+} & addFontProps;
+
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
 };
 
 declare type IconItemProps<T extends keyof IconTypeMap> = {
@@ -276,7 +295,7 @@ declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' |
 
 declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
 
-export declare type StyledCheckboxProps = AddDollarSign<Pick<CheckboxProps, 'checked' | 'genre' | 'view' | 'isWidthAsHeight' | 'size' | 'isDisabled' | 'isNotBackground' | 'isHiddenBorder'>> & addSXStyleProps & addErrorStylesProps & addSXTypographyStyleProps;
+export declare type StyledCheckboxProps = AddDollarSign<Pick<CheckboxProps, 'checked' | 'genre' | 'view' | 'isWidthAsHeight' | 'size' | 'isDisabled' | 'isNotBackground' | 'isHiddenBorder' | 'font'>> & addSXStyleProps & addErrorStylesProps & addSXTypographyStyleProps & addOutlinePropsDollar;
 
 /****************************************** Styled *************************************************/
 export declare const StyledIcon: IStyledComponentBase<"web", Substitute<    {

package/build/component-checkbox.es.js

@@ -1,4 +1,4 @@
-import { C, c, a, b, d, S } from "./component.styles-5Xz_H-fR.js";
+import { C, c, a, b, d, S } from "./component.styles-DARNjy9P.js";
 export {
   C as Checkbox,
   c as CheckboxGenre,

package/build/component-date-picker.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.types-ydMLhabS.cjs");exports.DateDropdownDay=t.DateDropdownDay,exports.DateDropdownDayOfWeek=t.DateDropdownDayOfWeek,exports.DateDropdownDays=t.DateDropdownDays,exports.DateDropdownList=t.DateDropdownList,exports.DateDropdownListParent=t.DateDropdownListParent,exports.DateInput=t.DateInput,exports.DateInputButton=t.DateInputButton,exports.DateInputWrapper=t.DateInputWrapper,exports.DatePicker=t.DatePicker,exports.DatePickerVariant=t.DatePickerVariant,exports.DateWrapper=t.DateWrapper,exports.addDateDropdownDaySize=t.addDateDropdownDaySize,exports.addDateInputButtonSize=t.addDateInputButtonSize,exports.addDateInputWrapperSize=t.addDateInputWrapperSize;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.types-CWp0NPUN.cjs");exports.DateDropdownDay=t.DateDropdownDay,exports.DateDropdownDayOfWeek=t.DateDropdownDayOfWeek,exports.DateDropdownDays=t.DateDropdownDays,exports.DateDropdownList=t.DateDropdownList,exports.DateDropdownListParent=t.DateDropdownListParent,exports.DateInput=t.DateInput,exports.DateInputButton=t.DateInputButton,exports.DateInputWrapper=t.DateInputWrapper,exports.DatePicker=t.DatePicker,exports.DatePickerVariant=t.DatePickerVariant,exports.DateWrapper=t.DateWrapper,exports.addDateDropdownDaySize=t.addDateDropdownDaySize,exports.addDateInputButtonSize=t.addDateInputButtonSize,exports.addDateInputWrapperSize=t.addDateInputWrapperSize;
 //# sourceMappingURL=component-date-picker.cjs.js.map