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

package/build/component-Bzw_uobM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-Bzw_uobM.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';\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\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            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\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.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            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\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            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\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 ? <ErrorMessage {...props.error} size={props?.error.size ?? props.size} /> : 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":["jsxs","Fragment","jsx","props"],"mappings":"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"}

package/build/component-C4ULY0c6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-C4ULY0c6.js","sources":["../src/components/button/component.styles.ts","../src/components/button/component.tsx"],"sourcesContent":["import { motion } from 'framer-motion'\nimport styled, { css } from 'styled-components'\n\nimport { addRippleDefault } from '@local/components/ripple'\nimport { addSXTypography, getFontSizeStyles } from '@local/components/typography'\nimport { addOutline, addTransition } from '@local/styles/add'\nimport { addSX } from '@local/styles/sx'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { StyledDollarButtonIconsWrapperProps, StyledDollarButtonProps } from '.'\n\n/****************************************** Genre *************************************************/\nconst ButtonGenre = css<StyledDollarButtonProps>`\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    &:hover {\n      ${(!props.$isHidden || props.$isNotHoverEffect) &&\n      css`\n        background: ${props.theme.colors.button[props.$genre].background.hover};\n        border-color: ${props.theme.colors.button[props.$genre].border.hover};\n        color: ${props.theme.colors.button[props.$genre].color.hover};\n      `}\n    }\n  `};\n`\n\n/****************************************** Disabled *************************************************/\nconst ButtonDisabled = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isHidden\n      ? css`\n          opacity: 0.5;\n          background: ${props.theme.colors.button[props.$genre].background.rest} !important;\n          color: ${props.theme.colors.button[props.$genre].color.rest} !important;\n        `\n      : css`\n          opacity: 1;\n        `}\n`\n/****************************************** is HiddenBorder *************************************************/\nconst ButtonIsHiddenBorder = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isHiddenBorder &&\n    css`\n      border: 0px transparent !important;\n    `}\n`\n/****************************************** is Radius *************************************************/\nconst ButtonIsRadius = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isRadius &&\n    css`\n      border-radius: 100px;\n    `}\n`\n/****************************************** is PlaystationEffect *************************************************/\nconst ButtonIsPlaystationEffect = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isPlaystationEffect &&\n    css`\n      box-shadow: ${props.theme.effects.button};\n    `}\n`\n/****************************************** Icons Wrapper *************************************************/\nexport const StyledButtonIconsWrapper = styled.div<StyledDollarButtonIconsWrapperProps>`\n  ${props =>\n    props.$isIconGroup\n      ? css`\n          display: flex;\n          gap: ${KEY_SIZE_DATA[props.$size].padding - 2}px;\n          align-items: center;\n          order: ${props.$iconGroupOrder || 'initial'};\n        `\n      : css`\n          display: contents;\n        `}\n`\n\n/****************************************** Size *************************************************/\nexport const ButtonSize = css<StyledDollarButtonProps>`\n  ${props =>\n    ButtonSizeConstructor({\n      ...KEY_SIZE_DATA[props.$size],\n      isFullSize: props.$isFullSize,\n      isWidthAsHeight: props.$isWidthAsHeight,\n      isMinWidthAsContent: props.$isMinWidthAsContent\n    })};\n`\nexport const ButtonSizeConstructor = (\n  props: IThemeSizePropertyDefault & {\n    isFullSize?: boolean\n    isWidthAsHeight?: boolean\n    isMinWidthAsContent?: boolean\n  }\n) => css`\n  height: fit-content;\n  min-height: ${props.height}px;\n  max-height: fit-content;\n  padding: 2px ${props.padding}px;\n  border-radius: ${props.radius}px;\n  gap: ${props.padding - 2}px;\n  ${params => getFontSizeStyles(props.font, 700, params.theme.font.family)};\n  ${() =>\n    props.isFullSize &&\n    css`\n      height: 100%;\n      width: 100%;\n      border-radius: 0px;\n    `};\n  ${props.isWidthAsHeight &&\n  css`\n    width: ${props.height}px;\n    min-width: ${props.height}px;\n    padding: 0px;\n  `};\n  ${props.isMinWidthAsContent &&\n  css`\n    min-width: max-content;\n  `};\n`\n/****************************************** Border *************************************************/\nconst ButtonBorder = css`\n  border: 1px solid transparent;\n`\n\n/****************************************** Flex *************************************************/\nconst ButtonFlex = css<StyledDollarButtonProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n/****************************************** Styled *************************************************/\nexport const StyledButton = styled(motion.button)<StyledDollarButtonProps>`\n  cursor: pointer;\n  user-select: none;\n\n  ${ButtonBorder};\n  ${ButtonSize};\n  ${ButtonGenre};\n  ${ButtonDisabled};\n  ${ButtonIsHiddenBorder};\n  ${ButtonIsRadius};\n  ${ButtonIsPlaystationEffect};\n  ${ButtonFlex};\n  ${addRippleDefault};\n  ${addTransition};\n  ${addOutline};\n  ${addSXTypography};\n  ${addSX};\n`\n","import {\n  Icon,\n  TIconBustMarketNameString,\n  TIconCheckboxNameString,\n  TIconIdNameString,\n  TIconLoadingNameString,\n  TIconLogoNameString,\n  TIconRealEbailNameString,\n} from '@local/components/icon';\nimport { Ripple } from '@local/components/ripple';\n\nimport { useMergeRefs } from '@floating-ui/react';\nimport { FC, Ref, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ButtonProps, StyledButton, StyledButtonIconsWrapper } from '.';\n\nexport const Button: FC<ButtonProps> = (props) => {\n  const theme = useTheme();\n\n  const iconComponents = useMemo(\n    () =>\n      (props.icons ?? [])\n        ?.filter((icon) => !icon.isHidden)\n        ?.map((icon, index) =>\n          icon?.type === 'id' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconIdNameString}\n              type='id'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'logo' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconLogoNameString}\n              type='logo'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'bustmarket' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconBustMarketNameString}\n              type='bustmarket'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'checkbox' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconCheckboxNameString}\n              type='checkbox'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'loading' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconLoadingNameString}\n              type='loading'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'realebail' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconRealEbailNameString}\n              type='realebail'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : null,\n        ),\n    [props.icons, props.size],\n  );\n\n  const handleClick: ButtonProps['onClick'] = (event) => {\n    if (!props.isDisabled && props.onClick) {\n      props.onClick(event);\n    }\n  };\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  return (\n    <StyledButton\n      $isNotHoverEffect={props.isNotHoverEffect}\n      whileTap={props.isWhileTapEffect ? { scale: 0.9, transition: { duration: 0.01 } } : {}}\n      id={props.id}\n      tabIndex={props.tabIndex ?? 0}\n      $isFullSize={props.isFullSize}\n      $genre={props.genre}\n      $size={props.size}\n      $isDisabled={props.isDisabled}\n      $isMinWidthAsContent={props.isMinWidthAsContent}\n      $isWidthAsHeight={props.isWidthAsHeight}\n      $isRadius={props.isRadius}\n      $isHidden={props.isHidden}\n      $isPlaystationEffect={props.isPlaystationEffect}\n      $sxTypography={props.sxTypography}\n      $isHiddenBorder={props.isHiddenBorder || props.isPlaystationEffect}\n      disabled={props.isDisabled}\n      type={props.type ?? 'button'}\n      className={props.className}\n      onClick={handleClick}\n      onFocus={props.onFocus}\n      onMouseDown={props.onMouseDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      $sx={props.sx}\n    >\n      <Ripple\n        color={theme.colors.checkbox[props.genre].color.rest}\n        isDisabled={props.isDisabled ?? props.isDisabledRipple}\n        isHidden={props.isHidden}\n      />\n\n      {!props.isOnlyIcon && <div style={{ order: 0, display: 'contents' }}>{props.children && props.children}</div>}\n      <StyledButtonIconsWrapper\n        $size={props.size}\n        $isIconGroup={props.isIconGroup}\n        $iconGroupOrder={'iconGroupOrder' in props ? props.iconGroupOrder : undefined}\n      >\n        {iconComponents}\n      </StyledButtonIconsWrapper>\n    </StyledButton>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":"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"}

package/build/component-CACoGUK9.cjs

@@ -1,251 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./context.hooks-BIsapq-0.cjs"),n=require("@tanstack/react-router"),i=require("react"),r=require("styled-components"),o=require("./theme.global-B9t2Fi10.cjs"),s=require("react-dom"),l=require("framer-motion"),c=require("./style-mc2ST5fY.cjs"),a=require("./style-fRZ6xrVp.cjs"),f=require("./component-BV_7tGiu.cjs");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const d=u(i),m=u(s),h=(e,t,n,i)=>r.css`
-  font-family: ${n||"inherit"};
-  font-style: normal;
-  line-height: ${e=>i||e.theme.font.lineHeight};
-  font-size: ${e}px;
-  font-weight: ${t};
-`,p=r.keyframes`
-  0% {
-    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
-  }
-  50% {
-    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
-  }
-  100% {
-    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
-  }
-`;function g(e){return r.css`
-    ${e.shadow&&"shadowPulse"===e.shadow&&r.css`
-      animation: ${p} 2s infinite;
-    `};
-    ${e.letterSpacing&&r.css`
-      letter-spacing: ${e.letterSpacing};
-    `};
-    ${e.flex&&r.css`
-      flex: ${e.flex};
-    `};
-    ${e.cursor&&r.css`
-      cursor: ${e.cursor};
-    `};
-    ${e.overflow&&r.css`
-      overflow: ${e.overflow};
-    `};
-    ${void 0!==e.line?1===e.line?r.css`
-            text-overflow: ellipsis;
-            overflow: hidden;
-            white-space: nowrap;
-            width: -webkit-fill-available;
-            max-width: fit-content;
-          `:r.css`
-            word-break: break-word;
-            white-space: normal;
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            overflow: hidden;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: ${e.line};
-            width: fit-content;
-            overflow-wrap: anywhere;
-          `:r.css``};
-    ${e.family&&r.css`
-      font-family: ${e.family};
-    `};
-    ${e.weight&&r.css`
-      font-weight: ${e.weight};
-    `};
-    ${e.height&&r.css`
-      line-height: ${e.height}px;
-    `};
-    ${e.color&&r.css`
-      color: ${o.JeneseiPalette[e.color]};
-    `};
-    ${e.align&&r.css`
-      text-align: ${e.align};
-    `};
-    ${e.wrap&&r.css`
-      text-wrap: ${e.wrap};
-    `};
-    ${e.decoration&&r.css`
-      text-decoration: ${e.decoration};
-    `};
-    ${e.transform&&r.css`
-      text-transform: ${e.transform};
-    `};
-    ${e.isHoverUnderlining&&r.css`
-      &:hover {
-        text-decoration: underline;
-      }
-    `};
-    ${e.isNoUserSelect&&r.css`
-      user-select: none;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-    `};
-    ${"size"in e&&e.size&&r.css`
-      font-size: ${e.size}px;
-    `};
-    ${"variant"in e&&e.variant?"h1"===e.variant?r.css`
-            font-size: ${e=>e.theme.font.sizeHeading.h1*e.theme.font.sizeDefault.default}px;
-            line-height: ${e=>e.theme.font.lineHeight};
-            margin: 0;
-            @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
-              font-size: ${e=>e.theme.font.sizeHeading.h1*e.theme.font.sizeDefault.tablet}px;
-            }
-
-            @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
-              font-size: ${e=>e.theme.font.sizeHeading.h1*e.theme.font.sizeDefault.mobile}px;
-            }
-          `:"h2"===e.variant?r.css`
-              font-size: ${e=>e.theme.font.sizeHeading.h2*e.theme.font.sizeDefault.default}px;
-              line-height: ${e=>e.theme.font.lineHeight};
-              margin: 0;
-              @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
-                font-size: ${e=>e.theme.font.sizeHeading.h2*e.theme.font.sizeDefault.tablet}px;
-              }
-
-              @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
-                font-size: ${e=>e.theme.font.sizeHeading.h2*e.theme.font.sizeDefault.mobile}px;
-              }
-            `:"h3"===e.variant?r.css`
-                font-size: ${e=>e.theme.font.sizeHeading.h3*e.theme.font.sizeDefault.default}px;
-                line-height: ${e=>e.theme.font.lineHeight};
-                margin: 0;
-                @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
-                  font-size: ${e=>e.theme.font.sizeHeading.h3*e.theme.font.sizeDefault.tablet}px;
-                }
-
-                @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
-                  font-size: ${e=>e.theme.font.sizeHeading.h3*e.theme.font.sizeDefault.mobile}px;
-                }
-              `:"h4"===e.variant?r.css`
-                  font-size: ${e=>e.theme.font.sizeHeading.h4*e.theme.font.sizeDefault.default}px;
-                  line-height: ${e=>e.theme.font.lineHeight};
-                  margin: 0;
-                  @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
-                    font-size: ${e=>e.theme.font.sizeHeading.h4*e.theme.font.sizeDefault.tablet}px;
-                  }
-
-                  @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
-                    font-size: ${e=>e.theme.font.sizeHeading.h4*e.theme.font.sizeDefault.mobile}px;
-                  }
-                `:"h5"===e.variant?r.css`
-                    font-size: ${e=>e.theme.font.sizeHeading.h5*e.theme.font.sizeDefault.default}px;
-                    line-height: ${e=>e.theme.font.lineHeight};
-                    margin: 0;
-                    @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
-                      font-size: ${e=>e.theme.font.sizeHeading.h5*e.theme.font.sizeDefault.tablet}px;
-                    }
-
-                    @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
-                      font-size: ${e=>e.theme.font.sizeHeading.h5*e.theme.font.sizeDefault.mobile}px;
-                    }
-                  `:"h6"===e.variant?r.css`
-                      font-size: ${e=>e.theme.font.sizeHeading.h6*e.theme.font.sizeDefault.default}px;
-                      line-height: ${e=>e.theme.font.lineHeight};
-                      margin: 0;
-                      @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
-                        font-size: ${e=>e.theme.font.sizeHeading.h6*e.theme.font.sizeDefault.tablet}px;
-                      }
-
-                      @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
-                        font-size: ${e=>e.theme.font.sizeHeading.h6*e.theme.font.sizeDefault.mobile}px;
-                      }
-                    `:"h7"===e.variant?r.css`
-                        font-size: ${e=>e.theme.font.sizeHeading.h7*e.theme.font.sizeDefault.default}px;
-                        line-height: ${e=>e.theme.font.lineHeight};
-                        margin: 0;
-                        @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
-                          font-size: ${e=>e.theme.font.sizeHeading.h7*e.theme.font.sizeDefault.tablet}px;
-                        }
-
-                        @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
-                          font-size: ${e=>e.theme.font.sizeHeading.h7*e.theme.font.sizeDefault.mobile}px;
-                        }
-                      `:"h8"===e.variant?r.css`
-                          font-size: ${e=>e.theme.font.sizeHeading.h8*e.theme.font.sizeDefault.default}px;
-                          line-height: ${e=>e.theme.font.lineHeight};
-                          margin: 0;
-                          @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
-                            font-size: ${e=>e.theme.font.sizeHeading.h8*e.theme.font.sizeDefault.tablet}px;
-                          }
-
-                          @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
-                            font-size: ${e=>e.theme.font.sizeHeading.h8*e.theme.font.sizeDefault.mobile}px;
-                          }
-                        `:"h9"===e.variant?r.css`
-                            font-size: ${e=>e.theme.font.sizeHeading.h9*e.theme.font.sizeDefault.default}px;
-                            line-height: ${e=>e.theme.font.lineHeight};
-                            margin: 0;
-                            @media (max-width: ${e=>e.theme.screens.tablet.width}px) {
-                              font-size: ${e=>e.theme.font.sizeHeading.h9*e.theme.font.sizeDefault.tablet}px;
-                            }
-
-                            @media (max-width: ${e=>e.theme.screens.mobile.width}px) {
-                              font-size: ${e=>e.theme.font.sizeHeading.h9*e.theme.font.sizeDefault.mobile}px;
-                            }
-                          `:null:null};
-  `}const x=r.css`
-  ${e=>{const t=e.$sxTypography;return t?g(t.default):null}}
-
-  ${e=>{const t=e.$sxTypography;return t?Object.entries(t).filter(([e])=>"default"!==e).map(([t,n])=>{var i;const o=null==(i=e.theme.screens[t])?void 0:i.width;return o?r.css`
-          @media (max-width: ${o}px) {
-            ${g(n)}
-          }
-        `:null}):null}}
-`,y=r.css`
-  font-style: normal;
-  position: relative;
-  overflow: visible;
-  text-overflow: ellipsis;
-  overflow-wrap: anywhere;
-  line-height: ${e=>e.theme.font.lineHeight};
-  ${x};
-  ${a.addSX}
-`,w=r.span`
-  ${y}
-  ${c.addOutline}
-`;function v(){return"undefined"!=typeof window}function b(e){return z(e)?(e.nodeName||"").toLowerCase():"#document"}function $(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function E(e){var t;return null==(t=(z(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function z(e){return!!v()&&(e instanceof Node||e instanceof $(e).Node)}function R(e){return!!v()&&(e instanceof Element||e instanceof $(e).Element)}function T(e){return!!v()&&(e instanceof HTMLElement||e instanceof $(e).HTMLElement)}function D(e){return!(!v()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof $(e).ShadowRoot)}function L(e){const{overflow:t,overflowX:n,overflowY:i,display:r}=A(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+n)&&!["inline","contents"].includes(r)}function C(e){return["table","td","th"].includes(b(e))}function H(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch(n){return!1}})}function S(e){const t=k(),n=R(e)?A(e):e;return["transform","translate","scale","rotate","perspective"].some(e=>!!n[e]&&"none"!==n[e])||!!n.containerType&&"normal"!==n.containerType||!t&&!!n.backdropFilter&&"none"!==n.backdropFilter||!t&&!!n.filter&&"none"!==n.filter||["transform","translate","scale","rotate","perspective","filter"].some(e=>(n.willChange||"").includes(e))||["paint","layout","strict","content"].some(e=>(n.contain||"").includes(e))}function k(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function O(e){return["html","body","#document"].includes(b(e))}function A(e){return $(e).getComputedStyle(e)}function j(e){return R(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function M(e){if("html"===b(e))return e;const t=e.assignedSlot||e.parentNode||D(e)&&e.host||E(e);return D(t)?t.host:t}function P(e){const t=M(e);return O(t)?e.ownerDocument?e.ownerDocument.body:e.body:T(t)&&L(t)?t:P(t)}function F(e,t,n){var i;void 0===t&&(t=[]),void 0===n&&(n=!0);const r=P(e),o=r===(null==(i=e.ownerDocument)?void 0:i.body),s=$(r);if(o){const e=W(s);return t.concat(s,s.visualViewport||[],L(r)?r:[],e&&n?F(e):[])}return t.concat(r,F(r,[],n))}function W(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}const B=Math.min,N=Math.max,I=Math.round,_=Math.floor,q=e=>({x:e,y:e}),V={left:"right",right:"left",bottom:"top",top:"bottom"},U={start:"end",end:"start"};function X(e,t,n){return N(e,B(t,n))}function Y(e,t){return"function"==typeof e?e(t):e}function K(e){return e.split("-")[0]}function Z(e){return e.split("-")[1]}function J(e){return"x"===e?"y":"x"}function G(e){return"y"===e?"height":"width"}function Q(e){return["top","bottom"].includes(K(e))?"y":"x"}function ee(e){return J(Q(e))}function te(e){return e.replace(/start|end/g,e=>U[e])}function ne(e){return e.replace(/left|right|bottom|top/g,e=>V[e])}function ie(e){const{x:t,y:n,width:i,height:r}=e;return{width:i,height:r,top:n,left:t,right:t+i,bottom:n+r,x:t,y:n}}var re="undefined"!=typeof document?i.useLayoutEffect:function(){};const oe={...d}.useInsertionEffect||(e=>e());function se(e,t,n){let{reference:i,floating:r}=e;const o=Q(t),s=ee(t),l=G(s),c=K(t),a="y"===o,f=i.x+i.width/2-r.width/2,u=i.y+i.height/2-r.height/2,d=i[l]/2-r[l]/2;let m;switch(c){case"top":m={x:f,y:i.y-r.height};break;case"bottom":m={x:f,y:i.y+i.height};break;case"right":m={x:i.x+i.width,y:u};break;case"left":m={x:i.x-r.width,y:u};break;default:m={x:i.x,y:i.y}}switch(Z(t)){case"start":m[s]-=d*(n&&a?-1:1);break;case"end":m[s]+=d*(n&&a?-1:1)}return m}async function le(e,t){var n;void 0===t&&(t={});const{x:i,y:r,platform:o,rects:s,elements:l,strategy:c}=e,{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:d=!1,padding:m=0}=Y(t,e),h=function(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}(m),p=l[d?"floating"===u?"reference":"floating":u],g=ie(await o.getClippingRect({element:null==(n=await(null==o.isElement?void 0:o.isElement(p)))||n?p:p.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(l.floating)),boundary:a,rootBoundary:f,strategy:c})),x="floating"===u?{x:i,y:r,width:s.floating.width,height:s.floating.height}:s.reference,y=await(null==o.getOffsetParent?void 0:o.getOffsetParent(l.floating)),w=await(null==o.isElement?void 0:o.isElement(y))&&await(null==o.getScale?void 0:o.getScale(y))||{x:1,y:1},v=ie(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:x,offsetParent:y,strategy:c}):x);return{top:(g.top-v.top+h.top)/w.y,bottom:(v.bottom-g.bottom+h.bottom)/w.y,left:(g.left-v.left+h.left)/w.x,right:(v.right-g.right+h.right)/w.x}}function ce(e){const t=A(e);let n=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const r=T(e),o=r?e.offsetWidth:n,s=r?e.offsetHeight:i,l=I(n)!==o||I(i)!==s;return l&&(n=o,i=s),{width:n,height:i,$:l}}function ae(e){return R(e)?e:e.contextElement}function fe(e){const t=ae(e);if(!T(t))return q(1);const n=t.getBoundingClientRect(),{width:i,height:r,$:o}=ce(t);let s=(o?I(n.width):n.width)/i,l=(o?I(n.height):n.height)/r;return s&&Number.isFinite(s)||(s=1),l&&Number.isFinite(l)||(l=1),{x:s,y:l}}const ue=q(0);function de(e){const t=$(e);return k()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:ue}function me(e,t,n,i){void 0===t&&(t=!1),void 0===n&&(n=!1);const r=e.getBoundingClientRect(),o=ae(e);let s=q(1);t&&(i?R(i)&&(s=fe(i)):s=fe(e));const l=function(e,t,n){return void 0===t&&(t=!1),!(!n||t&&n!==$(e))&&t}(o,n,i)?de(o):q(0);let c=(r.left+l.x)/s.x,a=(r.top+l.y)/s.y,f=r.width/s.x,u=r.height/s.y;if(o){const e=$(o),t=i&&R(i)?$(i):i;let n=e,r=W(n);for(;r&&i&&t!==n;){const e=fe(r),t=r.getBoundingClientRect(),i=A(r),o=t.left+(r.clientLeft+parseFloat(i.paddingLeft))*e.x,s=t.top+(r.clientTop+parseFloat(i.paddingTop))*e.y;c*=e.x,a*=e.y,f*=e.x,u*=e.y,c+=o,a+=s,n=$(r),r=W(n)}}return ie({width:f,height:u,x:c,y:a})}function he(e,t){const n=j(e).scrollLeft;return t?t.left+n:me(E(e)).left+n}function pe(e,t,n){void 0===n&&(n=!1);const i=e.getBoundingClientRect();return{x:i.left+t.scrollLeft-(n?0:he(e,i)),y:i.top+t.scrollTop}}function ge(e,t,n){let i;if("viewport"===t)i=function(e,t){const n=$(e),i=E(e),r=n.visualViewport;let o=i.clientWidth,s=i.clientHeight,l=0,c=0;if(r){o=r.width,s=r.height;const e=k();(!e||e&&"fixed"===t)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:o,height:s,x:l,y:c}}(e,n);else if("document"===t)i=function(e){const t=E(e),n=j(e),i=e.ownerDocument.body,r=N(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),o=N(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let s=-n.scrollLeft+he(e);const l=-n.scrollTop;return"rtl"===A(i).direction&&(s+=N(t.clientWidth,i.clientWidth)-r),{width:r,height:o,x:s,y:l}}(E(e));else if(R(t))i=function(e,t){const n=me(e,!0,"fixed"===t),i=n.top+e.clientTop,r=n.left+e.clientLeft,o=T(e)?fe(e):q(1);return{width:e.clientWidth*o.x,height:e.clientHeight*o.y,x:r*o.x,y:i*o.y}}(t,n);else{const n=de(e);i={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return ie(i)}function xe(e,t){const n=M(e);return!(n===t||!R(n)||O(n))&&("fixed"===A(n).position||xe(n,t))}function ye(e,t,n){const i=T(t),r=E(t),o="fixed"===n,s=me(e,!0,o,t);let l={scrollLeft:0,scrollTop:0};const c=q(0);function a(){c.x=he(r)}if(i||!i&&!o)if(("body"!==b(t)||L(r))&&(l=j(t)),i){const e=me(t,!0,o,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else r&&a();o&&!i&&r&&a();const f=!r||i||o?q(0):pe(r,l);return{x:s.left+l.scrollLeft-c.x-f.x,y:s.top+l.scrollTop-c.y-f.y,width:s.width,height:s.height}}function we(e){return"static"===A(e).position}function ve(e,t){if(!T(e)||"fixed"===A(e).position)return null;if(t)return t(e);let n=e.offsetParent;return E(e)===n&&(n=n.ownerDocument.body),n}function be(e,t){const n=$(e);if(H(e))return n;if(!T(e)){let t=M(e);for(;t&&!O(t);){if(R(t)&&!we(t))return t;t=M(t)}return n}let i=ve(e,t);for(;i&&C(i)&&we(i);)i=ve(i,t);return i&&O(i)&&we(i)&&!S(i)?n:i||function(e){let t=M(e);for(;T(t)&&!O(t);){if(S(t))return t;if(H(t))return null;t=M(t)}return null}(e)||n}const $e={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:n,offsetParent:i,strategy:r}=e;const o="fixed"===r,s=E(i),l=!!t&&H(t.floating);if(i===s||l&&o)return n;let c={scrollLeft:0,scrollTop:0},a=q(1);const f=q(0),u=T(i);if((u||!u&&!o)&&(("body"!==b(i)||L(s))&&(c=j(i)),T(i))){const e=me(i);a=fe(i),f.x=e.x+i.clientLeft,f.y=e.y+i.clientTop}const d=!s||u||o?q(0):pe(s,c,!0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-c.scrollLeft*a.x+f.x+d.x,y:n.y*a.y-c.scrollTop*a.y+f.y+d.y}},getDocumentElement:E,getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:i,strategy:r}=e;const o=[..."clippingAncestors"===n?H(t)?[]:function(e,t){const n=t.get(e);if(n)return n;let i=F(e,[],!1).filter(e=>R(e)&&"body"!==b(e)),r=null;const o="fixed"===A(e).position;let s=o?M(e):e;for(;R(s)&&!O(s);){const t=A(s),n=S(s);n||"fixed"!==t.position||(r=null),(o?!n&&!r:!n&&"static"===t.position&&r&&["absolute","fixed"].includes(r.position)||L(s)&&!n&&xe(e,s))?i=i.filter(e=>e!==s):r=t,s=M(s)}return t.set(e,i),i}(t,this._c):[].concat(n),i],s=o[0],l=o.reduce((e,n)=>{const i=ge(t,n,r);return e.top=N(i.top,e.top),e.right=B(i.right,e.right),e.bottom=B(i.bottom,e.bottom),e.left=N(i.left,e.left),e},ge(t,s,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:be,getElementRects:async function(e){const t=this.getOffsetParent||be,n=this.getDimensions,i=await n(e.floating);return{reference:ye(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:n}=ce(e);return{width:t,height:n}},getScale:fe,isElement:R,isRTL:function(e){return"rtl"===A(e).direction}};function Ee(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function ze(e,t,n,i){void 0===i&&(i={});const{ancestorScroll:r=!0,ancestorResize:o=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:c=!1}=i,a=ae(e),f=r||o?[...a?F(a):[],...F(t)]:[];f.forEach(e=>{r&&e.addEventListener("scroll",n,{passive:!0}),o&&e.addEventListener("resize",n)});const u=a&&l?function(e,t){let n,i=null;const r=E(e);function o(){var e;clearTimeout(n),null==(e=i)||e.disconnect(),i=null}return function s(l,c){void 0===l&&(l=!1),void 0===c&&(c=1),o();const a=e.getBoundingClientRect(),{left:f,top:u,width:d,height:m}=a;if(l||t(),!d||!m)return;const h={rootMargin:-_(u)+"px "+-_(r.clientWidth-(f+d))+"px "+-_(r.clientHeight-(u+m))+"px "+-_(f)+"px",threshold:N(0,B(1,c))||1};let p=!0;function g(t){const i=t[0].intersectionRatio;if(i!==c){if(!p)return s();i?s(!1,i):n=setTimeout(()=>{s(!1,1e-7)},1e3)}1!==i||Ee(a,e.getBoundingClientRect())||s(),p=!1}try{i=new IntersectionObserver(g,{...h,root:r.ownerDocument})}catch(x){i=new IntersectionObserver(g,h)}i.observe(e)}(!0),o}(a,n):null;let d,m=-1,h=null;s&&(h=new ResizeObserver(e=>{let[i]=e;i&&i.target===a&&h&&(h.unobserve(t),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var e;null==(e=h)||e.observe(t)})),n()}),a&&!c&&h.observe(a),h.observe(t));let p=c?me(e):null;return c&&function t(){const i=me(e);p&&!Ee(p,i)&&n();p=i,d=requestAnimationFrame(t)}(),n(),()=>{var e;f.forEach(e=>{r&&e.removeEventListener("scroll",n),o&&e.removeEventListener("resize",n)}),null==u||u(),null==(e=h)||e.disconnect(),h=null,c&&cancelAnimationFrame(d)}}const Re=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var n,i;const{x:r,y:o,placement:s,middlewareData:l}=t,c=await async function(e,t){const{placement:n,platform:i,elements:r}=e,o=await(null==i.isRTL?void 0:i.isRTL(r.floating)),s=K(n),l=Z(n),c="y"===Q(n),a=["left","top"].includes(s)?-1:1,f=o&&c?-1:1,u=Y(t,e);let{mainAxis:d,crossAxis:m,alignmentAxis:h}="number"==typeof u?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return l&&"number"==typeof h&&(m="end"===l?-1*h:h),c?{x:m*f,y:d*a}:{x:d*a,y:m*f}}(t,e);return s===(null==(n=l.offset)?void 0:n.placement)&&null!=(i=l.arrow)&&i.alignmentOffset?{}:{x:r+c.x,y:o+c.y,data:{...c,placement:s}}}}},Te=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:i,placement:r}=t,{mainAxis:o=!0,crossAxis:s=!1,limiter:l={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...c}=Y(e,t),a={x:n,y:i},f=await le(t,c),u=Q(K(r)),d=J(u);let m=a[d],h=a[u];if(o){const e="y"===d?"bottom":"right";m=X(m+f["y"===d?"top":"left"],m,m-f[e])}if(s){const e="y"===u?"bottom":"right";h=X(h+f["y"===u?"top":"left"],h,h-f[e])}const p=l.fn({...t,[d]:m,[u]:h});return{...p,data:{x:p.x-n,y:p.y-i,enabled:{[d]:o,[u]:s}}}}}},De=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n,i;const{placement:r,middlewareData:o,rects:s,initialPlacement:l,platform:c,elements:a}=t,{mainAxis:f=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:p=!0,...g}=Y(e,t);if(null!=(n=o.arrow)&&n.alignmentOffset)return{};const x=K(r),y=Q(l),w=K(l)===l,v=await(null==c.isRTL?void 0:c.isRTL(a.floating)),b=d||(w||!p?[ne(l)]:function(e){const t=ne(e);return[te(e),t,te(t)]}(l)),$="none"!==h;!d&&$&&b.push(...function(e,t,n,i){const r=Z(e);let o=function(e,t,n){const i=["left","right"],r=["right","left"],o=["top","bottom"],s=["bottom","top"];switch(e){case"top":case"bottom":return n?t?r:i:t?i:r;case"left":case"right":return t?o:s;default:return[]}}(K(e),"start"===n,i);return r&&(o=o.map(e=>e+"-"+r),t&&(o=o.concat(o.map(te)))),o}(l,p,h,v));const E=[l,...b],z=await le(t,g),R=[];let T=(null==(i=o.flip)?void 0:i.overflows)||[];if(f&&R.push(z[x]),u){const e=function(e,t,n){void 0===n&&(n=!1);const i=Z(e),r=ee(e),o=G(r);let s="x"===r?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[o]>t.floating[o]&&(s=ne(s)),[s,ne(s)]}(r,s,v);R.push(z[e[0]],z[e[1]])}if(T=[...T,{placement:r,overflows:R}],!R.every(e=>e<=0)){var D,L;const e=((null==(D=o.flip)?void 0:D.index)||0)+1,t=E[e];if(t){if(!("alignment"===u&&y!==Q(t))||T.every(e=>e.overflows[0]>0&&Q(e.placement)===y))return{data:{index:e,overflows:T},reset:{placement:t}}}let n=null==(L=T.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:L.placement;if(!n)switch(m){case"bestFit":{var C;const e=null==(C=T.filter(e=>{if($){const t=Q(e.placement);return t===y||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:C[0];e&&(n=e);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}},Le=(e,t,n)=>{const i=new Map,r={platform:$e,...n},o={...r.platform,_c:i};return(async(e,t,n)=>{const{placement:i="bottom",strategy:r="absolute",middleware:o=[],platform:s}=n,l=o.filter(Boolean),c=await(null==s.isRTL?void 0:s.isRTL(t));let a=await s.getElementRects({reference:e,floating:t,strategy:r}),{x:f,y:u}=se(a,i,c),d=i,m={},h=0;for(let p=0;p<l.length;p++){const{name:n,fn:o}=l[p],{x:g,y:x,data:y,reset:w}=await o({x:f,y:u,initialPlacement:i,placement:d,strategy:r,middlewareData:m,rects:a,platform:s,elements:{reference:e,floating:t}});f=null!=g?g:f,u=null!=x?x:u,m={...m,[n]:{...m[n],...y}},w&&h<=50&&(h++,"object"==typeof w&&(w.placement&&(d=w.placement),w.rects&&(a=!0===w.rects?await s.getElementRects({reference:e,floating:t,strategy:r}):w.rects),({x:f,y:u}=se(a,d,c))),p=-1)}return{x:f,y:u,placement:d,strategy:r,middlewareData:m}})(e,t,{...r,platform:o})};var Ce="undefined"!=typeof document?i.useLayoutEffect:function(){};function He(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if("function"==typeof e&&e.toString()===t.toString())return!0;let n,i,r;if(e&&t&&"object"==typeof e){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(i=n;0!==i--;)if(!He(e[i],t[i]))return!1;return!0}if(r=Object.keys(e),n=r.length,n!==Object.keys(t).length)return!1;for(i=n;0!==i--;)if(!{}.hasOwnProperty.call(t,r[i]))return!1;for(i=n;0!==i--;){const n=r[i];if(("_owner"!==n||!e.$$typeof)&&!He(e[n],t[n]))return!1}return!0}return e!=e&&t!=t}function Se(e){if("undefined"==typeof window)return 1;return(e.ownerDocument.defaultView||window).devicePixelRatio||1}function ke(e,t){const n=Se(e);return Math.round(t*n)/n}function Oe(e){const t=d.useRef(e);return Ce(()=>{t.current=e}),t}const Ae=(e,t)=>({...Te(e),options:[e,t]}),je=(e,t)=>({...De(e),options:[e,t]});const Me={...d};let Pe=!1,Fe=0;const We=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+Fe++;const Be=Me.useId||function(){const[e,t]=d.useState(()=>Pe?We():void 0);return re(()=>{null==e&&t(We())},[]),d.useEffect(()=>{Pe=!0},[]),e};let Ne;"production"!==process.env.NODE_ENV&&(Ne=new Set);const Ie=d.createContext(null),_e=d.createContext(null);function qe(e){const{open:t=!1,onOpenChange:n,elements:i}=e,r=Be(),o=d.useRef({}),[s]=d.useState(()=>function(){const e=new Map;return{emit(t,n){var i;null==(i=e.get(t))||i.forEach(e=>e(n))},on(t,n){e.has(t)||e.set(t,new Set),e.get(t).add(n)},off(t,n){var i;null==(i=e.get(t))||i.delete(n)}}}()),l=null!=((null==(c=d.useContext(Ie))?void 0:c.id)||null);var c;if("production"!==process.env.NODE_ENV){const e=i.reference;e&&!R(e)&&function(){for(var e,t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];const r="Floating UI: "+n.join(" ");var o;null!=(e=Ne)&&e.has(r)||(null==(o=Ne)||o.add(r),console.error(r))}("Cannot pass a virtual element to the `elements.reference` option,","as it must be a real DOM element. Use `refs.setPositionReference()`","instead.")}const[a,f]=d.useState(i.reference),u=function(e){const t=d.useRef(()=>{if("production"!==process.env.NODE_ENV)throw new Error("Cannot call an event handler while rendering.")});return oe(()=>{t.current=e}),d.useCallback(function(){for(var e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];return null==t.current?void 0:t.current(...n)},[])}((e,t,i)=>{o.current.openEvent=e?t:void 0,s.emit("openchange",{open:e,event:t,reason:i,nested:l}),null==n||n(e,t,i)}),m=d.useMemo(()=>({setPositionReference:f}),[]),h=d.useMemo(()=>({reference:a||i.reference||null,floating:i.floating||null,domReference:i.reference}),[a,i.reference,i.floating]);return d.useMemo(()=>({dataRef:o,open:t,onOpenChange:u,elements:h,events:s,floatingId:r,refs:m}),[t,u,h,s,r,m])}function Ve(e){void 0===e&&(e={});const{nodeId:t}=e,n=qe({...e,elements:{reference:null,floating:null,...e.elements}}),i=e.rootContext||n,r=i.elements,[o,s]=d.useState(null),[l,c]=d.useState(null),a=(null==r?void 0:r.domReference)||o,f=d.useRef(null),u=d.useContext(_e);re(()=>{a&&(f.current=a)},[a]);const h=function(e){void 0===e&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:i=[],platform:r,elements:{reference:o,floating:s}={},transform:l=!0,whileElementsMounted:c,open:a}=e,[f,u]=d.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[h,p]=d.useState(i);He(h,i)||p(i);const[g,x]=d.useState(null),[y,w]=d.useState(null),v=d.useCallback(e=>{e!==z.current&&(z.current=e,x(e))},[]),b=d.useCallback(e=>{e!==R.current&&(R.current=e,w(e))},[]),$=o||g,E=s||y,z=d.useRef(null),R=d.useRef(null),T=d.useRef(f),D=null!=c,L=Oe(c),C=Oe(r),H=Oe(a),S=d.useCallback(()=>{if(!z.current||!R.current)return;const e={placement:t,strategy:n,middleware:h};C.current&&(e.platform=C.current),Le(z.current,R.current,e).then(e=>{const t={...e,isPositioned:!1!==H.current};k.current&&!He(T.current,t)&&(T.current=t,m.flushSync(()=>{u(t)}))})},[h,t,n,C,H]);Ce(()=>{!1===a&&T.current.isPositioned&&(T.current.isPositioned=!1,u(e=>({...e,isPositioned:!1})))},[a]);const k=d.useRef(!1);Ce(()=>(k.current=!0,()=>{k.current=!1}),[]),Ce(()=>{if($&&(z.current=$),E&&(R.current=E),$&&E){if(L.current)return L.current($,E,S);S()}},[$,E,S,L,D]);const O=d.useMemo(()=>({reference:z,floating:R,setReference:v,setFloating:b}),[v,b]),A=d.useMemo(()=>({reference:$,floating:E}),[$,E]),j=d.useMemo(()=>{const e={position:n,left:0,top:0};if(!A.floating)return e;const t=ke(A.floating,f.x),i=ke(A.floating,f.y);return l?{...e,transform:"translate("+t+"px, "+i+"px)",...Se(A.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:t,top:i}},[n,l,A.floating,f.x,f.y]);return d.useMemo(()=>({...f,update:S,refs:O,elements:A,floatingStyles:j}),[f,S,O,A,j])}({...e,elements:{...r,...l&&{reference:l}}}),p=d.useCallback(e=>{const t=R(e)?{getBoundingClientRect:()=>e.getBoundingClientRect(),getClientRects:()=>e.getClientRects(),contextElement:e}:e;c(t),h.refs.setReference(t)},[h.refs]),g=d.useCallback(e=>{(R(e)||null===e)&&(f.current=e,s(e)),(R(h.refs.reference.current)||null===h.refs.reference.current||null!==e&&!R(e))&&h.refs.setReference(e)},[h.refs]),x=d.useMemo(()=>({...h.refs,setReference:g,setPositionReference:p,domReference:f}),[h.refs,g,p]),y=d.useMemo(()=>({...h.elements,domReference:a}),[h.elements,a]),w=d.useMemo(()=>({...h,...i,refs:x,elements:y,nodeId:t}),[h,x,y,t,i]);return re(()=>{i.dataRef.current.floatingContext=w;const e=null==u?void 0:u.nodesRef.current.find(e=>e.id===t);e&&(e.context=w)}),d.useMemo(()=>({...h,context:w,refs:x,elements:y}),[h,x,y,w])}const Ue=t=>s.createPortal(e.jsxRuntimeExports.jsx(l.AnimatePresence,{children:t.isOpen&&e.jsxRuntimeExports.jsx("div",{tabIndex:-1,ref:t.ref,style:{position:"absolute",top:0,left:0,...t.floatingStyles,transform:t.floatingStyles.transform,zIndex:9999},children:e.jsxRuntimeExports.jsx(Je,{tabIndex:-1,$isShowAlwaysOutline:t.isShowAlwaysOutline,$genre:t.genre??"black",className:t.className,initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2},$sx:t.sx,$size:t.size,$sxTypography:t.sxTypography,$maxHeight:t.maxHeight,$maxWidth:t.maxWidth,children:t.children})})}),document.body),Xe=e=>{const{onFocus:t,onBlur:n,onBlurReference:r}=e,[o,s]=i.useState(!1),[l,c]=i.useState(void 0),[a,f]=i.useState(!1),{refs:u,floatingStyles:d,update:m,placement:h}=Ve({open:o,placement:e.placement,middleware:[(p=e.offset??8,{...Re(p),options:[p,g]}),je(),Ae()],whileElementsMounted:ze});var p,g;const x=i.useRef(null),y=i.useRef(null),w=i.useMemo(()=>e.hoverOffset??e.offset??Ge,[e.hoverOffset,e.offset]),v=i.useMemo(()=>e.hoverCloseDelay??Qe,[e.hoverCloseDelay]);i.useEffect(()=>{if(e.isDisabled)return;const t=u.reference.current;if(t){if(("click"===e.mode||"clickOpen"===e.mode)&&t instanceof HTMLElement){const n=()=>{"click"===e.mode?s(e=>!e):"clickOpen"===e.mode&&s(!0)};return t.addEventListener("click",n),()=>{t.removeEventListener("click",n)}}if("hover"===e.mode&&t instanceof HTMLElement){const e=()=>{s(!0)},n=()=>{y.current&&clearTimeout(y.current),y.current=setTimeout(()=>s(!1),v)};return t.addEventListener("mouseenter",e),t.addEventListener("mouseleave",n),()=>{t.removeEventListener("mouseenter",e),t.removeEventListener("mouseleave",n),y.current&&clearTimeout(y.current)}}}},[e.mode,u.reference,v,e.isDisabled]),i.useEffect(()=>{if(!o||!u.reference.current||!u.floating.current||e.isDisabled)return;const t=ze(u.reference.current,u.floating.current,m);return()=>t()},[o,u.reference,u.floating,m,e.isDisabled]),i.useEffect(()=>{if(o&&u.reference.current&&u.floating.current&&!e.isDisabled)return e.isClickOutside&&(x.current=t=>{const n=u.reference.current,i=u.floating.current,r=e.refsExcludeClickOutside||[];n instanceof HTMLElement&&i instanceof HTMLElement&&!n.contains(t.target)&&!i.contains(t.target)&&!r.some(e=>{var n;return"object"==typeof e&&null!==e&&"current"in e&&(null==(n=e.current)?void 0:n.contains(t.target))})&&s(!1)},document.addEventListener("mousedown",x.current)),()=>{x.current&&(document.removeEventListener("mousedown",x.current),x.current=null),y.current&&clearTimeout(y.current)}},[o,u.reference,u.floating,e.isClickOutside,e.isDisabled,e.refsExcludeClickOutside]),i.useEffect(()=>{if(!o||!e.isFloatingHover||!u.reference.current||!u.floating.current||e.isDisabled)return;const t=u.reference.current,n=u.floating.current,i=e=>{const i=e.clientX,r=e.clientY,o=t.getBoundingClientRect(),l=n.getBoundingClientRect(),c=i>=o.left-w&&i<=o.right+w&&r>=o.top-w&&r<=o.bottom+w,a=i>=l.left-w&&i<=l.right+w&&r>=l.top-w&&r<=l.bottom+w;c||a?y.current&&(clearTimeout(y.current),y.current=null):(y.current&&clearTimeout(y.current),y.current=setTimeout(()=>s(!1),v))};return document.addEventListener("mousemove",i),()=>{document.removeEventListener("mousemove",i),y.current&&clearTimeout(y.current)}},[o,e.isFloatingHover,u.reference,u.floating,w,v,e.isDisabled]),i.useLayoutEffect(()=>{if(!e.isWidthAsContent||!u.reference.current)return;const t=u.reference.current.getBoundingClientRect();c(t.width)},[e.isWidthAsContent,u.reference]);const b=i.useCallback(()=>{e.isDisabled||s(!0)},[e.isDisabled]),$=i.useCallback(()=>{e.isDisabled||s(!1)},[e.isDisabled]),E=i.useCallback(()=>{e.isDisabled||s(e=>!e)},[e.isDisabled]),z=i.useMemo(()=>({...d,minWidth:e.isWidthAsContent&&l?`${l}px`:void 0,maxWidth:e.isWidthAsContent&&l?`${l}px`:void 0}),[d,e.isWidthAsContent,l]);i.useEffect(()=>{o&&(null==t||t(),f(!0))},[o,t]),i.useEffect(()=>{!o&&a&&(null==n||n())},[o,a,n]),i.useEffect(()=>{if(!o||e.isDisabled)return;const t=t=>{const n=u.reference.current,i=u.floating.current,r=e.refsExcludeClickOutside||[];n instanceof HTMLElement&&n.contains(t.target)||i instanceof HTMLElement&&i.contains(t.target)||r.some(e=>!!(e&&"current"in e&&e.current&&e.current instanceof HTMLElement)&&e.current.contains(t.target))||s(!1)};return document.addEventListener("focusin",t),()=>{document.removeEventListener("focusin",t)}},[o,u.reference,u.floating,e.refsExcludeClickOutside,e.isDisabled]),i.useEffect(()=>{if(!u.reference.current||e.isDisabled||!r)return;const t=u.reference.current,n=e.refsExcludeBlur||[],i=e=>{t instanceof HTMLElement&&!t.contains(e.relatedTarget)&&!n.some(t=>{if(t&&"current"in t&&t.current&&t.current instanceof HTMLElement)return t.current.contains(e.relatedTarget)})&&r()};return t instanceof HTMLElement&&t.addEventListener("blur",i,!0),()=>{t instanceof HTMLElement&&t.removeEventListener("blur",i,!0)}},[u.reference,e.isDisabled,r,e.refsExcludeBlur]);return{getIsInside:i.useCallback(t=>{if(!t)return!1;const n=u.reference.current,i=u.floating.current,r=e.refsExcludeBlur||[];return n instanceof HTMLElement&&n.contains(t)||i instanceof HTMLElement&&i.contains(t)||r.some(e=>!!(e&&"current"in e&&e.current&&e.current instanceof HTMLElement)&&e.current.contains(t))},[u.reference,u.floating,e.refsExcludeBlur]),isOpen:o,setIsOpen:s,open:b,close:$,toggle:E,refReference:u.setReference,refFloating:u.setFloating,floatingStyles:z,placement:h}},Ye=r.css`
-  ${e=>r.css`
-    background: ${e.theme.colors.button[e.$genre].background.rest};
-    border-color: ${e.theme.colors.button[e.$genre].border.rest};
-    color: ${e.theme.colors.button[e.$genre].color.rest};
-    /* box-shadow: ${e.theme.effects.button}; */
-  `};
-`,Ke=r.css`
-  ${e=>Ze({...o.KEY_SIZE_DATA[e.$size??"medium"]})};
-`,Ze=e=>r.css`
-  display: flex;
-  border-radius: ${e.radius}px;
-  padding: ${e.padding}px;
-  gap: ${e.padding-2}px;
-  ${t=>h(e.font,500,t.theme.font.family)};
-`,Je=r(l.motion.div)`
-  max-width: ${e=>e.$maxWidth||"100%"};
-  max-height: ${e=>e.$maxHeight||"100%"};
-  overflow: auto;
-  flex-direction: column;
-  ${Ke};
-  ${c.addAlwaysOutline};
-  ${x};
-  ${Ye};
-  ${a.addSX};
-`,Ge=8,Qe=100,et=r(f.Stack)`
-  display: flex;
-  width: fit-content;
-  height: fit-content;
-`,tt=r.css`
-  ${e=>nt({...o.KEY_SIZE_DATA[e.size??"medium"]})};
-`,nt=e=>r.css`
-  gap: 0px;
-  padding: ${e.padding}px ${e.padding}px 0px ${e.padding}px;
-  :after {
-    content: '';
-    display: block;
-    height: ${e.padding}px;
-    width: 100%;
-  }
-`,it=r(Ue)`
-  ${tt};
-`,rt=i.memo(t=>t.isDisabled?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.children}):e.jsxRuntimeExports.jsx(ot,{...t})),ot=t=>{const{isOpen:n,refReference:i,refFloating:r,floatingStyles:o}=Xe({placement:t.placement??st,offset:t.offset??lt,mode:t.mode??"hover",isClickOutside:t.isClickOutside??!0,isFloatingHover:t.isFloatingHover??!0,isWidthAsContent:t.isWidthAsContent??!1,hoverCloseDelay:t.hoverCloseDelay??void 0,hoverOffset:t.hoverOffset??void 0});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(et,{sx:t.sx,ref:i,children:t.children}),e.jsxRuntimeExports.jsx(it,{size:t.size,isOpen:n,genre:t.genre,floatingStyles:o,ref:r,maxHeight:t.maxHeight,maxWidth:t.maxWidth,children:e.jsxRuntimeExports.jsx(at,{sx:t.sxTypography??{default:{size:14}},children:t.content})})]})};rt.displayName="Tooltip";const st="bottom-start",lt=8,ct=n=>{const{screenActual:r}=t.useScreenWidth(),o=i.useMemo(()=>({$sxTypography:n.sx,style:n.style,className:n.className,$sx:n.sxStandard,onClick:n.onClick?n.onClick:()=>{}}),[n.sx,n.style,n.className,n.sxStandard,n.onClick]),s=i.useMemo(()=>{var e,t;return(null==(e=n.sx)?void 0:e[r])??(null==(t=n.sx)?void 0:t.default)},[n.sx,r]);return s&&"variant"in s?"h7"===s.variant||"h8"===s.variant||"h9"===s.variant?e.jsxRuntimeExports.jsx(w,{ref:n.ref,as:n.isAnchor?"a":n.isParagraph?"p":(n.isSpan,"span"),href:n.href,...o,children:n.children}):e.jsxRuntimeExports.jsx(w,{ref:n.ref,as:n.isAnchor?"a":n.isParagraph?"p":n.isSpan?"span":s.variant,href:n.href,...o,children:n.children}):e.jsxRuntimeExports.jsx(w,{ref:n.ref,as:n.isAnchor?"a":n.isParagraph?"p":(n.isSpan,"span"),href:n.href,...o,children:n.children})},at=t=>e.jsxRuntimeExports.jsx(ct,{...t}),ft=t=>e.jsxRuntimeExports.jsx(ct,{isAnchor:!0,...t,ref:t.ref,href:t.href}),ut=n.createLink(ft),dt=i.memo(t=>{const[n,r]=i.useState(!1),o=i.useRef(null);return i.useEffect(()=>{const e=()=>{o.current&&r(o.current.scrollWidth>o.current.clientWidth)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[t.children]),e.jsxRuntimeExports.jsx(rt,{isDisabled:!n,content:t.children,...t.tooltip,children:e.jsxRuntimeExports.jsx(ct,{ref:o,...t.typography,style:{position:"relative"},children:t.children})})});dt.displayName="TypographyTooltip",ct.displayName="TypographyWithRef",ft.displayName="TypographySizeIsAnchor",exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=lt,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=st,exports.Popover=Ue,exports.Title=w,exports.Tooltip=rt,exports.TooltipBox=it,exports.TooltipContainer=et,exports.TooltipContent=ot,exports.Typography=at,exports.TypographyLink=ut,exports.TypographyTooltip=dt,exports.addSXTypography=x,exports.addTooltipBoxSize=tt,exports.addTooltipBoxSizeConstructor=nt,exports.getFontSizeStyles=h,exports.useMergeRefs=function(e){const t=d.useRef(void 0),n=d.useCallback(t=>{const n=e.map(e=>{if(null!=e){if("function"==typeof e){const n=e,i=n(t);return"function"==typeof i?i:()=>{n(null)}}return e.current=t,()=>{e.current=null}}});return()=>{n.forEach(e=>null==e?void 0:e())}},e);return d.useMemo(()=>e.every(e=>null==e)?null:e=>{t.current&&(t.current(),t.current=void 0),null!=e&&(t.current=n(e))},e)},exports.usePopover=Xe;
-//# sourceMappingURL=component-CACoGUK9.cjs.map