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

package/build/component-CMkU2lIg.cjs

@@ -1,90 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),s=require("./component.styles-CbkvPvEl.cjs"),i=require("./component.styles-Dpg-__rn.cjs"),t=require("./component-D7A-4DNQ.cjs"),o=require("./component-CeWNemV1.cjs"),n=require("react"),r=require("styled-components"),d=require("framer-motion"),l=require("./style-mc2ST5fY.cjs"),c=require("./style-fRZ6xrVp.cjs"),u=require("./theme.global-B9wIU_rF.cjs"),a=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};
-    &:hover {
-      ${(!e.$isHidden||e.$isNotHoverEffect)&&r.css`
-        background: ${e.theme.colors.button[e.$genre].background.hover};
-        border-color: ${e.theme.colors.button[e.$genre].border.hover};
-        color: ${e.theme.colors.button[e.$genre].color.hover};
-      `}
-    }
-  `};
-`,$=r.css`
-  ${e=>e.$isHidden?r.css`
-          opacity: 0.5;
-          background: ${e.theme.colors.button[e.$genre].background.rest} !important;
-          color: ${e.theme.colors.button[e.$genre].color.rest} !important;
-        `:r.css`
-          opacity: 1;
-        `}
-`,p=r.css`
-  ${e=>e.$isHiddenBorder&&r.css`
-      border: 0px transparent !important;
-    `}
-`,h=r.css`
-  ${e=>e.$isRadius&&r.css`
-      border-radius: 100px;
-    `}
-`,m=r.css`
-  ${e=>e.$isPlaystationEffect&&r.css`
-      box-shadow: ${e.theme.effects.button};
-    `}
-`,x=r.div`
-  ${e=>e.$isIconGroup?r.css`
-          display: flex;
-          gap: ${u.KEY_SIZE_DATA[e.$size].padding-2}px;
-          align-items: center;
-          order: ${e.$iconGroupOrder||"initial"};
-        `:r.css`
-          display: contents;
-        `}
-`,g=r.css`
-  ${e=>y({...u.KEY_SIZE_DATA[e.$size],isFullSize:e.$isFullSize,isWidthAsHeight:e.$isWidthAsHeight,isMinWidthAsContent:e.$isMinWidthAsContent})};
-`,y=e=>r.css`
-  height: fit-content;
-  min-height: ${e.height}px;
-  max-height: fit-content;
-  padding: 2px ${e.padding}px;
-  border-radius: ${e.radius}px;
-  gap: ${e.padding-2}px;
-  ${s=>o.getFontSizeStyles(e.font,700,s.theme.font.family)};
-  ${()=>e.isFullSize&&r.css`
-      height: 100%;
-      width: 100%;
-      border-radius: 0px;
-    `};
-  ${e.isWidthAsHeight&&r.css`
-    width: ${e.height}px;
-    min-width: ${e.height}px;
-    padding: 0px;
-  `};
-  ${e.isMinWidthAsContent&&r.css`
-    min-width: max-content;
-  `};
-`,b=r.css`
-  border: 1px solid transparent;
-`,f=r.css`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,z=r(d.motion.button)`
-  cursor: pointer;
-  user-select: none;
-
-  ${b};
-  ${g};
-  ${a};
-  ${$};
-  ${p};
-  ${h};
-  ${m};
-  ${f};
-  ${i.addRippleDefault};
-  ${l.addTransition};
-  ${l.addOutline};
-  ${o.addSXTypography};
-  ${c.addSX};
-`;exports.Button=i=>{const d=r.useTheme(),l=n.useMemo(()=>{var t,o;return null==(o=null==(t=i.icons??[])?void 0:t.filter(e=>!e.isHidden))?void 0:o.map((t,o)=>"id"===(null==t?void 0:t.type)?e.jsxRuntimeExports.jsx(s.Icon,{name:null==t?void 0:t.name,type:"id",size:(null==t?void 0:t.size)??i.size,turn:t.turn,order:t.order},`${t.type}-${t.name}-${o}`):"logo"===(null==t?void 0:t.type)?e.jsxRuntimeExports.jsx(s.Icon,{name:null==t?void 0:t.name,type:"logo",size:(null==t?void 0:t.size)??i.size,turn:t.turn,order:t.order},`${t.type}-${t.name}-${o}`):"checkbox"===(null==t?void 0:t.type)?e.jsxRuntimeExports.jsx(s.Icon,{name:null==t?void 0:t.name,type:"checkbox",size:(null==t?void 0:t.size)??i.size,turn:t.turn,order:t.order},`${t.type}-${t.name}-${o}`):"loading"===(null==t?void 0:t.type)?e.jsxRuntimeExports.jsx(s.Icon,{name:null==t?void 0:t.name,type:"loading",size:(null==t?void 0:t.size)??i.size,turn:t.turn,order:t.order},`${t.type}-${t.name}-${o}`):"realebail"===(null==t?void 0:t.type)?e.jsxRuntimeExports.jsx(s.Icon,{name:null==t?void 0:t.name,type:"realebail",size:(null==t?void 0:t.size)??i.size,turn:t.turn,order:t.order},`${t.type}-${t.name}-${o}`):null)},[i.icons,i.size]),c=n.useRef(null),u=o.useMergeRefs([c,i.ref]);return e.jsxRuntimeExports.jsxs(z,{$isNotHoverEffect:i.isNotHoverEffect,whileTap:i.isWhileTapEffect?{scale:.9,transition:{duration:.02}}:{},id:i.id,tabIndex:i.tabIndex??0,$isFullSize:i.isFullSize,$genre:i.genre,$size:i.size,$isDisabled:i.isDisabled,$isMinWidthAsContent:i.isMinWidthAsContent,$isWidthAsHeight:i.isWidthAsHeight,$isRadius:i.isRadius,$isHidden:i.isHidden,$isPlaystationEffect:i.isPlaystationEffect,$sxTypography:i.sxTypography,$isHiddenBorder:i.isHiddenBorder||i.isPlaystationEffect,disabled:i.isDisabled,type:i.type??"button",className:i.className,onClick:e=>{!i.isDisabled&&i.onClick&&i.onClick(e)},onFocus:i.onFocus,onMouseDown:i.onMouseDown,ref:u,$sx:i.sx,children:[e.jsxRuntimeExports.jsx(t.Ripple,{color:d.colors.checkbox[i.genre].color.rest,isDisabled:i.isDisabled??i.isDisabledRipple,isHidden:i.isHidden}),!i.isOnlyIcon&&e.jsxRuntimeExports.jsx("div",{style:{order:0,display:"contents"},children:i.children&&i.children}),e.jsxRuntimeExports.jsx(x,{$size:i.size,$isIconGroup:i.isIconGroup,$iconGroupOrder:"iconGroupOrder"in i?i.iconGroupOrder:void 0,children:l})]})},exports.ButtonSize=g,exports.ButtonSizeConstructor=y,exports.StyledButton=z,exports.StyledButtonIconsWrapper=x;
-//# sourceMappingURL=component-CMkU2lIg.cjs.map

package/build/component-CMkU2lIg.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-CMkU2lIg.cjs","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  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 === '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.02 } } : {}}\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":["ButtonGenre","css","props","theme","colors","button","$genre","background","rest","border","color","$isHidden","$isNotHoverEffect","hover","ButtonDisabled","ButtonIsHiddenBorder","$isHiddenBorder","ButtonIsRadius","$isRadius","ButtonIsPlaystationEffect","$isPlaystationEffect","effects","StyledButtonIconsWrapper","styled","div","$isIconGroup","KEY_SIZE_DATA","$size","padding","$iconGroupOrder","ButtonSize","ButtonSizeConstructor","isFullSize","$isFullSize","isWidthAsHeight","$isWidthAsHeight","isMinWidthAsContent","$isMinWidthAsContent","height","radius","params","getFontSizeStyles","font","family","ButtonBorder","ButtonFlex","StyledButton","motion","addRippleDefault","addTransition","addOutline","addSXTypography","addSX","useTheme","iconComponents","useMemo","_b","_a","icons","filter","icon","isHidden","map","index","type","jsx","Icon","name","size","turn","order","refDefault","useRef","ref","useMergeRefs","jsxs","isNotHoverEffect","whileTap","isWhileTapEffect","scale","transition","duration","id","tabIndex","genre","$isDisabled","isDisabled","isRadius","isPlaystationEffect","$sxTypography","sxTypography","isHiddenBorder","disabled","className","onClick","event","onFocus","onMouseDown","$sx","sx","children","Ripple","checkbox","isDisabledRipple","isOnlyIcon","style","display","isIconGroup","iconGroupOrder"],"mappings":"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"}

package/build/component-CeWNemV1.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-B9wIU_rF.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-CeWNemV1.cjs.map